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

افزودن ایموجی به سیستم نظرات توسط 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() اجرا می شود

حتما بخوانید  معرفی متدهای ایجکس در jQuery - بخش اول

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

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

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

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

 

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

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

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

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

حتما بخوانید  لاگین شدن با twitter در php

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

Comment-list.php

Comment-add.php

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

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

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

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

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

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

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

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

اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

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

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

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

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

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

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

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

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

مجوزهای ما


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

دانلود کتاب

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