ASP.NET MVC3 Razor视图引擎-基础语法

简介: I:ASP.NET MVC3在Visual Studio 2010中的变化   在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化。   1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!)。

I:ASP.NET MVC3在Visual Studio 2010中的变化

  在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化。

image

  1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!)。

  2.默认MVC3模板项目已集成

image

  3.全新的Razor视图引擎

@{
ViewBag.Title = "Home Page";
}

< h2 > @ViewBag.Message </ h2 >
< p >
To learn more about ASP.NET MVC visit
< a href ="http://asp.net/mvc" title ="ASP.NET MVC Website" >
http://asp.net/mvc
</ a > .
@ServerInfo.GetHtml()
</ p >
4. 关于所有带"_"开头的文档

  ASP.NET 4默认情况下会拒绝所有访问地址以"_"开头的_*.cshtml文档.关于*.cshtml文档,其实他是WebMatrix的一部分,稍后将会详细介绍该以"_"文档的使用说明。

  例如访问 http://localhost:7985/_ViewPage1.cshtml。

image

  II:Razor视图引擎-基础语法

  -基础-

  所有以 @开头 或 @{ /* 代码体 */ }  (在@与{直接不得添加任何空格) 的部分代码都会被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
}
}
<!--while同理--
>

  到此结束!呼呼。

学习交流群:364976091
相关文章
|
7月前
|
设计模式 存储 前端开发
MVC(模型-视图-控制器)是一种在Web应用程序开发中广泛使用的软件设计模式
【5月更文挑战第12天】MVC模式是Web应用开发中的常见设计模式,将逻辑、数据和界面分离,提升代码可维护性和重用性。模型处理数据逻辑,视图展示数据,控制器协调用户输入与模型视图交互。优点包括代码分离、易维护、可扩展和组件重用,促进高效灵活的开发。
69 2
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
48 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
75 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
56 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
4月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
143 0
|
7月前
|
前端开发 Java Spring
数据之桥:深入Spring MVC中传递数据给视图的实用指南
数据之桥:深入Spring MVC中传递数据给视图的实用指南
97 3
|
7月前
|
缓存 前端开发 Java
视图映射掌握:解析Spring MVC视图解析器的全方位指南
视图映射掌握:解析Spring MVC视图解析器的全方位指南
165 1
|
7月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
84 0
|
7月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
212 0

相关实验场景

更多
下一篇
DataWorks