مقدمه ای بر asp.net mvc

ASP.NET MVC یک فریم ورک جهت طراحی اپلیکیشن های تحت وب بوده که توسط مایکروسافت در سال 2007 ارائه شده است. ASP.NET MVC به توسعه دهندگان نرم افزارهای تحت وب امکان می دهد برنامه های وب را با ترکیب سه عنصر Model, View و Controller ایجاد نمایند.

MVC Pattern

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

  • Model: حاوی مجموعه ای از کلاس ها می باشند که نوع و نحوه استفاده از اطلاعات را در برنامه های تحت مشخص می نمایند. کلیه کلاس هایی که وظیفه ارتباط با پایگاه داده و ذخیره سازی اطلاعات درون آن را دارند، در این بخش تعریف می گردند.
  • View: ظاهر گرافیکی و نحوه نمایش عناصر و اطلاعات را تعیین می کند. به عبارتی دیگر کاربر نهایی تنها View را مشاهده می نماید. ساختار کلی View مشابه صفحات HTML می باشد.
  • Controller: کلاس های مخصوصی می باشند که واسطی بین Model و View بوده و تعامل آن دو توسط Controllerها انجام می شود.

ASP.NET MVC 5

نسخه 5 ام MVC همراه با ویژوال استودیو 2013 در اکتبر سال 2013 ارائه گردید. قابلیت هایی که در این نسخه اضافه گردید عبارتند از:

  • ASP.NET Identity
  • Bootstrap Templates
  • Attribute Routing
  • ASP.NET scaffolding
  •  Authentication filters
  • Filter overrides

درباره هریک از این ویژگی ها در مقالات آتی توضیح داده خواهد شد.

برای ساخت وبسایت به وسیله ASP.NET MVC ابتدا می بایست یکی از نسخه های ویژوال استودیو را نصب نمایید که پیشنهاد ما نسخه 2017 آن می باشد.

ساخت اولین پروژه

برای ساخت یک پروژه ASP.NET MVC مراحل زیر را دنبال کنید:

از منوی File گزینه New Project را انتخاب کنید.

ساخت پروژه MVC - مرحله 1

در کادر سمت چپ از زیر مجموعه #Visual C گزینه Web را انتخاب نمایید.

از کادر موجود در مرکز پنجره گزینه ASP.NET Web Application (.Net framework) را انتخاب کنید.

درکادر Name نام پروژه را تایپ کرده و در بخش Location محل ذخیره سازی آن را تعیین نمایید.

ساخت پروژه MVC - مرحله 2

پس از انجام مراحل فوق رو دکمه OK کلیک کنید.

در پنجره باز شده گزینه MVC را انتخاب کرده و روی دکمه OK کلیک کنید.

ساخت پروژه MVC - مرحله 3

با دنبال کردن مراحل فوق، اولین پروژه ASP.NET MVC را توانستید ایجاد نمایید. در سمت راست برنامه، پنجره Solution Explorer را مشاهده می کنید که حاوی کلیه فایل های مربوط به پروژه می باشد و با فشردن کلید F5 یا کلیک روی گزینه RUN برنامه را اجرا کنید.

اجرای اولین پروژه MVC

به همین سادگی یک وبسایت حاوی 4 صفحه بصورت کاملا Responsive (توسط Bootstrap) ایجاد گردید!

اجرای پروژه MVC مرحله آخر

صفحه باز شده را ببندید و پروژه را Stop  کنید.

ساختار یک پروژه MVC

در پنجره Solution Explorer می توانید کلیه محتوای پروژه را مشاهده نمایید در صورت عدم مشاهده این پنجره می توانید از منوی View گزینه Solution Explorer را مشاهده نمایید. پوشه های مهم این موجود در پروژه های ASP.NET MVC به شرح زیر می باشند:

App_Start: حاوی کلاس های BundleConfig, FilterConfig و RouteConfig می باشد که برای تنظیمات اولیه پروژه مورد استفاده قرار می گیرند.

Content: کلیه فایل هایی که برای طراحی ظاهر گرافیکی صفحات از جمله فایل های css، تصاویر و ... مورد نیاز است، همگی در این پوشه قرار می گیرند. همانطور که در بخش قبل توضیح داده شد یکی از قابلیت های ASP.NET MVC5 استفاده از تمپلیت هایی می باشد که با استفاده از ساختار Bootstrap ایجاد می شوند و در پوشه Content فایل های css مربوط به Bootstarp را مشاهده می نمایید که بصورت اتوماتیک به پروژه اضافه شده اند.

Controllers: حاوی تمام Contollerهای موجود در پروژه می باشد. اگر قصد افزودن یک Contoller به پروژه را داشته باشید، می بایست درون این پوشه ایجاد نمایید.

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

Models: کلیه مدل های مورد استفاده در برنامه در این پوشه قرار داده می شوند.

Scripts: در این پوشه فایل های مربوط به جاوا اسکریپت و جی کوئری قرار داده می شوند.

Views: این پوشه حاوی تمام View هایی می باشد که در برنامه ایجاد و استفاده می شود.

Global.asax: این فایل حاوی تنظیمات عمومی وب اپلیکیشن می باشد که در درس های آینده به آن خواهیم پرداخت.

Web.Config: اصلی ترین و کلیدی ترین فایل یک پروژه ASP.NET MVC می باشد که حاوی کلیه تنظیمات ضروری جهت اجرای پروژه بوده و هرگونه تغییر اشتباه در آن موجب عدم اجرای پروژه می گردد!

نکته: تا زمانیکه تنظیمات Web.Config را یاد نگرفتید، هرگز اقدام به تغییر آن نکنید.