توضیحات و دانلود

نحوه ایجاد اولین پروژه در ASP.NET MVC در ویژوال استدیو
0 0
نحوه ایجاد اولین پروژه در ASP.NET MVC در ویژوال استدیو

در در مقاله آموزش نحوه ایجاد اولین پروژه در ASP.Net MVC 5 با ویژوال استدیو را به صورا گام به گام و با ارائه مثال توضیح میدهیم.

این مقاله از ویژوال استودیو  2013 برای ساخت اولین پروژه ASP.NET MVC تحت عنوان Hello World با مثال نمونه استفاده می كند.

ایجاد اولین پروژه ASP.NET MVC 5  

1- ویژوال استودیو را باز كنید و از بخش شروع  بر روی گزینه New Project كلیك كنید .

2- از پنجره New Project Dialog ، گزینه ASP.NET Web Application را انتخاب كنید. سپس شما نیاز به نام مناسب برای پروژه خود دارید و همچنین می توانید محل ذخیره خود را كه می خواهید پروژه ایجاد كنید را  انتخاب كنید.

3. از بخش ASP.Net New Project ، گزینه Empty Template را انتخاب كنید و مطمئن شوید كه تیك گزینه  MVC كه در زیر نشان داده شده است زده باشد و سپس روی OK كلیك كنید تا پروژه ساخته شود.

4- پوشه ها و فایل های اولین  پروژه خود را در تصویر زیر را در پنجره Solution Explorer خود ببینید.

اضافه كردن Controller به پروژه ASP.Net MVC 5

1. داخل پنجره Solution Explorer ، روی پوشه Controllers  راست كلیك كنید و سپس بر روی گزینه Add و سپس Controller در منوی Context كلیك كنید.

2. از پنجره Dial Console Add، گزینه "MVC5 Controller - Empty" را انتخاب كرده و دكمه Add را كلیك كنید.

3. از شما خواسته می شود كه نام مناسب را به Controller جدید بدهید.

پس از كلیك بر روی Add كلاس Controller زیر ایجاد می شود. Action پیش فرض "Index" است.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace Hello_World_Test.Controllers
{
    public class DefaultController : Controller
    {
        // GET: Default
        public ActionResult Index()
        {
            return View();
        }
    }
}

اضافه كردن View مرتبط با Controller به پروژه ASP.Net MVC 5

1. حالا شما باید داخل كلاس  Controller راست كلیك كنید و بر روی گزینه Add View كلیك كنید تا یك  View برای Controller ایجاد كنید.

 شما باید یك نام مناسب به View بدهید. این مقاله از Layout Page استفاده نمیكند پس تیك گزینه Use Layout Page نزنید.

هنگامی كه روی Add كلیك میكنید،  View زیر ایجاد می شود.

@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div> 
        <h1>Hello World !</h1>
    </div>
</body>
</html>

پروژه را اجرا كنید و نتیجه را ببینید.


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

لینک های دانلود

ارسال نظر
ارسال پیام به :