ASP.NET Core – Razor View Import用途介绍

在这篇文章中,我们将介绍Razor View Import。除ViewStart文件外,还有一个ViewImports文件,MVC框架在渲染任何视图时都会查找该文件。

ViewStart文件一样,我们可以将ViewImports.cshtml拖放到文件夹中,ViewImports文件可以影响文件夹层次结构中的所有视图

查看
此视图是此版本的MVC的新视图,在以前的MVC版本中,我们可以使用XML配置文件来配置Razor视图引擎的某些方面。
那些XML文件现在不见了,我们使用代码代替。

ViewImports文件是我们可以编写代码并放置通用指令以引入我们的视图所需的命名空间的地方。
如果有,我们在我们的看法通常使用的命名空间,我们可以使用指令在我们出现一次ViewImports文件中,而不是使用指令在每个视图或打字一类的完整的命名空间。

让我们举一个简单的例子来看看如何将using指令移动到ViewImports中。在Index视图中,我们有一个using指令来引入名称空间FirstAppDemo.Controllers,如下面的程序所示。

@using FirstAppDemo.Controllers 
@model HomePageViewModel  
@{  
   ViewBag.Title = "Home"; 
} 
<h1>Welcome!</h1> 

<table> 
   @foreach (var employee in Model.Employees) { 
      <tr> 
         <td> 
            @Html.ActionLink(employee.Id.ToString(), "Details", new { id = employee.Id })
         </td> 
         <td>@employee.Name</td> 
      </tr> 
   } 
</table>

使用指令将允许从Razor视图生成的代码正确编译。如果不使用指令,C#编译器将无法找到此Employee类型。要查看员工类型,让我们从Index.cshtml文件中删除using指令。

@model HomePageViewModel 
@{  
    ViewBag.Title = "Home"; 
} 
<h1>Welcome!</h1> 

<table> 
   @foreach (var employee in Model.Employees) { 
      <tr>
         <td>
            @Html.ActionLink(employee.Id.ToString(), "Details", new { id = employee.Id })
         </td> 
         <td>@employee.Name</td> 
      </tr> 
   } 
</table>

现在,运行该应用程序。

索引CSHtml

您将看到一个错误,指出无法找到类型或命名空间HomePageViewModel。可能是因为您的几个视图需要相同的using指令。因此,让我们在Views文件夹中创建一个View导入,而不是将其放在每个视图中。这将在每个视图中添加using语句,只需右键单击Views文件夹并选择Add→New Item

主页模型视图

在中间窗格中,选择MVC View Imports页面。默认情况下,名称为_ViewImports.cshtml。就像ViewStart一样,我们不能使用这个文件来呈现HTML,所以让我们点击Add按钮。

Cshtml

现在将this中的using指令添加到_ViewImports.cshtml文件中,如下所示。

@using FirstAppDemo.Controllers

现在,此文件夹或任何子文件夹中显示的所有视图都可以使用FirstAppDemo.Controllers中的类型,而无需指定精确的using语句。让我们再次运行您的应用程序,您可以看到该视图现在正在运行。

FirstAppDemo控制器

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET Core Razor编程中,列表模板页面是非常常见的。这些页面通常用于显示数据库或其他数据源中的一组记录。 在本文中,我将向您展示如何使用ASP.NET Core Razor列表模板页面。 首先,我们需要创建一个模型类来代表我们的数据。例如,假设我们正在构建一个博客应用程序,我们需要一个名为“Post”的模型类来表示博客文章。以下是一个示例模型类: ```csharp public class Post { public int Id { get; set; } public string Title { get; set; } public string Content { get; set; } public DateTime CreatedDate { get; set; } } ``` 接下来,我们需要创建一个控制器类来处理与“Post”模型类相关的操作。以下是一个示例控制器类: ```csharp public class PostController : Controller { private readonly ApplicationDbContext _context; public PostController(ApplicationDbContext context) { _context = context; } public IActionResult Index() { var posts = _context.Posts.ToList(); return View(posts); } } ``` 在此示例控制器中,我们从数据库中检索所有博客文章,并将它们传递给视图。 现在,我们需要创建一个视图来显示我们的博客文章列表。我们可以使用ASP.NET Core Razor模板引擎来创建一个动态模板,该模板可以将我们的博客文章显示为HTML表格。以下是一个示例视图: ```html @model IEnumerable<Post> <table> <thead> <tr> <th>Title</th> <th>Content</th> <th>Created Date</th> </tr> </thead> <tbody> @foreach (var post in Model) { <tr> <td>@post.Title</td> <td>@post.Content</td> <td>@post.CreatedDate.ToShortDateString()</td> </tr> } </tbody> </table> ``` 在此示例视图中,我们使用了一个foreach循环遍历我们的博客文章,并将它们显示为HTML表格行。 最后,我们需要在控制器的Index方法中返回视图。在我们的示例控制器中,我们已经传递了一个包含所有博客文章的IEnumerable<Post>对象。我们可以将此对象传递给视图,如下所示: ```csharp public IActionResult Index() { var posts = _context.Posts.ToList(); return View(posts); } ``` 现在,当我们访问PostController的Index操作时,我们将看到一个包含所有博客文章的HTML表格。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值