分享ASP.NET学习笔记（13）Razor 语法详解

ASP.NET Razor - C＃和VB代码语法

razor同时支持c＃（c sharp）和vb（visual basic）。

主要的Razor C＃语法规则

Razor代码块包含在@ {...}中

内联表达式（变量和函数）以@开头

代码语句用分号结束

变量使用var关键字声明

字符串用引号括起来

C＃代码区分大小写

C＃文件的扩展名是.cshtml

C＃实例

@{ var myMessage = "Hello World"; }
The value of myMessage is: @myMessage
 @{var greeting = "Welcome to our site!";var weekDay = DateTime.Now.DayOfWeek;var greetingMessage = greeting + " Here in Huston it is: " + weekDay;}
The greeting is: @greetingMessage

主要的Razor VB语法规则

Razor代码块包含在@Code ...结束代码中

内联表达式（变量和函数）以@开头

变量使用Dim关键字声明

字符串用引号括起来

VB代码不区分大小写

VB文件的扩展名是.vbhtml

实例

 @Code dim myMessage = "Hello World" End Code 
The value of myMessage is: @myMessage
  @Codedim greeting = "Welcome to our site!" dim weekDay = DateTime.Now.DayOfWeek dim greetingMessage = greeting & " Here in Huston it is: " & weekDayEnd Code 
The greeting is: @greetingMessage

它是如何工作的？

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）。

ARC Lab

腾讯旗下ARC实验室推出的AI人像修复、抠图和增强工具

下载

使用对象

服务器编码往往涉及到对象。

“日期”对象是一个典型的内置的ASP.NET对象，但对象也可以是自定义的，一个网页，一个文本框，一个文件，一个数据库记录，等等。

对象有用一个数据库记录可能有一个“保存”方法，一个图像对象可能有一个“旋转”方法，一个电子邮件对象可能有一个“发送”方法，等等。

对象也有用于描述各自特点的属性。一个数据库记录可能有FirstName和LastName属性。

ASP.NET日期对象有一个现在属性（写成Date.Now），现在属性有一个日属性（写成Date.Now.Day）。下面实例演示了如何访问数据对象的一些属性：

实例

Name
Value
Day
@DateTime.Now.Day
Hour
@DateTime.Now.Hour
Minute
@DateTime.Now.Minute
Second
@DateTime.Now.Second

如果和Else条件

动态网页的一个重要特点是，您可以根据条件决定做什么。

做到这一点的常用方法是使用if ... else语句：

实例

@{var txt = "";if(DateTime.Now.Hour > 12){txt = "Good Evening";}else{txt = "Good Morning";}}
The message is @txt

读取用户输入

动态网页的另一个重要特点是，您可以读取用户输入。

输入是通过请求[]功能读取的，并且传送输入数据是经过IsPost条件判断的：

实例

@{var totalMessage = "";if(IsPost){var num1 = Request["text1"];var num2 = Request["text2"];var total = num1.AsInt() + num2.AsInt();totalMessage = "Total = " + total;}}
First Number:
Second Number:
@totalMessage

【相关推荐】

1. ASP.NET免费视频教程

2. 分享ASP.NET学习笔记（1）--WebPages Razor

3. 分享ASP.NET学习笔记（2）--WebPages 介绍

4. 分享ASP.NET学习笔记（3）WebPages 布局

5. 分享ASP.NET学习笔记（4）文件夹

6. 分享ASP.NET学习笔记（5）全局页面 AppStart 和 PageStart

7. 分享ASP.NET学习笔记（12）Razor 简介