1. 创建视图文件: 在Views文件夹中,根据控制器和动作方法的名称创建相应的视图文件。例如,HomeController控制器的Index动作方法对应的视图文件是Views/Home/Index.cshtml。
示例(Index.cshtml):
@model YourNamespace.Models.User
<h2>Welcome, @Model.UserName!</h2>
<p>Email: @Model.Email</p>
2. 使用Razor语法: Razor语法是一种简洁的、类似于HTML的语法,允许在视图中嵌入服务器端代码。使用@符号表示Razor代码块,可以嵌套C#代码、表达式和控制流结构。
示例:
@if (Model.IsAdmin)
{
<p>Welcome, Administrator!</p>
}
else
{
<p>Welcome, @Model.UserName!</p>
}
3. 呈现模型数据: 在控制器中通过View(model)方法将模型数据传递到视图,然后可以在视图中使用@Model来引用模型数据。
示例:
public IActionResult Index()
{
var model = new YourNamespace.Models.User
{
UserName = "JohnDoe",
Email = "john.doe@example.com"
};
return View(model);
}
4. 布局页(Layout): 使用@{ Layout = "~/Views/Shared/_Layout.cshtml"; }语法在视图中指定布局页。布局页通常包含应用程序的整体结构,例如页眉、页脚和导航。
示例:
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Welcome, @Model.UserName!</h2>
<p>Email: @Model.Email</p>
5. HTML助手(HTML Helpers): 使用HTML助手可以更方便地生成HTML标记。ASP.NET提供了丰富的HTML助手,如Html.TextBoxFor、Html.ActionLink等。
示例:
@Html.TextBoxFor(model => model.UserName, new { @class = "form-control" })
@Html.ActionLink("Click me", "ActionName", "ControllerName")
6. 部分视图(Partial View): 部分视图是可在其他视图中重用的小块视图。使用@Html.Partial或@Html.RenderPartial来呈现部分视图。
示例:
<div>
@Html.Partial("_UserInfo", Model.UserInfo)
</div>
7. JavaScript和CSS引用: 使用<script>和<link>标签来引用JavaScript和CSS文件。
示例:
<script src="~/Scripts/myscript.js"></script>
<link rel="stylesheet" href="~/Content/mystyles.css" />
通过使用ASP.NET Razor标记,您可以创建灵活且强大的MVC视图,有效地呈现动态内容并与服务器端代码交互。视图是MVC模式中用户界面的关键组件,使得开发者能够构建交互性强、动态更新的Web应用程序。
转载请注明出处:http://www.zyzy.cn/article/detail/14865/ASP.NET Razor 标记