ASP.NET Razor 是一种用于创建动态 Web 页面的标记语言,它结合了 HTML 和 C#(或 VB.NET)代码。Razor 提供了一种简洁、直观的语法,使得在 Web 页面上嵌入服务器端代码变得更加容易。以下是一个简单的 ASP.NET Razor 教程,介绍一些基础概念:

1. 基础语法:
   在 Razor 中,使用 @ 符号来表示嵌套的 C# 代码块。
   <p>Hello, @Model.Name!</p>

2. 变量和表达式:
   使用 @ 符号定义变量和执行表达式。
   @{
       var greeting = "Hello";
       var fullName = Model.FirstName + " " + Model.LastName;
   }

   <p>@greeting, @fullName!</p>

3. 条件语句:
   使用 @if、@else if 和 @else 进行条件判断。
   @{
       if (Model.Age >= 18)
       {
           <p>You are an adult.</p>
       }
       else
       {
           <p>You are a minor.</p>
       }
   }

4. 循环语句:
   使用 @foreach 进行循环遍历。
   <ul>
       @foreach (var item in Model.Items)
       {
           <li>@item</li>
       }
   </ul>

5. 局部函数和帮助方法:
   在 Razor 页面中定义局部函数和调用帮助方法。
   @{
       Func<int, int, int> add = (a, b) => a + b;
       var result = add(3, 4);
   }

   <p>Result: @result</p>

6. 部分视图(Partial Views):
   使用 @Html.Partial 在页面中引入部分视图。
   <div>
       @Html.Partial("_PartialView", Model.PartialData)
   </div>

7. 布局页(Layout Page):
   创建布局页定义共享的页面结构,使用 @RenderBody 和 @RenderSection。
   <!-- _Layout.cshtml -->

   <html>
   <head>
       <title>@ViewBag.Title</title>
   </head>
   <body>
       <div id="content">
           @RenderBody()
       </div>
       <footer>
           @RenderSection("Footer", required: false)
       </footer>
   </body>
   </html>
   <!-- 页面中使用布局页 -->

   @{
       Layout = "_Layout";
   }

   <p>Main content of the page.</p>

   @{
       ViewBag.Title = "Page Title";
   }

   @section Footer {
       <p>Footer content.</p>
   }

这只是 ASP.NET Razor 的一些基础概念,它能够使开发者更轻松地在页面中嵌入 C# 代码。你可以根据实际需求,进一步了解 Razor 的高级用法和功能。


转载请注明出处:http://www.pingtaimeng.com/article/detail/14834/ASP.NET Razor 标记