50درصد تخفیف سورس فروشگاهی دیجی کالا + اپلیکیشن اندروید تا پایان این هفته - کد تخفیف : off50
با تخفیف میخرم

افزودن ایموجی به سیستم نظرات توسط PHP

  • آپدیت شده در تاریخ

افزودن ایموجی به سیستم نظرات توسط PHP

سیستم های قرار دادن نظرات (comment) و اپلیکیشن های چت بدون داشتن یک آپشن قرار دادن شکلک ایموجی (Emoji) کامل نمی شوند.

Emoji ها تصاویر تاثیر گذاری برای اشتراک گذاری احساسات به هنگام ارسال پیام ها می باشد.

سایت های شبکه اجتماعی مانند فیسبوک به دلیل پشتیبانی از تصاویر ایموجی محبوبیت فراوانی دارند. همچنین در کیبورد تمام گوشی های هوشمند بخش Emoji ها نیز وجود دارد.

 

معمولا, افراد در سیستم هایی که قابلیت پشتیبانی از ایموجی وجود ندارد از سمبل هایی مانند :- ) , ;- )  استفاده می کنند.با داشتن آیکون های گرافیکی, رساندن احساس از طریق پیام ها بسیار ساده تر خواهد بود.

در این کد, قصد افزودن ایموجی به سیستم نظرات توسط PHP داریم. قبلا نحوه ساخت سیستم کامنت گذاری با PHP را دیدیم.

در این آموزش قصد داریم از همان مثال استفاده کنیم و قابلیت ایموجی را به آن اضافه کنیم.

 

من از یک کتابخانه معروف به نام emoji-picker استفاده می کنیم. این کتابخانه jquery به منظور افزودن بخش emoji picker به سیستم نظرسنجی استفاده شده است.

می توانید کتابخانه emoji-picker را دانلود و در اپلیکیشن تحت وب خود اینکلود کنید.

سیستم نظرات با قابلیت افزودن ایموجی (Emoji)

این کد HTML یک فرم برای افزودن نظرات به همراه بخش انتخاب ایموجی را نشان می دهد. همچنین input هایی برای وارد کردن نام و پیام به عنوان نظر وجود دارد.

همچنین می توانید بخش لایک/دیس لایک و قابلیت های دیگر را نیز اضافه کنید.

المنت باکس کامنت نیاز به ست شدن ویژگی data-emojiable=true و data-emoji-input=unicode را دارد. بعد از اجرای اسکریپت, بخش کنترل “انتخاب ایموجی” در بالا سمت راست باکس نظرات نمایش داده می شود.

کد jQuery برای فعال سازی Emoji-Picker

این کد بخش “انتخاب ایموجی” را به باکس کامنت اضافه می کند. در این اسکریپت, با ست کردن سلکتور ایموجی به عنوان ویژگی data-emojiable تابع EmojiPicker().discover() اجرا می شود

مسیر فایل آیکون های ایموجی و تنظیمات مختلف دیگر نیز به هنگام ساخت نمونه شی EmojiPicker قابل ست شدن است.

کد ajax برای لیست کردن و افزودن نظران با ایموجی

در این اسکریپت jquery , درخواست comment-list و comment-add با تابع ajax جی کویری به سمت PHP ارسال می شود.

با سابمیت کردن کامنت یا reply کاربر با ایموجی انتخاب شده, درخواست ایجکس برای آپدیت کردن دیتابیس صدا زده می شود.

 

با دریافت پاسخ (response) براساس درخواست (request) ارسال شده, بلاک success ایجکس بصورت داینامیک بخش ظاهری (UI) نظرات را بروزرسانی می کند.

نظرات و پاسخ های آن بصورت پدر-فرزندی نمایش داده خواهد شد.

کد PHP برای افزودن نظرات

بعد از افزودن نظرات به همراه ایموجی ها به دیتابیس, کد PHP نظرات را چاپ می کند که به عنوان پاسخ به ایجکس خوانده می شود.

با insert موفقیت آمیز دیتابیس, یک پیام در فرم نظرات نمایش داده می شود. در آموزش jquery قبلی نحوه استفاده از افکت fadeIn/fadeOut را دیدیم.

Comment-list.php

Comment-add.php

کد اسکریپت دیتابیس

خروجی افزودن ایموجی به سیستم نظرات توسط PHP

اسکرین شات زیر به شما خروجی استفاده از سیستم نظرات به همراه emoji را نشان می دهد. همچنین لیست نظرات را به همراه ایموجی و متن پیام های آن را نمایش می دهد.

افزودن ایموجی به سیستم نظرات توسط PHP

امیدوارم از آموزش افزودن ایموجی به سیستم نظرات توسط PHP نهایت استفاده را برده باشید.

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

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

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

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

آموزش های رایگان بیشتر در اینستاگرام ما ...

NETPARADIS /
مطالب زیر را حتما بخوانید
دیدگاه کاربران

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

    دوره های آموزشی

    دانلود رایگان کتاب آموزش PHP

    صفر تا صد PHP و MySQL را یکجا یاد بگیرید
    همین الان دانلود کن
    نگران نباشید. ایمیل‌های مزاحم نمی‌فرستیم
    close-link