آموزش شروع کار با ASP.NET Core MVC Apps با استفاده از کد VS

آموزش شروع کار با ASP.NET Core MVC Apps با استفاده از کد VS

در این مقاله ما بحث خواهیم کرد که چگونه می توان یک برنامه HelloWorld با ASP.NET Core 2.0 با استفاده از Visual Studio Code ایجاد کرد. ما نحوه ایجاد برنامه ASP.NET Core MVC، نحوه ایجاد Controller جدید، نحوه ایجاد View جدید و نحوه اجرای برنامه HelloWorld و غیره را خواهیم آموخت.

در این مقاله موارد زیر را دنبال خواهیم کرد:

• چگونه می توان یک برنامه ASP.NET Core MVC ایجاد کرد
• چگونه می توان Controller جدید ایجاد کرد
• چگونه می توان View جدید ایجاد کرد
• چگونه برنامه HelloWorld را اجرا کنیم

پیش نیاز

• .NET Core 2.0 SDK
• Visual Studio Code
• VS Code C# extension

اگر می خواهید بدانید که چگونه Visual Studio Code را نصب کنید، می توانید مراحل آسان نصب Visual Studio Code از مقاله(Getting Started With Visual Studio Code) بخوانید.

چگونه می توان یک برنامه ASP.NET Core MVC ایجاد کرد

Visual Studio Code را باز کرده .می توانید terminal را با استفاده از کلید میانبر Ctrl باز کنید.

اکنون می توانید محل ذخیره سازی پروژه را تنظیم کنید

mkdir SampleMVCApps تایپ کنید و در command line کلیک Enter را بزنید.

cd SampleMVCApps تایپ کنید و در command line کلیک Enter را بزنید .

dotnet new MVC تایپ کنید و در command line کلیک Enter را بزنید همانطور که در عکس زیر می بینید:

به پنجره Explorer بروید و پوشه SampleMVCApps را در Visual Studio Code باز کنید.

پیام هشداری که با مضمون "Required assets to build and debug are missing from “SampleMVCApps”. Add them?" می باشد بر رروی Yes کلیک کنید.

اکنون می توانید ساختار پوشه پروژه را مشاهده کنید.

با فشار دادن دکمه F5 برنامه اجرا می شود.

چگونه یک Controller جدید ایجاد کنید:

به پنجره Explorer در VS Code بروید. روی پوشه Controllers راست کلیک کنید و به New File رفته، سپس بر روی New File کلیک کنید.

حالا شما می توانید نام controller را به عنوان HelloWorldController.cs تایپ کنید و دکمه Enter را فشار دهید.

کد زیر را در HelloWorldController.cs کپی کنید و آن را وارد کنید

using Microsoft.AspNetCore.Mvc;  
  
namespace SampleMVCApps.Controllers  
{  
    public class HelloWorldController:Controller  
    {  
        public IActionResult Index()  
        {     
            ViewData["Message"]="Hello, This is my view";  
            return View();  
        }  
  
        public IActionResult Welcome()  
        {  
            ViewData["Message"]="Hello, Welcome to HelloWorld Application";  
            return View();  
        }  
    }  
}  

چگونه یک View جدید ایجاد کنیم:

به پنجره Explorer در VS Code بروید. بر روی پوشه Views راست کلیک کنید و به New Folder بروید و سپس بر روی New Folder کلیک کنید. سپس، پوشه جدید به نام HelloWorld را اضافه کنید.

بر روی پوشه HelloWorld کلیک کنید و گزینه New File را انتخاب کنید.

در حال حاضر، شما می توانید نام View را به عنوان Index.cshtml تایپ کنید و دکمه Enter را فشار دهید.

@{  
    ViewData["Title"]="Index";  
}  
  
Index
  

  
@ViewData["Welcome"]
 

به طور مشابه، شما می توانید welcome view ایجاد کنید. کد زیر را در Views / HelloWorld / Welcome.cshtml کپی و وارد کنید.

@{  
    ViewData["Title"]="Welcome";  
}  
  
Welcome
  

  
@ViewData["HelloWorld"]
  

چگونه برنامه HelloWorld را اجرا کنیم

با فشار دادن دکمه F5 نرم افزار را اجرا می کند، همانطور که در تصویر زیر نشان داده شده است.

نتیجه:

من امیدوارم شما فهمیده باشید که چگونه یک برنامه HelloWorld را با ASP.NET Core 2.0 با استفاده از ویژوال استودیو کد ایجاد کنید. لطفا نظرات و پیشنهادات ارزشمند خود را برای بهبود مقالات آینده به اشتراک بگذارید.