在asp.net MVC3中,引入了razor view engine , 更加方便,快捷的进行页面开发。
下面是razor的简单的语法信息:
一下文章转载自:http://www.cnblogs.com/highend/archive/2011/04/09/aspnet_mvc3_razor_engine.html
所有以 @开头 或 @{ /* 代码体 */ } (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理.
在 @{ /*代码体*/ } 内的代码每一行都必须以";"结束,如
@{
var i = 10;
var y = 20;
}
而 @xxx 则不需要以";"作为结束符,如
@i 输出 10
@y; 输出 20;
代码区内字母分大小写.
字符类型常量必须用""括起例如: @{ string str = "my string"; }
-注意-
如需要在页面输出”@”字符
可以使用HTML ASCII编码@
当然Razor也提供智能分析功能: 如果在@的前一个字符若是非空白字符,则ASP.NET不会对其进行处理
如:<p>text@i xx</p> 输出 text@i xx
单行语法:
@{ var I = 10; }
多行语法:
@{
var I = 10;
Var y = 20;
}
1. 使用局部变量,Razor不支持访问修饰符(public,private等,这个没任何意义)
在单行上定义局部变量
@{ var total = 7; }
@{ var myMessage = "Hello World";}
在多行上定义局部变量
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}
在上下文中使用变量
<
p
>
The value of your account is: @total </
p
>
<
p
>
The value of myMessage is: @myMessage</
p
>
注意
:
变量拼接输出
@{ var i = 10; }
<p>text @i text</p> 将输出 text 10 text
但是如果你想要输出 text10text 呢?
<
p
>
text@{@i}text</
p
>
即可
<
p
>
text@i text</
p
>
将输出 text@i text
<
p
>
text@itext</
p
>
将输出 text@itext
<
p
>
text @itext</
p
>
将报错
如果是输出的是变量的方法名则不需要用@{}括住也可生效,但注意在@字符前记得加空格
如:
<p>text @i.ToString()text</p>
使用变量对象可直接写: @var1 @var2 @myObject.xx
2. 使用逻辑处理
@{
if (xx)
{
//do something
}
else
{
//do anything
}
}
3. 在@{... }内部使用html标记
@{
<
p
>
text</
P
>
<
div
>
div1</
div
>
}
4. 在@{...}内部输出文本
利用@:进行单行输出:
@{
@:This is some text
@:This is text too
@:@i 也可输出变量
}
利用<text />进行多行输出:
@{
<
text
>
tomorrow is good
some girl is nice
</
text
>
}
5. 在@{...}内部使用注释
@{
//单行注释
var i = 10;
//defg
}
@* 多行注释 *@
@*
多行注释
多行注释
*@
@{
@*
多行注释
多行注释
*@
var i = 10; @* asdfasf *@
}
<!-- 同时也可以使用C#默认的/* ... */ -->
@{
/*
多行注释
*/
}
若在@{ ... }内部使用<!-- -->注释,则会输出到页面之中,如果在<!-- -->内部使用@变量,则会被处理
@{
<!-- time now: @DateTime.Now.ToString() -->
}
输出: <!-- time now: 4/9/2011 12:01 -->>
6. 类型转换
AsInt(), IsInt()
AsBool(),IsBool()
AsFloat(),IsFloat()
AsDecimal(),IsDecimal()
AsDateTime(),IsDateTime()
ToString()
例子:
@{
var i = “10”;
}
<
p
>
i = @i.AsInt() </
p
>
<!-- 输出 i = 10 -->
7. 使用循环
<!--方式1-->
@for (int i = 10; i <
11; i++)
{
@:@i
}
<!--方式2-->
@{
for (int i = 10; i <
11; i++)
{
//do something
}
}
分享到:
相关推荐
“邮政”是一个C#邮件模板库,它允许开发者使用ASP.NET视图引擎(View Engine)来创建和渲染电子邮件内容,使得电子邮件的样式和结构可以与网站的其他页面保持一致。本文将深入探讨如何使用Postal库在ASP.NET MVC...
同时,我们还将创建相应的视图模板,用HTML和Razor语法来展示数据。 Part 3将涉及数据库的交互,即使用LINQ进行数据操作。我们将创建数据访问层(DAL),在此处编写 LINQ 查询来执行CRUD操作。例如,`GetAllPosts()...
其中,剃刀视图引擎(Razor View Engine)以其简洁的语法和强大的功能,成为编写视图层的首选工具。本篇文章将深入探讨如何在MVC3的剃刀视图中有效地使用内置控件。 ### 一、了解Razor语法基础 Razor视图引擎的...
System.Mvc.dll库是这个框架的基础,提供了控制器(Controller)、视图(View)和模型(Model)之间交互所需的类和接口。 在System.Mvc.dll中,我们找到了关键类如Controller、ActionResult和ViewResult。...
Razor语法简洁,可以轻松地将C#代码嵌入到HTML中,方便渲染视图。 5. **AJAX**:为了提高用户体验,博客系统可能会使用AJAX(Asynchronous JavaScript and XML)实现异步更新,比如无刷新加载新评论、分页等。 6. ...
1. **C#基础**:了解C#语法,包括类、对象、方法、属性、事件等概念,是使用C# MVC的基础。同时,需要熟悉.NET Framework提供的各种服务和类库。 2. **MVC架构**:理解MVC模式的三个核心组成部分——模型(Model)...
5. **视图和模板**:在ASP.NET MVC中,视图是用户看到的页面部分,通常由Razor语法编写。Razor视图引擎允许开发者混合HTML和C#代码,创建动态网页。此外,还可以使用视图模版来实现页面布局的复用。 6. **路由**:...
ASP.NET还提供了razor语法,使得在视图层嵌入C#代码变得简单。 7. SEO优化:考虑到电子商务网站需要吸引搜索引擎,源码可能包含了SEO(Search Engine Optimization)友好的元素,如元标签、URL重写等。 8. 错误...
- **Razor Syntax Reference**:Razor 语法参考。 - **Layout**:布局的实现。 - **Working with Forms**:表单的处理。 - **HTML Helpers**:HTML 辅助函数的使用。 - **Tag Helpers**:标签辅助函数的介绍。 ...
开发者可以使用Razor语法来创建动态HTML页面,将数据从控制器传递到前端显示。 3. **控制器(Controllers)**:处理HTTP请求,调用业务逻辑,然后将结果返回给视图。在电子商务网站中,控制器可能会处理商品搜索、...