【MVC框架】——Razor语法

最新推荐文章于 2021-08-04 15:22:00 发布

灰白色可乐

最新推荐文章于 2021-08-04 15:22:00 发布

阅读量2.4k

点赞数

分类专栏： Java MVC 文章标签： mvc

本文链接：https://blog.csdn.net/fengyao1995/article/details/47342291

版权

Java 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

MVC

6 篇文章 3 订阅

订阅专栏

MVC创建视图时，会选择视图引擎，其中一种是Razor，也就是具有.cshtml后缀的视图；另外一种是ASPX，也就是我们常见的.aspx后缀的视图，其实就是Asp.NET窗体。下面就来介绍一下Razor的语法。

语法

Razor 代码封装于 @{ ... } 中
行内表达式（变量和函数）以 @ 开头
代码语句以分号结尾
字符串由引号包围
C# 代码对大小写敏感

C# 文件的扩展名是 .cshtml

例如：

<span style="font-family:KaiTi_GB2312;font-size:18px;">@{
            int id = 100;
            var ID = 101;
            string Name = "大写名称";
            string name = "变量区分大小写";
        }
    </div>
    <div>@id</div>
    <div>@ID</div>
    <div>@Name</div>
    <div>@name</div>
    <div>Hi@name</div></span>

代码段封装在@{…}中，并且以“;”英文标点分号结尾，字符串需要有引号包围，变量要以@开头，C#代码对大小写敏感。

用法

1、字符串拼接

<span style="font-family:KaiTi_GB2312;font-size:18px;"><div>
    字符串拼接：aa @name bb
</div>
<div>
    字符串拼接：Begin@{@Name}
    End
</div></span>

实现效果：

2、文本使用

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <div>
        @{
            <div>
                内部<br />
                文本一</div>
            @:内部<br />文本二
        }
    </div></span>

实现效果：

3、注释

<span style="font-family:KaiTi_GB2312;font-size:18px;"><div>
        @{
            //注释一，单行
            
            @*
            注释二，多行
            多行注释
            多行注释
            *@
            
            @*
            /*
             *嵌套注释
             */
            *@
        }
    </div></span>

4、循环

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <div>
        @{
            /* for循环使用 */
            for (int k = 1; k < 5; k++)
            {
                @:第 @k 个;
            }<br />


 @*页面输出：第 1 个; 第 2 个; 第 3 个; 第 4 个; *@
        
            // foreach 使用
            var list = new List<string> { "one", "two", "three", "four" };
            foreach (var str in list)
            {
                @:@str;
            }<br />
 @*页面输出：one; two; three; four; *@
        
            var flag = 1;
            while (flag < 5)
            { 
                @:第@{@flag}个; 
                flag++;
            }
 @*页面输出：第1个; 第2个; 第3个; 第4个; *@
        }
    </div></span>

实现效果：

5、特殊符号

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <div>
        @{
            var Password = @"""123456!@#$%^\""";
        }
    </div>
    <div>
        @Password
    </div>
    <div>
        &&@@
    </div>
    <div></span>

实现效果：

在这里有一点需要注意，如果要显示一个特殊符号“@”，则在页面上需要输入两个“@“，而其他的特殊符号则是显示几个输入几个。