طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

آموزش ساخت سیستم نظردهی با php و ajax


در آموزش های قبلی به طور کامل نحوه ساخت سیستم نظردهی با php را دیدیم که امکانات زیادی مانند تایید نظرات, پاسخ, حذف و غیره.. برای مدیریت داشت.

در این مقاله آموزشی قصد داریم به شما نحوه ساخت سیستم نظردهی با php بصورت AJAX را نشان بدیم.

این سیستم نظردهی یا کامنت گذاری شامل قابلیت هایی برای افزودن پاسخ (reply) به هر کامنت اضافه شده توسط کاربر را دارد.

من از ajax در جی کوئری برای افزودن نظر/پاسخ به دیتابیس و نشان دادن آن به کاربران استفاده کردم. از آنجایی که از ایجکس بهره می بریم, باعث بهبود تجربه کاربری (UX) می شود.

هر کامنت (comment) یک id یکتا دارد و این آی دی به المنت HTML موجود در لیست نظرات اشاره می کند.

این ID نظر به همراه درخواست AJAX برای انجام عملیاتی مانند افزودن پاسخ ارسال می شود. در آموزش قبلی نحوه خواندن و نوشتن در دیتابیس (و در کل عملیات CRUD) را با استفاده از AJAX دیدیم.

 

کد HTML برای نمایش نظرات

این کد به شما فیلدهای input برای وارد کردن نام و متن نظر/پاسخ برای انتشار را نشان می دهد.

نکته: شما می توانید اطلاعات دیگری مانند لینک وبسایت و یا ایمیل را از کاربر بگیرید که البته نیاز خواهد بود در بخش PHP و دیتابیس تغییرات کوچکی اعمال کنید.

با سابمیت شدن نظر کاربر, درخواست AJAX به منظور افزودن دادن به دیتابیس فراخوانی می شود.همچنین کد ایجکس نظر پست شده توسط کاربر را بعد از عملیات موفقیت آمیز ajax به کاربر نمایش می دهد.

نظرات و پاسخ های آن ها در ساختار پدر-فرزند به صفحه اضافه می شود. هر نظر توسط المنت پدر (parent) که شامل لیستی از فرزندان (childs) است به عنوان reply نمایش داده میشود.

کد PHP برای انتشار نظر/پاسخ

در این کد PHP از ساخت سیستم نظردهی با php و ajax , درخواست AJAX دریافت و نظر/پاسخ پست شده توسط کاربر اضافه می شود. بعد از اضافه شدن نظرات کاربر به دیتابیس, کد PHP نظرات را به صورت خواندنی و به عنوان پاسخ با فرمت JSON به اسکریپت AJAX برگشت می دهد.

حتما بخوانید  رفتن به خط جدید در php با Line Breaks

این داده به کد HTML دربرگیرنده (container) نظرات اضافه (append) می شود.

کد PHP زیر به شما نحوه اضافه و نمایش دادن نظرات پست شده توسط کاربر با AJAX را نشان می هد.

در اینجا از mysqli برای اتصال به دیتابیس استفاده کردیم.

 

Comment-list.php

Comment-add.php

ساخت سیستم نظردهی با php و ajax – خروجی

اسکرین شات زیر به شما خروجی کار ما در آموزش ساخت سیستم نظردهی با php و ajax را نشان می دهد.

همچنین می توانید قابلیت های جالبی مثل افزودن ایموجی به سیستم نظرات و همچنین لایک/دیس لایک را به این سیستم اضافه کنید.

امیدوارم از آموزش ساخت سیستم نظردهی با php و ajax نهایت استفاده را برده باشید.

برای دانلود سورس کد کامل از باکس دانلود زیر استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

افزایش امنیت سایت

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه