آموزش 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 پروژه های 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 اجرا می شود .
در نهایت خروجی سایت به صورت زیر به شما نشان داده می شود :
می توانید بر روی لبه های Home , About و ... برای رفتن به صفحات آن کلیک نمایید .
به شما تبریک می گوییم ، شما اولین پروژه MVC خود را ساخته اید .
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :