Razor基础语法简介

简介: 原文: Razor基础语法简介 Razor的出现,使页面看起更加简洁,Razor的页面后缀为:.cshtml Razor基础语法: 1、代码注释:       多行注释: @*注释信息*@      单行注释: // 注释 1、代码体{...} @{ var x=100; var y=100; string str="this is string"; } 在代码体中,没一行都需要用";"结束,代码区中,字母区分大小写。
原文: Razor基础语法简介

Razor的出现,使页面看起更加简洁,Razor的页面后缀为:.cshtml
Razor基础语法:
1、代码注释:
      多行注释: @*注释信息*@
     单行注释: // 注释

1、代码体{...}

@{	var x=100;
	var y=100;
	string str="this is string";
}

在代码体中,没一行都需要用";"结束,代码区中,字母区分大小写。字符类型常量必须用""括起来,


2、 由于asp.net引擎会检解析查每个已@开头的代码,除非@前包括非空白字符;如:<div>test@razor</div> 
这样输出的信息还是test@razor,这不会进行解析,页面输出@符合,可以用HTML中的ASCII编码&#64。


3、 在Razor中使用局部变量,进行上下文调用:

@{
var message="现在时间为:";
var time=DateTime.Now;
var outMessage=message+time;
}
<div>@outMessage </div> 

页面输出为:现在时间为:2011/12/14 20:26:13; 

4、字符拼接输出

    @{var cout=100;}
    <p>这是第 @count 个进球 </p>
页面输出:这是第 100 个进球

如果页面要输出:这是第100个进球
则调用方式则为:<p>这是第@{@count}个进球</p>,
如果直接用<p>这是第@count个进球</p>,页面将会直接输出:这是第@count个进球

如果输出的是变量的方法名:
<p>这是第@count.ToString()个进球</p>,则可以不用@{}标志

5、 在@{...}代码体中输出文字,需要用到@:,如下所示:
   @{
        var name="张三";
        @:你好:
        @:@name        
    }
页面输出:你好:张三

6、 逻辑代码处理

	@{
		if(true)
		{
			// do something;
		}
		else
		{
			// do something;
		}
	}


7、 在@{...}代码体内部使用html标记

@{
        <div>this is <span>test</span></div>
 }

 页面输出:this is test
 要进行多行输出时可用:
 @{
        <text>
        this first,
        this secend  
        </text>       
      }
  页面输出:this first, this secend 
 
8、 在@{...}内部使用注释
@{
    // 单行注释
    var mesage = "Now Time:";
    @* 
        当前时间
        输出当前时间
    *@ 
    
    /*
     *  使用C#中的
     *  注释
     */
    var time = DateTime.Now;

<!-- HTML注释-->
    var outMessage = mesage + time;
 }

9、 数据类型转换

      

    AsInt(), IsInt()
  AsBool(),IsBool()
  AsFloat(),IsFloat()
  AsDecimal(),IsDecimal()
  AsDateTime(),IsDateTime()
  ToString()

   @{
        var count = "100";
    }
    
    <p>count:@count.AsInt()</p>
	输出:count:100
    <p>@count.IsInt()</p>
	输出:True
	
    如果
	@{
              var count = "test";
	 }
    
    <p>count:@count.AsInt()</p>
	输出:count:0
    <p>@count.IsInt()</p>
	输出:False


即:AsInt() 如果转换不成功直接为0,IsInt返回Bool值,其他类似

10、循环使用

@{
        /* for循环使用 */
        for(int k=1;k<5;k++)
        {
            @:第 @k 个;
        }


        @*页面输出:第 1 个; 第 2 个; 第 3 个; 第 4 个; *@
        
        // foreach 使用
        var list =new List<string> { "one", "two", "three", "four" };
        foreach(var str in list)
        {
            @:@str;
        }
        @*页面输出:one; two; three; four; *@
        
        var flag=1;
        while(flag<5)
        { 
           @:第@{@flag}个; 
           flag++;
        }
         @*页面输出:第1个; 第2个; 第3个; 第4个; *@
}



     


目录
相关文章
|
7月前
|
前端开发 关系型数据库 开发工具
构建自己的MVC框架(Ruby语言实现)-- 开篇
构建自己的MVC框架(Ruby语言实现)-- 开篇
|
前端开发 网络架构
前端知识案例71-javascript基础语法-destructuring和rest
前端知识案例71-javascript基础语法-destructuring和rest
29 0
前端知识案例71-javascript基础语法-destructuring和rest
|
前端开发
前端知识案例4-javascript基础语法-开发环境配置
前端知识案例4-javascript基础语法-开发环境配置
26 0
前端知识案例4-javascript基础语法-开发环境配置
|
Web App开发 前端开发 JavaScript
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
|
存储 JavaScript 前端开发
【基础篇】JavaScript基础语法速览
【基础篇】JavaScript基础语法速览
【基础篇】JavaScript基础语法速览
|
存储 JavaScript 前端开发
【Web】JavaScript——基础语法入门篇(二)
JavaScript是什么 JavaScript 和 HTML 和 CSS 之间的关系 JavaScript 运行过程 JavaScript 的组成 JavaScript 的书写形式
【Web】JavaScript——基础语法入门篇(二)
|
Web App开发 存储 JavaScript
【Web】JavaScript——基础语法入门篇(一)
JavaScript是什么 JavaScript 和 HTML 和 CSS 之间的关系 JavaScript 运行过程 JavaScript 的组成 JavaScript 的书写形式
【Web】JavaScript——基础语法入门篇(一)
|
Web App开发 JavaScript 前端开发
|
Web App开发 JavaScript 前端开发
JavaScript 编程精解 中文第三版 十四、文档对象模型
十四、文档对象模型 原文:The Document Object Model 译者:飞龙 协议:CC BY-NC-SA 4.
1445 0
|
前端开发 JavaScript 编译器
JavaScript 编程精解 中文第三版 十二、项目:编程语言
十二、项目:编程语言 原文:Project: A Programming Language 译者:飞龙 协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译 部分参考了《JavaScript 编程精解(第 2 版)》 确定编程语言中的表达式含义的求值器只是另一个程序。
1217 0

热门文章

最新文章