通过Razor页面创建net core框架的web程序

Razor 语法组成 Razor 标记、 C# 和 HTML。 通常包含 Razor 文件具有.cshtml文件扩展名

1.页面文件夹

_Layout.cshtml 文件包含常见的 HTML 元素(脚本和样式表),并设置应用程序的布局。

_ViewStart.cshtml将 Razor Pages Layout 属性设置为使用 _Layout.cshtml 文件。 请参阅布局了解详细信息。
也就是设置所以模板继承_Layout.cshtml

_ViewImports.cshtml 文件包含要导入每个 Razor 页面的 Razor 指令。

_ValidationScriptsPartial.cshtml 文件提供对 jQuery 验证脚本的引用。


类似aspx写web页面方法

2.Razor用法 页面后缀*.cshtml

@page 必须是页面上的第一个 Razor 指令

@page使文件转换为一个 MVC 操作 ,这意味着它将直接处理请求,而无需通过控制器处理。

@model 指令指定传递给 Razor 页面的模型类型

在页面定义一个键值对
@{
ViewData["Title"] = "Index";
}

 

引用键值对
<p>@ViewData["Title"]</p>

 

突出显示的代码是 Razor 转换为 C# 的一个示例。 { 和 } 字符括住 C# 代码块。


注释:@*Markup removed for brevity.*@ 为 Razor 注释。 与 HTML 注释不同 (<!-- -->),

创建razor页面时,选择创建model会生成一个cs文件,这个文件可以用来写页面逻辑

PageModel 类,可以将页面的逻辑与其展示分离开来


页面包含 OnPostAsync 处理程序方法,它在 POST 请求上运行(当用户发布窗体时)。
可以为任何 HTTP 谓词添加处理程序方法。 最常见的处理程序是:

OnGet,用于初始化页面所需的状态

OnPost,用于处理窗体提交

自定义路由

@page "{handler?}"

?handler="~/Some/Other/Path"

 

posted on   yanmay  阅读(487)  评论(0编辑  收藏  举报

编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 提示词工程——AI应用必不可少的技术
· 地球OL攻略 —— 某应届生求职总结
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示