一、Razor语法

1、Razor的标识符

解释：@字符被定义为Razor服务器代码块的标识符，后面的表示是服务器代码了。web form中使用<%%>中写服务器代码一个道理。在vs工具里面提供了代码着色和智能感应的功能。

@{

            string userName = "启超";

            <span>我的名字叫：@userName</span>

            <span>我的出生日期：@DateTime.Now.ToString("yyyy-MM-dd");</span>

        }

2、Razor的作用域

解释：在上面一个例子中都已经使用到了大括号{}，不错，大括号里面的就是表示作用域的范围，用形如 “@{code}”来写一段代码块。在作用域 “@(code)” 中输出也是用@符号的。

Index.cshtml页面：

我的年龄：

        @{

            int age = 25;

            string sex = "男";

            @age

        }性别：@(sex)

3、Razor和Html混合编写

解释：
         a.在作用域内容如果是以html标签开始则视为文本输出

b.如果输出@，则使用@@

c.如果要输出非html标签和非Razor语句的代码，则用 "@:" ,他的作用是相当于在处于html下面编写一样了,如果在 "@:" 后面加上@就表示Razor语句的变量，如下：

Index.cshtml页面：

@{

            var strzm = "abc";

            @:this is a mail:@qq.com.this is var:@strzm,this is mail@strzm,this is @@

    //输出abc

    @strzm

        }

4、Razor类型转换

解释：As系列扩展方法和Is系列扩展方法(string类型才能转)
            AsInt(),IsInt()

AsBool(),IsBool()

AsFloat(),IsFloat()

AsDecimal(),IsDecimal()

AsDateTime(),IsDateTime()

ToString()

Index.cshtml页面：

@{

            string ss = "";

        }

        string转int：@ss.AsInt()

5、Razor其他

解释：

@Href("~/")//表示网站的根目录
        @Html.Raw('<font color='red'>红字</font>')就会显示出红色的”红字“，不用的话会直接显示这段html字符串（<font color='red'>红字</font>）

————————————————————————————————————————————

二、Razor引擎

1、布局(Layout)(@RenderBody()方法)

解释：Layout方式布局就相当于一个模板一样的，我们在它地址地方去添加代码。相当于定义好框架,作为一个母版页的，在它下面的页面需要修改不同代码的地方使用@RenderBody()方法。

        母版页：(~/Views/Layout/_SiteLayout.cshtml)

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8"/>

        <title>我的网站 - @Page.Title</title>

    </head>

    <body>

        @RenderBody()

    </body>

</html>

子页面：(~/Views/Home/About.cshtml)

@{

    Layout = "~/Views/Layout/_SiteLayout.cshtml";

}

<h1>

    关于我的网站

</h1>

<p>

    这是一些内容显示在关于我们这个页面，我们用的是SiteLayout.cshtml这个主页母版页。

    <br />

    当前时间：@DateTime.Now

</p>

2、页面(@RenderPage()方法)

解释：page当需要在一个页面中，输出另外一个Razor文件(页面)的内容时候用到，比如头部或尾部这些公共的内容时需要用到，用@RenderPage()方法

母版页：(~/Views/Layout/_SiteLayout.cshtml)

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Simple Site</title>

</head>

<body>

   <!--头部-->

   @RenderPage("~/Views/Layout/_header.cshtml")

   <!--底部-->

   @RenderPage("~/Views/Layout/_footer.cshtml")

</body>

</html>

公共页：(~/Views/Layout/_header.cshtml)

<div id="header">

        <a href="#">主页</a>

        <a href="#">关于我们</a>

    </div>

3、Section区域(@RenderSection())

解释：Section是定义在Layout的页面中使用的。在Layout的页面中用。在要Layout的父页面中使用@RenderSection()方法。

母版页：(~/Views/Layout/_SiteLayout.cshtml)

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Simple Site</title>

</head>

<body>

    <div id="left-menu">

        @RenderSection("menu",true)

    </div>

</body>

</html>

公共页：(~/Views/Layout/_menu.cshtml)

@{

    Layout = "~/Views/Layout/_SiteLayout.cshtml";

}

<h1>

    关于我的网站

</h1>

<p>

    这是一些内容显示在关于我们这个页面，我们用的是SiteLayout.cshtml这个主页母版页。

    <br />

    当前时间：@DateTime.Now

</p>

@section menu{

    <ul id="sub-menu">

        <li>菜单1</li>

        <li>菜单2</li>

        <li>菜单3</li>

        <li>菜单4</li>

    </ul>

    }

如果在子页面中没有去实现了menu了，则会抛出异常。我们可以它的重载@RenderSection("menu", false)

@if (IsSectionDefined("menu"))

{

    @RenderSection("menu", false)

}

else {

    <p>menu Section is not defined!</p>

}

4、Helper

@helper就是可以定义可重复使用的帮助器方法，不仅可以在同一个页面不同地方使用，还可以在不同的页面使用。

4.1、新建一个HelperMath.cshtml页面

4.2、HelperMath.cshtml页面写方法

@*求和*@

@helper sum(int a, int b)

{

    int result = a + b;

    @result

}

4.3、Index.cshtml页面调用

+=@HelperMath.sum(, )<br />

Razor语法和Razor引擎大全的更多相关文章

  1. Blazor和Vue对比学习（基础1.2）：模板语法和Razor语法

    Vue使用模板语法,Blazor使用祖传的Razor语法,从逻辑和方向上看,两者极为相似,比如: 都基于HTML 都通过声明式地将组件实例的状态(数据/方法)绑定到呈现的DOM上 都通过指令实现更加丰 ...

  2. Go汇编语法和MatrixOne使用介绍

    目录 MatrixOne数据库是什么? Go汇编介绍 为什么使用Go汇编? 为什么不用CGO? Go汇编语法特点 操作数顺序 寄存器宽度标识 函数调用约定 对写Go汇编代码有帮助的工具 avo tex ...

  3. OC第五节 ——点语法和@property

    一.setter和getter函数     1.回忆:如何访问对象中的成员变量    2.setter和getter函数的作用            setter  方法:   修改对象的字段/实例变 ...

  4. Markdown 语法和 MWeb 写作使用说明

    ---恢复内容开始--- # Markdown 语法和 MWeb 写作使用说明 Markdown 的设计哲学 Markdown 的目標是實現「易讀易寫」. 不過最需要強調的便是它的可讀性.一份使用 M ...

  5. Markdown语法和MWeb使用说明

    Markdown 语法和 MWeb 写作使用说明 开始写博客,首先熟悉一下Markdown,以前过看GitHub里的README.MD,感受到了这种文字排版的简洁美观. 写博客是一种有效的学习总结和分 ...

  6. iOS开发-OC语言 (六)点语法和@property

    点语法和@property 知识点 1.setter/getter函数 2.点语法 3.@property语法和属性 ======================================== ...

  7. Webstorm添加新建.vue文件功能并支持高亮vue语法和es6语法

    转载:https://blog.csdn.net/qq_33008701/article/details/56486893 Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法 ...

  8. 好习惯: 用controller as 语法和$inject数组注入

    angular好习惯1: 用controller as 语法和$inject数组注入 1) 像普通的JS类一样实现controller,摆脱$scope 2) 用.$inject数组注入相关模块,便于 ...

  9. [golang] go的typeswitch guard(类型区别)语法和type assertion(类型断言)语法

    最近在实现golang,看到个go的特性语法: typeswitch guard. typeswitch guard语法如下: package main import "fmt" ...

随机推荐

  1. PHP实现openSug.js参数调试

    这是一款利PHP对百度搜索下拉框提示免费代码实现参数配置调试的程序源代码. 由想要对网站进行搜索下拉调试的站长朋友们进行方便.快速的效果演示,具体参考下面的PHP代码. 如何使用? 请新建一份PHP文 ...

  2. mysql的char,varchar,text,blob

    mysql的char,varchar,text,blob是几个有联系但是有有很大区别的字段类型,这算是mysql的基础吧,可是基础没有学好,恶补一下. 先简单的总结一下: char:定长,最大255个 ...

  3. Hive(4)-Hive的数据类型

    一. 基本数据类型 Hive数据类型 Java数据类型 长度 例子 TINYINT byte 1byte有符号整数 20 SMALINT short 2byte有符号整数 20 INT int 4by ...

  4. ubuntu下的python网页解析库的安装——lxml, Beautiful Soup, pyquery, tesserocr

    lxml 的安装(xpath) pip3 install lxml 可能会缺少以下依赖: sudo apt-get install -y python3-dev build-e ssential li ...

  5. C++实现json字符串与map的转换

    开源资源库 jsoncpp-src-0.5.0.tar.gz:https://sourceforge.net/projects/jsoncpp/ jsoncpp-master.ziphttps://g ...

  6. 04IP编址（网络层）

    帧中type为0x0800,送给ip   ip报文结构 TTL 生存时间最大为255,经过三层设备就减1 protocol:协议号 version:4,6 source ip address:源ip编 ...

  7. java入门---对象和类&概念详解&实例

        Java作为一种面向对象语言.支持以下基本概念: 多态 继承 封装 抽象 类 对象 实例 方法 重载     这篇文章,我们主要来看下: 对象:对象是类的一个实例(对象不是找个女朋友),有状态 ...

  8. 设置cell高度的两种方法（label高度的可变引起cell高度可变的情况）

    第一种:(iOS8以后可用) 在Xib或stroyboard中(代码也可以) 利用AutoLayout设置好label的约束(比如可以设置四个边都距离屏幕50等方式,必须四个边都要固定好). 在代码部 ...

  9. C#学习第一阶段——语法基础

    C#是一门面向对象的编程语言.在面向对象的程序设计方法中,程序由各种相互交互的对象组成.相同种类的对象具有相同的属性,或者说是在相同的class 中的.       例如,以矩形为例,它具有高(len ...

  10. 【POJ2482】Stars in Your Window

    [POJ2482]Stars in Your Window 题面 vjudge 题解 第一眼还真没发现这题居然™是个扫描线 令点的坐标为\((x,y)\)权值为\(c\),则 若这个点能对结果有\(c ...