آموزش ASP.NET Core MVC

پروژه‌ی عملی – نمای مقید به داده

با سلام خدمت تمامی علاقمندان به مباحث آموزشی طراحی سایت با ASP.NET ، با یکی دیگر از جلسات عملی و پروژه محور آموزش ASP.NET در خدمت شما همراهان هستم . در جلسه گذشته نحوه طراحی مدل در ASP.NET Core MVC را به شما آموزش دادم  در این جلسه آموزشی در پروژه خوش آمدگویی با نمای مقید به داده آشنا می‌شویم.

ایجاد View یا نمای مقید به داده

یکی از اهداف ما در پروژه خوش آمدگویی ایجاد فرم های دریافت اطلاعات مهمان هاست . بنابراین باید متد اکشنی تعریف کنیم که بتواند چنین تقاضاهایی را بپذیرد .
یک کنترلر می‌تواند شامل هر تعداد متد اکشن باشد ولی روش مرسوم این است که اکشن های مرتبط را در یک کنترلر دسته بندی کنیم . حال یک متد اکشن دیگر به نام Create یا هر نام دلخواهی که می‌خواهید در کنترلر WellCome تعریف کنید این متد اکشن متد ()View را بدون هیچ پارامتری فراخوانی می‌کند . معنی آن این است که نمای پیش فرض ، یعنی نمای هم نام متد اکشن (در اینجا Create.cshtml) توسط MVC پردازش خواهد شد.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;


namespace WellComeProject.Controllers
{
    public class WellCome : Controller
    {
        public ViewResult Index()
        {
            ViewBag.WellCome = "سلام مهمان گرامی به جشن ما خوش آمدید";
            return View();
        }

        public ViewResult Create()
        {
            return View();
        }
    }
}

حال برای اکشن متد Create در پوشه ی WellCome یک View اضافه نمایید برای این منظور بر روی پوشه WellCome که در پوشه Views قرار گرفته راست کلیک کرده و سپس گزینه ی NewItem را از فهرست Add انتخاب کنید . از کادری که ظاهر میشود قالب MVC View Page را انتخاب نموده و نام آن را به صورت Create.cshtml وارد کنید. محتوای این فایل به صورت زیر است:

@model WellComeProject.Models.GuestResponse
@{ 
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="~/css/site.css" rel="stylesheet" />
    <style>
        .container {
            margin-top: 40px;
            direction: rtl;
            line-height: 28px;
        }
    </style>
</head>
<body>
    <div class="container alert alert-info">
        <p>صفحه فرم ورود اطلاعات</p>
    </div>
</body>
</html>

به عبارت model WellComeProject.Models.GuestResponse@ که در بالای کد اضافه شده دقت کنید این عبارت موجب مقید شدن صفحه به کلاس GuestResponse می شود و به این ترتیب ویوی Create می‌تواند به داده هایی که کلاس GuestResponse در اختیار میگذارد دسترسی داشته باشد.
با اجرای برنامه نتیجه را خواهید دید البته برای دیدن نمایی که ایجاد کردیم باید آدرس /WellCome/Create/ را در نوار آدرس وارد کنید. همانند تصویر زیر :

آموزش ASP.NET Core MVC - نمای مقید به داده
نمای مقید به داده

بسیار خب به پایان این جلسه آموزشی رسیدیم امیدوارم که از این جلسه آموزش طراحی سایت با ASP.NET Core بهره کافی رو برده باشید در صورتی که سوالی پیرامون مقالات آموزشی ASP.NET MVC داشتید حتما در قسمت نظرات این مقاله آموزشی مطرح کنید.

برچسب ها

آرزو ابراهیمی

بیش از 4 سال است که زمینه طراحی و توسعه سایت فعالیت می‌کنم، طراح و برنامه نویس انواع سامانه‌های تخصصی پزشکی، مناقصات، فروشگاهی و ... بودم و هستم و هدفم در سایت میزفا ارائه اطلاعات بروز و ناب در زمینه طراحی سایت است. تا از این طریق بتونم تجربیات و دانسته های خودم را با تمامی علاقمندان به مباحث طراحی سایت به اشتراک بزارم .

نوشته های مشابه

‫2 نظر داریم، تو هم نظر بذار، پاسخ کامل میدیم :)

  1. سلام
    ممنونم بابت مقالات ساده و صریح تون
    به نظرم اگر زیر هر مطلب کلید مبحث بعدی و قبلی قرار داده شود بسیار کاربرپسند تر خواهد بود.
    با تشکر از خانم ابراهیمی و سایر عزیزان در پایگاه دانش میزفا

    1. سلام ممنون از پیشنهادتون … البته ما به ترتیب و با نظم مشخصی سرفصل ها رو در سایدبار درج کردیم. موفق باشید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر