当前位置: 代码迷 >> 综合 >> Razor
  详细解决方案

Razor

热度:81   发布时间:2024-02-12 10:23:05.0

Razor
1.什么是 Razor ?
? Razor 是一种将基于服务器的代码添加到网页中的标记语法
? Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习
? Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像
? Razor 支持 C# 和 Visual Basic 编程语言
2. 添加 Razor 代码
(1)在视图中,向页面添加了一个p标签,在p标签里添加一个@符号,在符号后面添加的要获取的代码(这就是往页面添加@标识的Razor代码),代码如下所示:
在这里插入图片描述

  1. 主要的 Razor C# 语法规则
    ? Razor 代码块包含在 @{ … } 中
    ? 内联表达式(变量和函数)以 @ 开头
    ? 代码语句用分号结束
    ? 变量使用 var 关键字声明
    ? 字符串用引号括起来
    ? C# 代码区分大小写
    ? C# 文件的扩展名是 .cshtml
    4.C# 实例
    (1) 在视图中,先在@{}里定义一个变量,并给变量进行赋值,然后,再在p标签通过@调用定义的变量num,从而显示变量num里的值,如下代码所示:
    在这里插入图片描述

注意:在对定义的变量赋值完后,要在该句代码后加上分号‘:’,否则代码会出现报错!
(2)在视图中,通过@for遍历循环生成p标签里的内容,并通过i指定生成的数据数量,如下代码所示:
在这里插入图片描述

	注意:如果不在for遍历的前面加上@符号,就会将for遍历当成文本处理,加上@符号就是Razor的写法。(3)在视图中的遍历循环的数据里,在遍历循环元素的ID值中通过@(),并在括号里对ID值进行拼接,使得每条遍历循环生成的数据都会生成不同的ID值,保证了每条代码数据的ID值是唯一性,如下代码所示:

在这里插入图片描述

 (4)在视图中script标签中,可以通过调用循环生成的数据的ID值的索引值,来显示循环生成的某条数据,如下代码所示:

在这里插入图片描述
(5)在视图中,通过@Html.Raw()将任何的标签转换为页面上的元素,写法就是往@Html.Raw()里面添加上"",在传入的参数(任何标签),都可以转换为页面上的元素,页面上就会显示在方法里传入参数的内容,如下代码所示:
在这里插入图片描述