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

آموزش ASP.NET Core
آموزش ASP.NET Core

با سلام خدمت تمامی علاقمندان به مباحث آموزشی طراحی سایت با 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 داشتید حتما در قسمت نظرات این مقاله آموزشی مطرح کنید.

فیلم آموزشی asp.net core 2

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

فیلم آموزشی asp.net core 2

2 نظر

2 پاسخ

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=