ASP.NET Core MVC中的视图（Views）

ASP.NET Core MVC中的视图（Views）是一项非常重要的功能，可以将网站的前端页面和后端数据交互结合在一起。下面是一份完整攻略，从基础知识开始，逐渐深入，包括示例说明。

什么是视图(Views)？

ASP.NET Core MVC中的视图(Views)就像一个网站的HTML页面，它们被用来描述和呈现用户看到的内容。视图一般是网站的前端页面，负责显示和显示数据。视图可以与控制器(controller)服务器进行交互，从而将网站的数据呈现给用户。

如何创建视图(Views)?

要创建视图(Views)，您可以执行以下操作：

首先，您需要创建一个ASP.NET Core MVC项目，并且您需要有一个控制器(controller)服务器。
然后，您需要创建一个Controller的方法。在这个方法里面，您可以从数据库或其他数据源中读取数据，并将它们存储在一个模型(model)类属性中。

示例：以下代码是一个简单的ASP.NET Core MVC控制器(Controller)类。在该类中，Index()方法返回一个视图(View)。

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return View();
    }
}

在上面的代码中，Index()方法返回一个视图(View)，而我们还没有创建这个视图(View)。在下面的步骤中，我们会创建这个视图(View)。

在控制器(Controller)方法里面调用视图(View)。

示例：以下示例代码是Index()方法调用视图(View)的代码。在这个示例中，我们返回一个名为Index.cshtml的视图(View)。

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return View();
    }
}

视图(Views)返回类型

视图(Views)可以返回不同的类型。下面是一个常见的类型列表：

ViewResult – 返回一个视图(View)

示例：以下示例代码是返回一个名为Index.cshtml的视图(View)。

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return View();
    }
}

PartialViewResult – 返回一个局部视图(Partial View)

示例：以下示例代码是返回一个名为"_Card.cshtml"的局部视图(Partial View)。

public class HomeController : Controller
{
    public IActionResult Cards()
    {
        return PartialView("_Card");
    }
}

RedirectToActionResult – 返回到指定的Action

示例：以下示例代码是返回到另一个Action方法（例如Details()）。

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return RedirectToAction("Details","Person", new { id=1 });
    }
}

视图(Views)和模型(Model)的绑定

视图(Views)可以通过模型(model)来访问ASP.NET应用程序中的数据，这就是视图(Views)绑定到模型(model)的概念。在ASP.NET中，模型是一个包含业务对象和用户数据的类。通过使用模型(model)绑定，我们可以将模型(model)数据传递给视图(View)，以便呈现它。

示例：以下示例代码显示如何使用模型(model)绑定一个视图(View):

public class HomeController : Controller
{
    public IActionResult Index()
    {
        var person = new Person() { Id = 1, Name = "John", Age = 28 };
        return View(person);
    }
}

在上面的代码中，我们创建了一个Person类的新实例，并将该实例传递给视图(View)。

在视图(Views)中显示模型(Model)数据

要在视图(Views)中显示模型(Model)数据，您需要使用Razor语法。Razor语法是一种用于在视图(Views)中混合C#代码和HTML的语法。

示例：以下示例代码显示如何使用Razor语法在视图(View)中显示模型(Model)数据。

@model Person

<h1>@Model.Name</h1>
<p>@Model.Age</p>

在上面的代码中，我们使用Razor语法访问了Person类的Name和Age属性。

在视图(Views)中使用布局(Layout)

ASP.NET Core MVC中的布局(Layout)是一个页面模板，可以从多个Views共享。另一方面，视图(View)是一个特定的页面，它定义如何呈现特定的业务逻辑和数据。

示例：以下示例代码显示如何使用布局(Layout)来呈现一个视图(View)

定义一个布局(Layout), 它被命名为 _Layout.cshtml。该布局(Layout)包含一些基础HTML元素，例如 HTML、BODY、HEAD等。以下是一个简单的布局(Layout)示例：

<!DOCTYPE html>
<html>
    <head>
        <title>@ViewData["Title"]</title>
    </head>
    <body>
        @RenderBody()
    </body>
</html>

在上面的代码中，我们使用Razor语法来呈现一个布局(Layout)。其中，“@ViewData["Title"]”和“@RenderBody()”是Razor语法。

定义一个具体的视图(View), 它使用该布局(Layout)。在视图(View)的头部，使用@layout指令来指定使用的布局(Layout)文件。

@model Person
@{
    Layout = "_Layout";
    ViewData["Title"] = "Person Profile";
}

<h1>@Model.Name</h1>
<p>@Model.Age</p>

在上面的代码中，我们使用了 _Layout.cshtml 布局(Layout)并定义了一个标题和Person模型的名称和年龄。

总结

在ASP.NET Core MVC中，视图(Views)是网站的前端页面，它们被用来描述和呈现用户看到的内容。视图一般是网站的前端页面，负责显示和显示数据。视图可以与控制器(controller)服务器进行交互，从而将网站的数据呈现给用户。视图(View)可以通过模型(model)来访问ASP.NET应用程序中的数据。要在视图(View)中显示模型(Model)数据，您需要使用Razor语法。最后，在ASP.NET Core MVC中，布局(Layout)是一个页面模板，可以从多个Views共享。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：ASP.NET Core MVC中的视图（Views） - Python技术站