Scaffolding در MVC 5

چهارشنبه 6 آبان 1394

در این مقاله درباره Scaffolding و نحوه ایجاد و استفاده از آن در MVC5 صحبت خواهیم کرد. Scaffolding یک چارچوب برای تولید خودکار کد در ASP.Net است. با استفاده ازمدل Entity برای عملیات چهارگانه CRUD کدها را به صورت خودکار می سازد.

Scaffolding در MVC 5

در این مقاله درباره Scaffolding  و نحوه ایجاد و استفاده از آن در MVC5 صحبت خواهیم کرد. Scaffolding  یک چارچوب برای تولید خودکار کد در ASP.Net  است. با استفاده ازمدل  Entity  برای عملیات چهارگانه CRUD  کدها را به صورت خودکار می سازد.

راه بسیار ساده ای برای ایجاد یک پروژه ASP.Net MVC با همه عملیات های CRUD  (افزودن، ویرایش ، حذف و جزئیات) است.

 برای درک بهتر آن یک مثال آورده ایم. در اینجا از Visual Studio 2013 MVC 5 و WebAPI و Entity  استفاده شده است . برای شروع یک پروژه با نام ScaffoldingInMvc5 ایجاد میکنیم.

در پنجره بعدی قالب مورد نظر را انتخاب میکنیم.

پروژه MVC ایجاد شد. برای دسترسی به داده های دیتابیس از Entity  استفاده میکنیم. در فایل ضمیمه یک نمونه دیتابیس قرار داده شده است.

برای اضافه کردن data model مطابق شکل زیر عمل میکنیم.

روی Models کلیک راست کرده و از قسمت add new item  به پنجره زیر دسترسی پیدا خواهیم کرد.

دیتابیس به پروژه اضافه شد.

در تصویر بالا مشاهده میکنید بعد از اضافه شدن Entity data model ، در پوشه models فایلی با نام EmployeeModel ایجاد شده است. پروژه را rebuild کنید. داده ها به پروژه اضافه شده است.  زمان آن رسیده است تا عملیات CRUD به صوت خودکار ایجاد شوند.

روی کنترلر کلیک راست کرده و Add new scaffolded item را انتخاب میکنیم.

در اینجا مانند تصویر زیر عمل میکنیم.

 در پنجره باز شده  نام کنترلردرخواست می شود. که در  اینجا آن را EmployeeController قراردادیم.

در قسمت بعد مدل کلاس را همنام با جدولی که قرار است عملیات CRUD برای آن ایجاد شود انتخاب میکنیم. که در اینجا Employee است.

سپس data context را از مدل  entity که قبلا اضافه شده بود انتخاب میکنیم. 

 

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

تصویر زیر نشان دهنده اضافه شدن Scaffolding به پروژه است.

اگر به solution explorer  نگاه کنید، خواهید دید که عملیات CRUD و کنترلر و view های مربوط آن به صورت خودکار تولید شده است.

برنامه را Build میکنیم.

برای چک کردن برنامه به فایل Layout.cshtml_ رفته، و مانند زیر یک لینک برای کنترلر جدید ایجاد میکنیم.

برنامه را rebuild کرده و آن را اجرا میکنیم.

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

زمانی که روی کارمندان کلیک کنید به employee index  وارد خواهید شد.

در اینجا می توانید لیستی از کارمندان را مشاهده کنید که برای هر کدام میتوانید عملیات حذف، ویرایش، جزئیات را ببینید و در بالای صفحه می توانید کارمندان جدید را اضافه کنید. با کلیک بر روی لینک افزودن به صفحه زیر وارد  می شود.

و به همین صورت ویرایش و جزئیات و حذف را مشاهده خواهید کرد.

 

فایل های ضمیمه

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید