Asp.Net Core由零开始（十）———Razor

最新推荐文章于 2022-11-17 19:46:54 发布
最新推荐文章于 2022-11-17 19:46:54 发布
阅读量203 收藏
点赞数
分类专栏： .Net Core基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42108132/article/details/100052597
版权

布局视图（Layout View）

1.默认约定的布局视图名字是_Layout.cshtml
2.布局视图是Razor视图
3.可以将控制器视图设置为在布局视图内的特定位置显示
默认

<!DOCTYPE html>

<html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>@ViewBag.Title</title>
    </head>
    <body>
        <div>
            @RenderBody()
        </div>
    </body>
</html>

有了布局视图，即可不需要<!DOCTHPE html> 、 和 ，还有 以及它们对应的结束标记等，在对应页面顶部引入

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

视图起始页（_ViewStart.cshtml）

MVC 中的 Razor 视图引擎有一个约定，就是在渲染单个控制器视图前，会优先查找名称为 _ViewStart.cshtml 的文件，并执行该文件中的代码,如图
在这里插入图片描述
遵守单一原则，HTML代码交给布局页和普通页面输出，主要用于去除各个视图代码块中的重复代码，例如把布局视图引入到视图初始页中
_ViewStart.cshtml的运行机制
1.当MVC框架中的Razor开始渲染视图前，会递归检查文件夹结构层次中是否存在ViewStart文件
2.已将 _ViewStart 直接放入了 Views 文件夹中。这将影响 Views 文件夹内的所有文件夹中的所有视图以及 Home 文件夹内的视图以及 Shared 文件夹以及将来可能添加的其它任何控制器文件夹
3.如果我们使用 ViewStart 并将其 仅 放置在 Home 文件夹中，那么只有在 Home 文件夹中的视图被渲染时才会执行这一小段代码
4.我们甚至可以拥有多个 ViewStart 文件，因此我们可以在 Views 文件夹中的 ViewStart.cshtml 中设置所有视图的布局视图
5.如果我们想要改变 Home 文件夹中所有视图的默认设置，可以在 Home 文件夹中设置另一个 ViewStart，将布局设置为其它内容

视图导入（View Import）

是另外一种Razor在渲染任何其它视图前会查找的视图，视图导入文件名为_ViewImports.cshtml
在这里插入图片描述
如果某个文件夹下的大部分视图都会使用到某个命名空间，那么我们可以在视图导入中使用一次 @using 导入即可，而不是在每个视图中使用 @using 指令分别导入或者输入全限定类名

标签助手

标签助手允许服务器端代码 ( 也就是 C# 代码) 参与到 Razor 文件中创建和渲染 HTML 元素

HTML 助手

一般情况下，在视图中我们都更喜欢类 HTML 语法，也就是 XML 语法，而 Razor 也支持另外一种 HTML 助手，也就是 XML 语法的标签助手，这种助手直接在原来的 HTML 基础上添加一些 asp- 开头的属性来生成 HTML 标签

编辑表单

AnkouEX
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET源码——asp.net权限管理系统Demo源码.zip
10-10
这个"ASP.NET源码——asp.net权限管理系统Demo源码.zip"文件包含了一个基于ASP.NET实现的权限管理系统的示例代码，对于学习和理解如何在ASP.NET中实现复杂的权限控制机制非常有帮助。 首先，我们要了解ASP.NET的...
asp.net core系列 39 Web 应用Razor 介绍与详细示例
weixin_43394129的博客
03-08 883
一. Razor介绍 　　在使用ASP.NET Core Web开发时，ASP.NET Core MVC 提供了一个新特性Razor。 这样开发Web包括了MVC框架和Razor框架。对于Razor来说它是一个新特性，在官方介绍ASP.NET Core的优点中提到“Razor Pages可以使基于页面的编码方式更简单高效”。 　　1.1 Razor结构介绍 　　　　(1) Pages文件夹 ...
ASP.NET Core 的 Razor 语法参考
allway2的博客
03-03 1807
作者：Rick Anderson、Taylor Mullen和Dan Vicarel Razor 是一种标记语法，用于将基于 .NET 的代码嵌入网页中。 Razor 语法由 Razor 标记、C# 和 HTML 组成。 包含 Razor 的文件通常具有.cshtml文件扩展名。 Razor 也可在Razor component文件 (.razor) 中找到。 Razor 语法类似于各种 JavaScript 单页应用程序 (SPA) 框架（如 Angular、React、VueJs 和 Sv...
ASP.NET Core Razor Pages入门
mwcxz的博客
11-17 1566
ASP.NET Core Razor Pages入门
ASP.NET Core Razor官方文档踩坑
绿龙术士的专栏
11-17 1168
记录在学习ASP.NET Core的Razor开发模式时遇到的一些问题
ASP.NET源码——asp.net生成静态页面的模板引擎.zip
10-10
这个压缩包文件"ASP.NET源码——asp.net生成静态页面的模板引擎.zip"包含了一个名为"EFPlatform.TemplateEngine v1.0_aspnetms"的项目，它是一个用于ASP.NET平台的模板引擎，专门用于生成静态HTML页面。这种技术可以...
.NETC#汇总 -ASP.NET Core.rar
最新发布
04-12
ASP.NET Core是微软开发的一个强大的开源框架，专为构建现代云环境中的Web应用程序而设计。这个框架基于.NET Core，提供了一整套工具和技术，旨在提高开发效率、性能和可移植性。下面，我们将深入探讨ASP.NET Core的...
ASP.NET源码——搭建系统 框架 源码.zip
10-10
ASP.NET是一种由微软开发的服务器端Web应用程序框架，用于构建动态网站、Web应用程序和Web服务。这个名为"ASP.NET源码——搭建系统 框架 源码.zip"的压缩包很可能包含了用于构建此类系统的源代码，为开发者提供了一...
ASP.NET源码——Asp.net实现多语言Demo.zip
10-10
ASP.NET是一种由微软开发的服务器端Web应用程序框架，主要用于构建动态网站、Web应用程序和Web服务。这个源码Demo是关于ASP.NET如何实现多语言支持的一个实例，对于开发全球化和本地化的Web应用非常有帮助。 在ASP...
超高清 ASP.NET Core 2.0 MVC Razor Pages
09-25
ASP.NET Core 2.0 MVC Razor Pages
ASP.NET Core Razor页面学习
xiaoLongww的博客
05-13 353
ASP.NET Core Razor页面学习 快速搭建一个管理数据库的简易应用 （1）在VS2019下，创建项目，选择ASP.NET Core应用程序 （2）在项目下，新建文件夹Models，用于存放实体类；并在文件夹下新建实体类Book，如图 using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Thread
ASP.NET Core教程【一】关于Razor Page的知识
极客神殿
03-07 1305
关键文件和目录结构 按照asp.net core WEB应用程序向导，创建一个工程之后 你会发现如下几个目录和文件 wwwroot：放置网站的静态文件的目录 Pages：放置razor页面的目录 appsettings.json：是应用的配置文件 bower.json：静态资源包管理的配置文件 Program.cs：这个程序负责承载ASP.NET Core应用 Startup.cs：初始化service的配置，初始化请求管道 下面我们单独说一下Pages目录 _Layout.cshtml 是整个网站的母
使用 ASP.NET Core 创建 Razor 页面 Web 应用（笔记）
绝圣弃智-零的博客
05-30 2210
1、创建项目 .NET Core——ASP.NET Core Web 应用——web application 2、主项目文件夹和文件的概述 Pages文件夹:包含Razor页面和支持文件。 每个Razor页面都是一对文件： 一个.cshtml文件，其中包含使用Razor语法的C＃ 代码的HTML标记。 一个.cshtml.cs文件，其中包含处理页面事件的...
ASP.NET Core Razor 页面入门
allway2的博客
03-03 1791
Razor Pages 是 ASP.NET Core 2.0 中引入的 ASP.NET Core MVC 的一个新方面。它提供了一种“基于页面”的方法，用于在 ASP.NET Core 中构建服务器端呈现的应用程序，并且可以与“传统”MVC 或 Web API 控制器共存。在这篇文章中，我将介绍 Razor Pages、入门基础知识以及 Razor Pages 与 MVC 的不同之处。 如果您希望在 .NET Core 应用程序中看到 Twilio API 的完全集成，请查看这个免费的 5 部分视频系列.
asp.net core中的razor页面
weixin_34090643的博客
10-14 405
Razor 页面（Razor Pages）是 ASP.NET Core 2.0 中新增的一种Web页面模型，相对MVC形式更加简单易用，可以说是一个服务端的MVVM模型，本文简单的介绍一下它的用法。 参考文档： https://docs.microsoft.com/zh-cn/aspnet/core/razor-pages/   配置 首先配置Startup类，添加MVC支持 publ...
Do You Kown Asp.Net Core -- Asp.Net Core 2.0 未来web开发新趋势 Razor Page
weixin_33953384的博客
08-23 219
Razor Page介绍 前言     上周期待已久的Asp.Net Core 2.0提前发布了，一下子Net圈热闹了起来，2.0带来了很多新的特性和新的功能，其中Razor Page引起我的关注，作为web程序员来说，Asp.Net下的任何web框架都会去特别关注，因为每次一个新的框架出来，意味着一次革命。此次的Razor Page是否能带来不一样的体验呢，让我们一起来看看吧。 什么是Ra...
ASP.NET Core 中的 Razor 页面介绍
luzhangtong的博客
07-03 1670
Razor 页面是 ASP.NET Core MVC 的一个新特性，它可以使基于页面的编码方式更简单高效。若要查找使用模型视图控制器方法的教程，请参阅 ASP.NET Core MVC 入门。本文档介绍 Razor 页面。 它并不是分步教程。 如果认为某些部分过于复杂，请参阅 Razor 页面入门。 有关 ASP.NET Core 的概述，请参阅 ASP.NET Core 简介。系统必备Insta...
学习ASP.NET Core Razor 编程系列四——Asp.Net Core Razor列表模板页面
05-24
在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、付费专栏及课程。

余额充值