پیاده سازی سیستم Like,DisLike در mvc

پیاده سازی سیستم Like,DisLike در mvc

در این آموزش قصد داریم با استفاده از تکنولوژی Ajax ، سیستم لایک و دیس لایک را در Asp.Net MVC یپاده سازی کنیم .

برای شروع دیتابیس Like_DB را که حاوی سه جدول  به نام LikesوProductsوUsers را میسازیم.

 

حال Visual studio را اجرا کرده و روی new project کلیک و بعد زبانه #c قسمت web را انتخاب و یک پروژه از نوع Asp.Net Web Application ایجاد میکنیم

بعد از این مرحله مطابق تصویر زیر انجام دهید

بعد از انجام مراحل بالا حال وقت ارتباط برقرار کردن دیتابیس با پروژه است که از طریق Model ADO.Net.Entity.Netخود را به پروژه اضافه میکنیم

برای اضافه کردن دیتابیس ایتدا یک پروژه به نامdatalayerکلیک میکنیم برای اینکار رویsolutionکلیک راست میکنیم روی addو گزینهNew Projectرا انتخاب میکنیم 

بعد در پنجره باز شده مطابق تصویر زیر عمل میکنیم

بعد کلاس class.cs را پاک میکنیم.

بعد روی پروژه کلیک راست کرده روی add گزینه New item را انتخاب میکنیم

بعد از انجام مراحل بالا طبق تصاویر زیر مراحل را انجام می دهیم.

مرحله 1 : در این قسمت.ADO.Net.Entity.Net را  از زبانه c#>Date انتخاب کرده و نام آنرا وارد میکنیم و بعد تایید میکنیم. مطابق تصویر زیر

مرحله 2 :گزینه EF Designer from database را انتخاب کنید و روی Next کلیک کنید 

مرحله 2: در این مرحله مطابق تصویر روی new connection کلیک میکنیم

مرحله 3: در این مرحله باید دیتابیس خود را انتخاب کرده و تایید کنید

مرحله 4 :روی Next کلیک کنید

مرحله 5 :نسخه entity framework خود را انتخاب کنید و روی Next کلیک کنید

مرحله آخر :جدول های خود را انتخاب کنید و روی finish کلیک کنید

کمی صبر کنید تا Model ایجاد شود

بعد App.Config را باز میکنیم و ConnectionString را کپی میکنیم

و در Web.Config  کپی میکنیم.

اولین مرحله برای پیاده سازی سیستم لایک 

مرحله 1 :همان گونه که در  تصاویر ملاحظه می کنید روی  Controller.  کلیک راست  می کنیم  و روی Add  بر روی  Controller کلیک میکنیم. 

 

مرحله 2 :یک Controller  از نوع Controller with views, using Entity Framework. MVC 5 ایجاد میکنیم

مرحله 3: نام نام جدول محصول را در model class وارد میکنیم و نام connectionstring در Data Context class انتخاب میکنیم 

بعد پروژه را اجرا میکنیم

و چند محصول اضافه میکنیم.

در مرحله بعد یک Controller Empty با نام Likes ایجاد میکنیم ویک ActionResult با نام Index ایجاد میکنیم

در مرحله بعد یک view برای Index میسازیم مطابق تصویر زیر

در مرحله بعد دو متد برای لایک  و دیس لایک مینویسیم مطابق تصویر زیر

 

در مرحله بعد دو تابع جاوا اسکریپ مینویسم تا لایک ودیس لایک به صورت ajax انجام شود

 

کد های جاوا اسکریپت پروژه:

 
 
 
 
 
امیدواریم این مقاله برای شما مفید بوده باشد.
سؤالات، انتقادات و پیشنهادات خود را با ما در میان بگذارید.


این مقاله فایلی برای دانلود ندارد
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.