آموزش ایجاد اولین پروژه ASP.Net MVC

آموزش ایجاد اولین پروژه ASP.Net MVC5

در این بخش آموزشی، قصد داریم نحوه ایجاد یک پروژه ساده ASP.Net MVC5 در محیط ویژوال استودیو را نمایش دهیم.
برای ایحاد اولین پروژه وب MVC5، از محیط ویژوال استودیو 2015 استفاده خواهیم کرد که حاوی کلیه امکانات و فایل های لازم، جهت ایجاد، تست و پیاده سازی یک برنامه وب با چهارچوب کاری ASP.Net MVC می باشد.
مراحل زیر را جهت ایجاد یک پروژه جدید MVC5 با استفاده از تمپلیت های پیش فرض ویژوال استودیو، انجام دهید.
مرحله 1 : برنامه ویژوال استودیو را باز کرده و از منوی File گزینه New و سپس Project را انتخاب نمایید. پنجره زیر جهت تعیین مشخصات اولیه پروژه MVC باز می شود :

مرحله 2 : از پنل سمت چپ، گزینه Templates را باز کرده، سپس زبان برنامه نویسی را C# تعیین کرده و گزینه web را انتخاب کنید.

مرحله 3 : از کادر میانی، گزینه ASP.Net Web Application را همانند تصویر فوق، انتخاب کنید.

مرحله 4 : در پنل پایین و در بخش Name، نام پروژه را MVC First APP تعیین نموده و آدرس محل قرارگیری فایل پروژه را نیز تعیین کنید.
سپس کادر محاوره ای زیر، جهت انتخاب تمپلیت و محتوای اولیه، جهت پروژه MVC باز خواهد شد :

مرحله 5 : برای ساده تر شدن کار، گزینه “Empty” را از بین تمپلیت ها انتخاب نموده و علامت کادر MVC را نیز تیک بزنید، تا پوشه ها و کتابخانه های لازم MVC به پروژه اضافه شوند. سپس دکمه ok را بزنید.
ویژوال استودیو، یک پروژه وب ساده MVC را با حداقل فایل ها و کدهای لازم، ایجاد خواهد کرد.
پس از ایجاد پروژه وب MVC جدید، همانند تصویر زیر، تعداد پوشه و فایل را در منوی Solution Explorer خواهید دید که پوشه ها و فایل های اساسی چهارچوب کاری MVC هستند :

همانطور که دیدید، ما پروژه MVC را از روی یک تمپلیت خالی یا “Empty” ایجاد کردیم، بنابراین در شروع کار، برنامه چیزی جهت نمایش نخواهد داشت.
مرحله 6 : برنامه را با زدن دکمه start از منوی Debug اجرا کنید. خواهید دید که صفحه پیش فرض سایت در مرورگر باز شده و همانند تصویر زیر، خطای 404 (چیزی پیدا نشد) را نشان می دهد :

راهنمایی :

در هنگام کار با ویژوال استودیو و ساخت پروژه های MVC، مرورگر پیش فرضی جهت نمایش خروجی صفحات IE است، که می توانید آن را در بخش تنظیمات تغییر دهید.

آموزش اضافه کردن کنترلر به پروژه MVC

برای از بین بردن خطای 404 و تولید خروجی، بایستی یک کنترلر (Controller) را به پروژه اضافه کرده تا درخواست های ورودی را پردازش کند . برای این منظور، مراحل زیر را انجام دهید :
مرحله 1 : برای اضافه کردن یک کنترلر Controller بر روی پوشه Controller Folder در منوی Solution Explorer برنامه، کلیک راست کرده و گزینه Add->Controller را انتخاب کنید :

سپس کادر محاوره ای Add Scaffold برای اضافه کردن کنترلر دلخواه به پروژه، همانند عکس زیر باز می شود :

مرحله 2 : گزینه اول “MVC 5 Controller-Empty” را جهت اضافه کردن یک کنترل ساده و پیش فرض، انتخاب نموده و دکمه ok را بزنید. کادر زیر، جهت تعیین نام کنترلر باز خواهد شد :

مرحله 3 : نام کنترلر را “HomeController” تعیین کرده و دکمه Add را بزنید.

نکته :

طبق قواعد نام گذاری فایل ها در ASP.Net MVC، نام کنترلرها بایستی با کلمه کلیدی Controller، به پایان برسند. مثل “HomeControllere” یا “IndexController”.

پس از اضافه کردن کنترلر Home، فایل آن به نام HomeController.cs در پوشه Controllers قرار گرفته و همانند تصویر زیر، جهت ویرایش باز خواهد شد :

مرحله 4 : برای تولید خروجی در کنترلر، کد متد (Action) به نام Index آن را همانند کد زیر تغییر دهید.
کد زیر باعث می شود کنترلر توسط متد Index، یک مقدار رشته ای “String” را بر روی صفحه نمایش دهد :

syntax

کد

                                        using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MVCFirstApp.Controllers {
   public class HomeController : Controller {
      // GET: Home
      public string Index(){
         return "Hello World, this is ASP.Net MVC Tutorials";
      }
   }
}

مرحله 5 : مجددا با زدن دکمه start از منوی Debug، پروژه را اجرا کرده و این بار خواهید دید خروجی زیر، تولید می شود :