【MVC架构】MVC视图

前言

    在MVC架构中，View是一个用户界面。View（视图）是应用程序中处理数据显示的部分。视图显示从模型到用户的数据，并使他们能够修改数据。

叙述

视图位置

     ASP.NET MVC视图存储在视图文件夹中。单个Controllers类的不同操作方法可以呈现不同的视图，因此Views文件夹为每个控制器包含一个与控制器同名的单独文件夹，以容纳多个视图。例如，将从HomeController的任何操作方法呈现的视图驻留在视图View的Home主文件夹中。以同样的方式，将从StudentController呈现的视图将驻留在Views的Student文件夹中，如下所示。

视图类型

  ASP.NET MVC支持以下类型的视图文件：
查看文件扩展名        描述
.cshtml        C＃Razor视图。支持带有html标签的C＃
.vbhtml        Visual Basic Razor视图。支持带有html标签的Visual Basic。
.aspx          ASP.Net网页表单
.ascx          ASP.NET web控件

创建新视图

   现在，让我们创建一个学生视图，并了解如何使用模型进入视图。

   我们将创建一个视图，该视图将从StudentContoller的Index方法呈现。所以，打开一个StudentController类 - >右键单击内部的索引方法 - >点击添加视图..

   选中“使用布局页面”复选框并为此视图选择_Layout.cshtml页面，然后单击添加按钮。我们稍后会看到什么是布局页面，但现在认为它像MVC中的主页面。也可以根据自己的需要，选择模型类，可以了解如何使用模型进入视图。

   这将在查看 - >学生文件夹下创建索引视图，如下所示：

  以下代码片段显示了上面创建的Index.cshtml。

@model IEnumerable<MVC_BasicTutorials.Models.Student>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.StudentName)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Age)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.StudentName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Age)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.StudentId }) |
            @Html.ActionLink("Details", "Details", new { id=item.StudentId  }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.StudentId })
        </td>
    </tr>
}

</table>

   正如你在上面的索引视图中看到的，它包含Html和Rator代码。内联Rator表达式以@符号开始。@Html是生成html控件的助手类(Html helper)

 

小结

1. View是一个显示数据并处理用户交互的用户界面。
2. 视图文件夹包含每个控制器的单独文件夹
3. 除了传统的.aspx引擎，ASP.NET MVC还支持Razor视图引擎。
4. Razor视图文件具有.cshtml(c#)或.vbhtm(vb)l扩展名。