آموزش ASP.Net به زبان ساده     >     آموزش مدل ASP.Net MVC    
درس ششم : ایجاد یک View برای نمایش اطلاعات در پروژه ASP.Net MVC

مقدمه :

در درس ششم از مجموعه آموزش ASP.Net MVC به زیان ساده ، اقدام به طراحی صفحات نمایش اطلاعات یا Views خواهیم پرداخت .
همانطور که در بخش های قبلی توضیح دادیم ، Views فایل ها یا صفحاتی هستند که برای نمایش خروجی اطلاعات سایت به کار رفته و در پوشه Views پروژه نگهداری می شوند . این فایل ها در واقع رابط کاربری ( User Interface ) برنامه را شامل می شوند .
فایل های View بر حسب نوع زبان یا تکنولوژی که برای طراحی نرم افزار به کار برده ایم ، دارای پسوندهایی همچون html , asp , aspx , cshtml. و vbhtml. هستند .
نکته 1 : برنامه ویژوال استودیو به صورت پیش فرض برای هر نوع فایل یک پوشه مخصوص را درون پوشه اصلی Views ایجاد می کند . برای مثال پوشه Account برای فایل های عضویت و ... ، پوشه Home برای فایل های اصلی مثل صفحه اصلی ، درباره ما و ... و پوشه Shared برای فایل های مشترک بین صفحات به کار می روند .
تصویر زیر نمای کلی از صفحات و View های موجود در یک نرم افزار MVC پیش فرض را نشان می دهد :

پوشه Views در ASP.Net MVC


انواع فایل های موجود در بخش Views پروژه های MVC و شرح آنها :

جدول زیر انواع فرمت فایل های مورد استفاده در بخش Views پروژه های MVC را معرفی می کند :

- فایل Index :

فایل Index.cshtml ، فایل خانه ( Home Page ) نرم افزار ما بوده و به صورت پیش فرض در هنگام اجرای سایت ، باز می شود .
کد زیر را درون فایل خانه یا Index قرار دهید :

کد فایل
Index
@{ViewBag.Title = "Home Page";}
<h1> خوش آمدید MVC به پروژه</h1>
<p> محتویات صفحه خانه </p>

- فایل About :

فایل About.cshtml ، فایل درباره ما سایت است که توضیحاتی را راجع به آن ارائه می کند . کد نمونه زیر را می توانید درون آن قرار دهید :

کد فایل
Index
@{ViewBag.Title = "About Us";}
<h1> صفحه درباره ما سایت </h1>
<p> محتویات صفحه درباره ما </p>


اجرای اولیه نرم افزار :

برای اجرای اولیه پروژه و مشاهده خروجی آن ، کلیدهای F5 یا CTRL + F5 را فشار دهید .
اگر کلید F5 را بزنید ، نرم افزار ابتدا Debug شده و سپس اجرا می شود . اما با زدن CTRL + F5 سایت بدون اجرای عمل Debugging اجرا می شود .
در نهایت خروجی سایت به صورت زیر به شما نشان داده می شود :

خروجی اولیه پروژه سایت ASP.Net MVC

می توانید بر روی لبه های Home , About و ... برای رفتن به صفحات آن کلیک نمایید .
به شما تبریک می گوییم ، شما اولین پروژه MVC خود را ساخته اید .



راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1