در توسینسو تدریس کنید

و

با دانش خود درآمد کسب کنید

آموزش مقدماتی ASP.NET MVC 4.0

به نام خالق ایران کهن ،باشد که در آینده نزدیک شکوه و جلال را به این خاک گران بها بازگرداند. در این مقاله بنده به ترجمه آموزش های موجود در سایت MSDN در زمینه آموزش مقدماتی ASP.NET MVC می پردازم ، ما در این مجموع قصد داریم تا یک اپلیکیشن تحت وب به منظور کار با لیستی از فیلم ها ایجاد کنیم.این اپلیکیشن دارای امکاناتی نظیر : اضافه ،حذف ،ویرایش و جستجو می باشد.در ذیل نمایی از اپلیکیشن را قرار داده ایم :

آموزش مقدماتی ASP.NET MVC 4.0

اپلیکیشن به شما اجازه ایجاد ،ویرایش ،حذف و جستجو را می دهد ،درعین حال شما می توانید هر فیلم و جزئیات مربوط به آن را نیز مشاهده کنید.در تمامی سناریوهای مربوط به ثبت داده ها ما اعتبارسنجی را انجام می دهیم تا مطمئن باشیم که اطلاعات درست در بانک اطلاعاتی ثبت می شود.

آموزش مقدماتی ASP.NET MVC 4.0

شروع کار :

برای شروع نرم افزار Visual Studio Express 2012 را اجرا کنید ،البته شما می توانید از از نرم افزارهای دیگری شامل :

1. Visual Studio 2010/SP1

2. Visual Studio 2012

3. Visual Web Developer 2010 Express

نیز استفاده کنید.

ویژوال استودیو یک محیط مجتمع توسعه یافته یا IDE (integrated development environment )می باشد.درست مثل نرم افزار مایکروسافت ورد (Microsoft Word ) که برای نوشتن اسناد از آن استفاده می کنید ،شما از IDE به منظور نوشتن اپلیکیشن ها استفاده می کنید.

برای شروع کار پس از اجرا ویژوال استودیو ،توسط گزینه ی New Project از پنجره Start ( یا از طریق منوی File -> New Project ) اقدام به ایجاد یک پروژه جدید کنید.

آموزش مقدماتی ASP.NET MVC 4.0

ایجاد اولین اپلیکیشن :

شما برای ایجاد اپلیکیشن خود می توانید یکی از زبان های برنامه نویسی ویژوال بیسیک یا ویژوال سی شارپ را انتخاب کنید.حال از سمت چپ پنجره استارت زبا C# را انتخاب کرده ،سپس گزینه ASP.NET MVC 4 Web Application را انتخاب کنید.

آموزش مقدماتی ASP.NET MVC 4.0

در کادر مکالمه ای New ASP.NET MVC 4 Project ،گزینه Internet Application را انتخاب کرده و نوع View را به صورت پیش فرض یعنی همان گزینه Razor انتخاب کنید.

آموزش مقدماتی ASP.NET MVC 4.0

1. حال بر روی گزینه Ok کلیک کنید. ASP.NET MVC الگویی آماده از یک اپلیکیشن تحت وب داراست که هم اکنون با عنوان Hello World برای شما ایجاد شده است.

آموزش مقدماتی ASP.NET MVC 4.0

حال از منوی Debug گزینه ی Start Debugging را کلیک کنید تا اپلیکیشن ایجاد شده اجرا گردد.

آموزش مقدماتی ASP.NET MVC 4.0

2. ضمننا خاطر نشان می کنم که شما می توانید برای اجرای اپلیکیشن خود از کلید میانبر F5 نیز استفاده کنید.با فشردن کلید F5 شما باعث می شود نرم افزار IIS Express اجرا گردد و اپلیکیشن شما را اجرا کند.سپس ویژوال استودیو یک مرورگر وب را به صورت پیش فرض اجرا کرده و صفحه ی home page اپلیکشین ایجاد شده را به نمایش در می آورد.همانطور که مشاهده می کنید آدرس موجود در نوار آدرس مرورگر وب شما حاوی کلمه localhost می باشد ،نه چیزی شبیه example.com.لوکال هاست همواره به رایانه محلی ما اشاره دارد که شما درون آن اپلیکیشن خود را به اجرا درآورده اید.زمانی که شما ویژوال استودیو را برای اجرای یک پروژه تحت وب به کار می برید ،یک پورت به صورت تصادفی برای وب سرور به کار می رود.در تصویر زیر شماره ی پورت 41788 می باشد ،به طبع در صورتی که شما باره دیگر این اپلیکیشن را اجرا کنید شماره پورت تغییر می کند.

آموزش مقدماتی ASP.NET MVC 4.0


اضافه کردن کنترلر ( Adding a Controller ) : MVC مخفف کلمات model-view-controller می باشد.MVC یک الگوی نوین برنامه نویسی برای توسعه اپلیکیشن ها می باشد ،اپلیکیشن هایی که دارای ساختار مشخص ،کاملا قابل اعتماد و آزمایش می باشند و به راحتی می توان آنها را در هر زمانی دستخوش تغییرات جدید کرد.اپلیکیشن هایی که بر پایه الگوی MVC می باشند شامل قسمت های زیر می شوند :

1. مدل ها (Models) : کلاس هایی می باشند که ما از آنها برای دسترسی به داده های مورد نظر خود از آنها استفاده می کنیم ،ضمننا ما از این کلاس ها به منظور به اجرا درآوردن قوانین صلاحیت داده ها (Validation ) استفاده می کنیم.

2. ویوها ( Views ) : طرح های آماده ای می باشند که شما به منظور تولید داینامیک فایل های HTML برای نمایش داده ها به کاربران ،آنها را ایجاد می کنید.

3. کنترلرها ( Controllers ) : شامل کلاس هایی می شود که درخواست های ورودی از سمت مرورگر را دریافت می کنند و آنها را به مدل های مربوطه تحویل می دهند ،سپس نتیجه یا همان داده هایی را که مدل به عنوان پاسخ باز می گرداند ،دریافت می کنند و از طریق ویوها ،الگوی ظاهری

مناسب را انتخاب کرده و به عنوان پاسخ نهایی به مرورگر تحویل می دهند.

ما در این دوره آموزشی تمامی موارد بالا را پوشش می دهیم و به شما نشان می دهیم که چگونه توسط آنها یک اپلیکیشن ایجاد کنید.

شروع کار :

برای شروع یک کلاس کنترلر جدید می سازیم ،برای این منظور در سمت راست صفحه در بخش Solution Explorer بر روی پوشه ی Controllers کلیک راست کرده ،سپس گزینه Add Controller را انتخاب کنید.

آموزش مقدماتی ASP.NET MVC 4.0

نام کنترلر جدید خود را HelloWorldController تایپ کنید.الگوی پیش فرض یعنی Empty MVC controller قرار دهید و بر روی دکمه ی Add کلیک کنید.

آموزش مقدماتی ASP.NET MVC 4.0

همانطور که مشاهده می کنید در بخش Solution Explorer یک فایل جدید با نام HelloWorldController.cs ایجاد شده است که هم اکنون در بخش میانی IDE باز شده است.

آموزش مقدماتی ASP.NET MVC 4.0

محتوای فایل باز شده را با کدهای زیر تعویض کنید :

using System.Web;
using System.Web.Mvc; 
 
namespace MvcMovie.Controllers 
{ 
    public class HelloWorldController : Controller 
    { 
        // 
        // GET: /HelloWorld/ 
 
        public string Index() 
        { 
            return "This is my <b>default</b> action..."; 
        } 
 
        // 
        // GET: /HelloWorld/Welcome/ 
 
        public string Welcome() 
        { 
            return "This is the Welcome action method..."; 
        } 
    } 
}

متد کنترلر یک رشته کلمات را به صورت یک نمونه ایجاد می کند.نام کنترلر مورد نظر HelloWorldController می باشد و اولین متد ایجاد شده با نام Index ایجاد شده است.حال اجازه دهید تا نتیجه کار را توسط مرورگر مشاهده کنیم.پس از اجرای اپلیکیشن نام کنترلر ساخته شده را (HelloWorld ) در ادامه آدرس موجود در نوار آدرس تایپ کنید و کلید Enter را بفشارید (http://localhost:1234/HelloWorld ).صفحه ای که شما در مرورگرتان مشاهده می کنید چیزی شبیه تصویر پایین می باشد.در متد ایجاد شده شما به طور مستقیم یک رشته جمله را توسط HTML به نمایش در می آورید.

آموزش مقدماتی ASP.NET MVC 4.0

ASP.NET MVC می تواند کلاس های کنترلر متفاوتی را فراخوانی کند ( همچنین می تواند متدهای مختلف نوشته شده درون کلاس های کنترلر را فراخونی کند ) ،و همه ی این فراخوانی ها بستگی به آدرس نوشته شده درون نوار آدرس دارد.قالب نحوه ی آدرس دهی در ASP.NET MVC به صورت زیر می باشد.

[Controller][ActionName]/[Parameters]

اولین بخش از این نحوه آدرس دهی (Controller ) ،مشخص می کند که کدام کلاس کنترل بایستی اجرا گردد.بنابراین در مثال بالا کلمه HelloWorld به فایل کلاس کنترلر HelloWorldController اشاره می کند و به آن رجوع می کند.بخش دوم (ActionName )،تعیین کننده ی این است که باید کدام یک از متدهای موجود درون کلاس به اجرا در بیاید.همانطور که مشاهده می کنید در مثال بالا این بخش از آدرس (HelloWorldIndex ) باعث به اجرا در آمدن متد Index موجود در فایل کلاس کنترل HelloWorldController می شود.دقت داشته باشد که شما کافی است در نوار آدرس مرورگر عبارت HelloWorld را اضافه کنید و نیازی به اینگونه نوشتن نیست (HelloWorldIndex ) ،زیرا در صورتیکه نام متد مورد نظر برای اجرا ذکر نوشت به صورت اتوماتیک و پیش فرض متد (Index ) فراخوانی می شود.

حال در نوار آدرس مرورگر وب این آدرس را وارد کنید (HelloWorldWelcome ) ،همانطور که مشاهده می کنید این کار باعث می شود متد Welcome اجرا گردد و متن This is the Welcome action method… به نمایش درآید.متدهایی که تا کنون به کار برده ایم هیچکدام حاوی پارامتر (Parameters ) نبوده اند ،در ادامه می خواهیم به این موضوع رسیدگی کنیم.

آموزش مقدماتی ASP.NET MVC 4.0

حال می خواهیم میزانی تغییرات در اپلیکیشن خود ایجاد کنیم تا بتوانیم در زمان فراخوانی متدها در نوار آدرس ،مقدار پارامترها را نیز وارد کنیم.برای این منظور دستورات پیشین متد Welcome را با دستورات زیر عوض کنید :

public string Welcome(string name, int numTimes = 1) {
     return HttpUtility.HtmlEncode("Hello " + name + ", NumTimes is: " + numTimes);
}

حال بار دیگر اپلیکیشن خود را اجرا کنید و این آدرس را در نوار آدرس وارد کنید :

/HelloWorld/Welcome?name=Scott&numtimes=4 	

اینکار باعث می شود پارامترهای متد مورد نطر مقداردهی شوند.

آموزش مقدماتی ASP.NET MVC 4.0

در تمامی مثال های این بخش فقط از دو بخش VC ،الگوی MVC استفاده کرده ایم و از ارتباط بین کنترلر ( Controller ) و ویو (View ) استفاده نکرده ایم.در حالت این که به صورت مستقیم کنترلر خروجی HTML تولید کند ،مطلوب شما نیست.لذا ما در هر اپلیکیشن خود از الگوهای مجزایی در بخش ویو (View ) استفاده می کنیم ،که به ما کمک می کنند که پاسخ های مناسب تحت HTML تولید کنیم.

نویسنده : شهاب نوری گودرزی

منبع : انجمن تخصصی فناوری اطلاعات ایران

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

#آموزش_ASP.NET_MVC_4.0 #آموزش_وب #آموزش_برنامه_نویسی_وب
1 نظر
sahar.a2

mer30,a'li boud

نظر شما
برای ارسال نظر باید وارد شوید.
از سرتاسر توسینسو
تنظیمات حریم خصوصی
تائید صرفنظر
×

تو می تونی بهترین نتیجه رو تضمینی با بهترین های ایران بدست بیاری ، پس مقایسه کن و بعد خرید کن : فقط توی جشنواره پاییزه می تونی امروز ارزونتر از فردا خرید کنی ....