目录搜索
ASP.NET 基础教程ASP.NET 教程Web Pages - 教程Web Pages - 添加 Razor 代码Web Pages - 页面布局Web Pages - 文件夹Web Pages - 全局页面Web Pages - HTML 表单Web Pages - 对象Web Pages - 文件Web Pages - 帮助器Web Pages - WebGrid 帮助器Web Pages - Chart 帮助器Web Pages - WebMail 帮助器Web Pages - PHPWeb Pages - 发布网站Razor - 标记Web Pages - Database 对象ASP.NET MVCWeb Forms - 教程Web Forms - HTML 页面Web Forms - 服务器控件Web Forms - 事件Web Forms - HTML 表单Web Forms - 维持 ViewStateWeb Forms - TextBox 控件Web Forms - Button 控件Web Forms - 数据绑定Web Forms - ArrayList 对象Web Forms - Hashtable 对象Web Forms - SortedList 对象Web Forms - XML 文件Web Forms - Repeater 控件Web Forms - DataList 控件Web Forms - 数据库连接Web Forms - 母版页Web Forms - 导航ASP.NET RazorRazor - C# 和 VB 代码语法Razor - C# 变量Razor - C# 循环和数组Razor - C# 逻辑条件Razor - VB 变量Razor - VB 循环和数组Razor - VB 逻辑条件WF 参考手册Web Forms - HTML 服务器控件ASP.NET HtmlAnchor 控件ASP.NET HtmlButton 控件ASP.NET HtmlForm 控件ASP.NET HtmlGeneric 控件ASP.NET HtmlImage 控件ASP.NET HtmlInputButton 控件ASP.NET HtmlInputCheckBox 控件ASP.NET HtmlInputFile 控件ASP.NET HtmlInputHidden 控件ASP.NET HtmlInputImage 控件ASP.NET HtmlInputRadioButton 控件ASP.NET HtmlInputText 控件ASP.NET HtmlSelect ControlASP.NET HtmlTable 控件ASP.NET HtmlTableCell 控件ASP.NET HtmlTableRow 控件ASP.NET HtmlTextArea 控件ASP.NET AdRotator 控件ASP.NET AdRotator AdvertisementFile 属性ASP.NET AdRotator Target 属性ASP.NET Button 控件ASP.NET Button CausesValidation 属性ASP.NET Button OnClientClick 属性ASP.NET Button PostBackUrl 属性ASP.NET Button Text 属性ASP.NET Button UseSubmitBehavior 属性ASP.NET Button ValidationGroup 属性ASP.NET Calendar 控件ASP.NET Calendar Caption 属性ASP.NET Calendar CaptionAlign 属性ASP.NET Calendar CellPadding 属性ASP.NET Calendar CellSpacing 属性ASP.NET Calendar DayHeaderStyle 属性ASP.NET Style 控件ASP.NET BackColor 属性ASP.NET BorderColor 属性ASP.NET BorderStyle 属性ASP.NET BorderWidth 属性ASP.NET CssClass 属性ASP.NET Font 属性ASP.NET ForeColor 属性ASP.NET Height 属性ASP.NET Width 属性ASP.NET Calendar DayNameFormat 属性ASP.NET Calendar DayStyle 属性ASP.NET Calendar FirstDayOfWeek 属性ASP.NET Calendar NextMonthText 属性ASP.NET Calendar NextPrevFormat 属性ASP.NET Calendar NextPrevStyle 属性ASP.NET Calendar OtherMonthDayStyle 属性ASP.NET Calendar PrevMonthText 属性ASP.NET Calendar SelectedDate 属性ASP.NET Calendar SelectedDates 属性ASP.NET Calendar SelectedDayStyle 属性ASP.NET Calendar SelectionMode 属性ASP.NET Calendar SelectMonthText 属性ASP.NET Calendar SelectorStyle 属性ASP.NET Calendar SelectWeekText 属性ASP.NET Calendar ShowDayHeader 属性ASP.NET Calendar ShowGridLines 属性ASP.NET Calendar ShowNextPrevMonth 属性ASP.NET Calendar ShowTitle 属性ASP.NET Calendar TitleFormat 属性ASP.NET Calendar TitleStyle 属性ASP.NET Calendar TodayDayStyle 属性ASP.NET Calendar TodaysDate 属性ASP.NET Calendar VisibleDate 属性ASP.NET Calendar WeekendDayStyle 属性ASP.NET CalendarDay 控件ASP.NET CalendarDay Date 属性ASP.NET CalendarDay DayNumberText 属性ASP.NET CalendarDay IsOtherMonth 属性ASP.NET CalendarDay IsSelectable 属性ASP.NET CalendarDay IsSelected 属性ASP.NET CalendarDay IsToday 属性ASP.NET CalendarDay IsWeekend 属性ASP.NET CheckBox 控件ASP.NET CheckBox Checked 属性ASP.NET CheckBox Text 属性ASP.NET CheckBox TextAlign 属性ASP.NET CheckBoxList 控件ASP.NET CheckBoxList CellPadding 属性ASP.NET CheckBoxList CellSpacing 属性ASP.NET CheckBoxList RepeatColumns 属性ASP.NET CheckBoxList RepeatDirection 属性ASP.NET CheckBoxList RepeatLayout 属性ASP.NET CheckBoxList TextAlign 属性ASP.NET DropDownList 控件ASP.NET DropDownList SelectedIndex 属性ASP.NET HyperLink 控件ASP.NET HyperLink ImageUrl 属性ASP.NET HyperLink NavigateUrl 属性ASP.NET HyperLink Target 属性ASP.NET HyperLink Text 属性ASP.NET Image 控件ASP.NET Image AlternateText 属性ASP.NET Image ImageAlign 属性ASP.NET Image ImageUrl 属性ASP.NET ImageButton 控件ASP.NET ImageButton CausesValidation 属性ASP.NET ImageButton ValidationGroup 属性ASP.NET ImageButton PostBackUrl 属性ASP.NET ImageButton ValidationGroup 属性ASP.NET Label 控件ASP.NET LinkButton 控件ASP.NET LinkButton OnClientClick 属性ASP.NET LinkButton PostBackUrl 属性ASP.NET LinkButton Text 属性ASP.NET LinkButton ValidationGroup 属性ASP.NET ListBox 控件ASP.NET Rows 属性ASP.NET SelectionMode 属性ASP.NET ListItem 控件ASP.NET ListItem Enabled 属性ASP.NET ListItem Selected 属性ASP.NET ListItem Text 属性ASP.NET ListItem Value 属性ASP.NET Literal 控件ASP.NET Literal Text 属性ASP.NET Panel 控件ASP.NET Panel BackImageUrl 属性ASP.NET Panel DefaultButton 属性ASP.NET Panel Direction 属性ASP.NET Panel GroupingText 属性ASP.NET Panel HorizontalAlign 属性ASP.NET Panel ScrollBars 属性ASP.NET Panel Wrap 属性ASP.NET PlaceHolder 控件ASP.NET RadioButton 控件ASP.NET RadioButtonList 控件ASP.NET RadioButtonList CellPadding 属性ASP.NET RadioButtonList CellSpacing 属性ASP.NET RadioButtonList RepeatColumns 属性ASP.NET RadioButtonList RepeatDirection 属性ASP.NET RadioButtonList TextAlign 属性ASP.NET BulletedList BulletImageUrl 属性Web Forms - Web 服务器控件ASP.NET Table 控件ASP.NET BackImageUrl 属性ASP.NET Caption 属性ASP.NET CaptionAlign 属性ASP.NET CellPadding 属性ASP.NET CellSpacing 属性ASP.NET GridLines 属性ASP.NET HorizontalAlign 属性ASP.NET TableCell 控件ASP.NET TableCell ColumnSpan 属性ASP.NET TableCell HorizontalAlign 属性ASP.NET TableCell RowSpan 属性ASP.NET TableCell Text 属性ASP.NET TableCell Wrap 属性ASP.NET TableRow 控件ASP.NET TableRow HorizontalAlign 属性ASP.NET TableRow TableSection 属性ASP.NET TableRow VerticalAlign 属性ASP.NET TextBox 控件ASP.NET TextBox AutoCompleteType 属性ASP.NET TextBox AutoPostBack 属性ASP.NET TextBox Columns 属性ASP.NET TextBox MaxLength 属性ASP.NET TextBox ReadOnly 属性ASP.NET TextBox Rows 属性ASP.NET TextBox Text 属性ASP.NET TextBox TextMode 属性ASP.NET TextBox Wrap 属性ASP.NET XML 控件ASP.NET XML DocumentSource 属性Web Forms - Validation 服务器控件ASP.NET CompareValidator 控件ASP.NET CustomValidator 控件ASP.NET RangeValidator 控件ASP.NET RegularExpressionValidator 控件ASP.NET RequiredFieldValidator 控件ASP.NET ValidationSummary 控件ASP.NET BulletedList 控件ASP.NET BulletedList BulletStyle 属性ASP.NET BulletedList DisplayMode 属性ASP.NET BulletedList FirstBulletNumber 属性ASP.NET BulletedList Target 属性WP 参考手册Web Pages - 类Web Pages - WebSecurity 对象WebSecurity 属性 - CurrentUserIdWebSecurity 属性 -?CurrentUserNameWebSecurity 属性 - HasUserIdWebSecurity 属性 - IsAuthenticatedWebSecurity - ChangePassword()WebSecurity - ConfirmAccount()WebSecurity - CreateAccount()WebSecurity - CreateUserAndAccount()WebSecurity - GeneratePasswordResetToken()WebSecurity - GetCreateDate()WebSecurity - GetPasswordChangeDate()WebSecurity - GetUserId()WebSecurity - InitializeDatabaseConnection()WebSecurity - IsConfirmed()WebSecurity - IsCurrentUser()WebSecurity - Login()WebSecurity - Logout()WebSecurity - RequireAuthenticatedUser()WebSecurity - RequireRoles()WebSecurity - RequireUser()WebSecurity - ResetPassword()WebSecurity - UserExists()Web Pages - WebMail 对象Web Pages - 更多帮助器
文字

Razor - C# 和 VB 代码语法



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>
 

主要的 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>
 

它是如何工作的?

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)。下面实例演示了如何访问 Data 对象的一些属性:

实例

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

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>
 

读取用户输入

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

输入是通过 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>
 


上一篇:下一篇: