详解ASP.NET Razor 语法
razor 同时支持 c# (c sharp) 和 vb (visual basic)。
主要的 razor c# 语法规则
- razor 代码块包含在 @{ ... } 中
- 内联表达式(变量和函数)以 @ 开头
- 代码语句用分号结束
- 变量使用 var 关键字声明
- 字符串用引号括起来
- c# 代码区分大小写
- c# 文件的扩展名是 .cshtml
c# 实例
<!-- single statement block --> @{ var mymessage = "hello world"; } <!-- inline expression or variable --> <p>the value of mymessage is: @mymessage</p> <!-- multi-statement block --> @{ var greeting = "welcome to our site!"; var weekday = datetime.now.dayofweek; var greetingmessage = greeting + " here in huston it is: " + weekday; } <p>the greeting is: @greetingmessage</p>
输出
the value of mymessage is: hello world
the greeting is: welcome to our site! here in huston it is: saturday
主要的 razor vb 语法规则
- razor 代码块包含在 @code ... end code 中
- 内联表达式(变量和函数)以 @ 开头
- 变量使用 dim 关键字声明
- 字符串用引号括起来
- vb 代码不区分大小写
- vb 文件的扩展名是 .vbhtml
实例
<!-- single statement block --> @code dim mymessage = "hello world" end code <!-- inline expression or variable --> <p>the value of mymessage is: @mymessage</p> <!-- multi-statement block --> @code dim greeting = "welcome to our site!" dim weekday = datetime.now.dayofweek dim greetingmessage = greeting & " here in huston it is: " & weekday end code <p>the greeting is: @greetingmessage</p>
输出
the value of mymessage is: hello world
the greeting is: welcome to our site! here in huston it is: saturday
它是如何工作的?
razor 是一种将服务器代码嵌入在网页中的简单的编程语法。
razor 语法是基于 asp.net 框架,专门用于创建 web 应用程序的部分 microsoft.net 框架。
razor 语法支持所有 asp.net 的功能,但是使用的是一种简化语法,对初学者而言更容易学习,对专家而言更有效率的。
razor 网页可以被描述成带以下两种类型内容的 html 网页: html 内容和 razor 代码。
当服务器读取页面时,它首先运行 razor 代码,然后再发送 html 页面到浏览器。在服务器上执行的代码能够执行一些在浏览器上不能完成的任务,比如,访问服务器数据库。服务器代码能创建动态的 html 内容,然后发送到浏览器。从浏览器上看,服务器代码生成的 html 与静态的 html 内容没有什么不同。
带 razor 语法的 asp.net 网页有特殊的文件扩展名 cshtml(razor c#)或者 vbhtml(razor vb)。
使用对象
服务器编码往往涉及到对象。
"date" 对象是一个典型的内置的 asp.net 对象,但对象也可以是自定义的,一个网页,一个文本框,一个文件,一个数据库记录,等等。
对象有用于执行的方法。一个数据库记录可能有一个 "save" 方法,一个图像对象可能有一个 "rotate" 方法,一个电子邮件对象可能有一个 "send" 方法,等等。
对象也有用于描述各自特点的属性。一个数据库记录可能有 firstname 和 lastname 属性。
asp.net date 对象有一个 now 属性(写成 date.now),now 属性有一个 day 属性(写成 date.now.day)。下面实例演示了如何访问 date 对象的一些属性:
<table border="1"> <tr> <th width="100px">name</th> <td width="100px">value</td> </tr> <tr> <td>day</td><td>@datetime.now.day</td> </tr> <tr> <td>hour</td><td>@datetime.now.hour</td> </tr> <tr> <td>minute</td><td>@datetime.now.minute</td> </tr> <tr> <td>second</td><td>@datetime.now.second</td> </tr> </td> </table>
输出
name | value |
day | 17 |
hour | 21 |
minute | 6 |
second | 38 |
if 和 else条件
动态网页的一个重要特点是,您可以根据条件决定做什么。
做到这一点的常用方法是使用 if ... else 语句:
@{ var txt = ""; if(datetime.now.hour > 12) {txt = "good evening";} else {txt = "good morning";} } <html> <body> <p>the message is @txt</p> </body> </html>
输出
the message is good evening
读取用户输入
动态网页的另一个重要特点是,您可以读取用户输入。
输入是通过 request[] 功能读取的,并且传送输入数据是经过 ispost 条件判断的:
@{ var totalmessage = ""; if(ispost) { var num1 = request["text1"]; var num2 = request["text2"]; var total = num1.asint() + num2.asint(); totalmessage = "total = " + total; } } <html> <body style="background-color: beige; font-family: verdana, arial;"> <form action="" method="post"> <p><label for="text1">first number:</label><br> <input type="text" name="text1" /></p> <p><label for="text2">second number:</label><br> <input type="text" name="text2" /></p> <p><input type="submit" value=" add " /></p> </form> <p>@totalmessage</p> </body> </html>
输出
以上就是详解asp.net razor 语法的详细内容,更多关于asp.net razor 语法的资料请关注其它相关文章!
推荐阅读
-
ASP.NET Razor模板引擎中输出Html的两种方式
-
详解Asp.net web.config customErrors 如何设置
-
详解Asp.Net Core 2.1+的视图缓存(响应缓存)
-
DedeCms(织梦)模版制作教程及标记语法详解
-
Asp.net core利用MediatR进程内发布/订阅详解
-
详解ASP.NET数据绑定操作中Repeater控件的用法
-
MySQL PHP 语法详解及实例代码
-
ASP.NET Razor - C# 和 VB 代码语法
-
Asp.Net Core控制器如何接收原始请求正文内容详解
-
解读ASP.NET 5 & MVC6系列教程(6):Middleware详解