razor html帮助器,在 ASP.NET 网页(Razor)网站中创建和使用帮助器 | Microsoft Docs

在 ASP.NET 网页(Razor)网站中创建和使用 Helper

02/17/2014

本文内容

本文介绍如何在 ASP.NET 网页(Razor)网站中创建帮助程序。 帮助器是一种可重用的组件,其中包括用于执行可能比较繁琐或复杂的任务的代码和标记。

你将学习的内容:

如何创建和使用简单的帮助器。

下面是本文中介绍的 ASP.NET 功能:

@helper 语法。

本教程中使用的软件版本

ASP.NET 网页(Razor)3

本教程还适用于 ASP.NET 网页2。

帮助器概述

如果需要在站点中的不同页面上执行相同的任务,则可以使用帮助程序。 ASP.NET 网页包括多个帮助程序,你可以下载和安装更多的帮助程序。 ( ASP.NET API 快速参考中列出了 ASP.NET 网页中的内置帮助程序列表。)如果现有的帮助程序都不能满足您的需要,您可以创建自己的帮助程序。

利用帮助程序,可以在多个页中使用通用代码块。 假设你经常需要在页面中创建与普通段落分开设置的注释项。 也许会将便笺创建为样式为带有边框的框的

元素。 您不必在每次要显示便笺时将此同一标记添加到页面,而是可以将标记打包为帮助程序。 然后,你可以在所需的任何位置使用一行代码插入注释。

使用与此类似的帮助程序使每个页面中的代码更简单且更易于阅读。 它还使您可以更轻松地维护站点,因为如果您需要更改便笺的外观,则可以在一个位置更改标记。

创建帮助程序

此过程说明如何创建创建注释的帮助器,如刚才所述。 这是一个简单的示例,但自定义帮助器可以包含所需的任何标记和 ASP.NET 代码。

在网站的根文件夹中,创建名为 "应用_ 的文件夹"。 这是 ASP.NET 中的保留文件夹名称,你可以在其中将代码用于组件(如帮助程序)。

在应用_代码文件夹中,创建一个新的cshtml文件并将其命名为MyHelpers。

将现有内容替换为以下内容:

@helper MakeNote(string content) {

style="border: 1px solid black; width: 90%; padding: 5px; margin-left: 15px;">

Note   @content

}

代码使用 @helper 语法来声明名为 MakeNote的新帮助器。 此特定帮助器使你可以传递一个名为 content 的参数,该参数可以包含文本和标记的组合。 帮助器使用 @content 变量将字符串插入到便笺正文中。

请注意,该文件命名为MyHelpers,但该帮助程序名为 MakeNote。 可以将多个自定义帮助程序放入单个文件中。

保存并关闭文件。

在页面中使用帮助器

在根文件夹中,创建名为TestHelper的新空白文件。

向文件中添加以下代码:

Test Helpers Page

This is some opening paragraph text.

@MyHelpers.MakeNote("My test note content.")

This is some following text.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值