欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

C# Razor 小笔记和某些细节

程序员文章站 2022-10-01 12:49:39
知识小结:C# 的主要 Razor 语法规则 Razor 代码封装于 @{ ... } 中 --多行代码需要包含在@{}中 行内表达式(变量和函数)以 @ 开头 --单独一条表达式如赋值、输出,只需要在开头加上@ 代码语句以分号结尾 --跟平常写代码一样,语法格式一致 字符串由引号包围 C# 代码对 ......

知识小结:c# 的主要 razor 语法规则

  • razor 代码封装于 @{ ... } 中            --多行代码需要包含在@{}中

 

<!-- 多行语句代码块 1 -->
@{
var greeting = "welcome to our site!";
var weekday = datetime.now.dayofweek;
var greetingmessage = greeting + " here in huston it is: " + weekday;
}

<!-- 多行语句代码块 2 -->
<ul>
@for (int i = 0; i < 100; i++)
{
i += 1;
<li>@i</li>
}

 

 

  • 行内表达式(变量和函数)以 @ 开头     --单独一条表达式如赋值、输出,只需要在开头加上@

 

<!-- 单行代码块 -->
@{ var mymessage =    "hello world"; }

<!-- 行内表达式或变量 -->
<p>the value of mymessage is: @mymessage</p> 

  • 代码语句以分号结尾                           --跟平常写代码一样,语法格式一致
  • 字符串由引号包围
  • c# 代码对大小写敏感
  • c# 文件的扩展名是 .cshtml

提示:

@{}中声明的变量是全局性的。

@var net = "从入门到放弃"; 是错误的写法,因为单行表达式不能有空格。请使用@{   var net = "从入门到放弃";}

razor代码可以放在html标签的任何位置,与标签结合一起,向用户呈现内容。

在多行代码块@{}中,如果只有c#代码语句,则无需在每一条语句前面加@,如知识小结的第一条。

多行语句块@{}中可以包含html标签,如果需要在html标签中使用代码,只需在某一部位加上 “@语句”格式的语句。

在"多行语句代码块 2"的示例中,直接使用了"@for{}",{}里面包含多行代码。在这里,for函数"for{}"里可以加入多行代码,与"@{}"一致。
除for函数外,if , if...else... , while等函数也能包含多行代码。