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

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

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

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

  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。

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

ASP.NET MVC3 Razor视图引擎-基础语法的更多相关文章

  1. (转)ASP.NET MVC3 Razor视图引擎-基础语法

    转自:http://kb.cnblogs.com/page/96883/ I:ASP.NET MVC3在Visual Studio 2010中的变化 在VS2010中新建一个MVC3项目可以看出与以往 ...

  2. ASP.NET MVC3 系列教程 - Razor视图引擎基础语法

    http://www.cnblogs.com/highend/archive/2011/04/09/aspnet_mvc3_razor_engine.html 4. 关于所有带"_" ...

  3. Razor视图引擎基础语法

    在VS2010中新建一个MVC3项目可以看出与以往的MVC2发生了很明显的变化 1.ASP.NET MVC3必要的运行环境为.NET 4.0 (想在3.5用MVC3,没门!) 2.默认MVC3模板项目 ...

  4. Razor视图引擎-基础语法

    所有以 @开头 或 @{ /* 代码体 */ }  (在@与{直接不得添加任何空格) 的部分代码都会被ASP.NET引擎进行处理. 在 @{ /*代码体*/ } 内的代码每一行都必须以";& ...

  5. ASP.NET MVC 3 Razor 视图引擎 基本语法

    本篇博文将进入MVC 3 的世界了,首先学习一下MVC 3 新增的Razor视图引擎的基本语法. 1. 使用 @ 字符将代码添加到页面中.正如传统的aspx视图的<% %>相同.      ...

  6. ASP.NET MVC Razor视图引擎攻略

    --引子 看下面一段MVC 2.0的代码. <%if (Model != null){%> <p><%=Model%></p><%}%>&l ...

  7. ASP.NET MVC——Razor视图引擎

    Razor是MVC框架视图引擎,我们今天就来说一说Razor视图引擎. 首先还是来创建一个基础项目叫Razor来演示. 先来定义一个Model叫Product public class Product ...

  8. MVC3 Razor视图引擎的基础语法

    好久没有关注微软的开发了,今天看到了MVC3,顺便学习学习,我觉得Razor是个不错的做法,比使用<%%>简单多了,而且好看.首先“_”开头的cshtml文档将不能在服务器上访问,和asp ...

  9. ASP.NET/C# Razor视图引擎深入浅出

    在ASPX中我们使用 <% %>在里面编写C#代码在Razor中我们将会使用@{}编写C#代码1.基础——@+属性显示计算1+2的值:<span>1+2=@(1+2)</ ...

随机推荐

  1. 几个学习Maven不错的网址

    几个学习Maven不错的网址:---------------------------------------------------1.Maven官方网站 http://maven.apache.or ...

  2. kvm 存储

    1,virt-install --connect qemu:///system --name web01_lvm --ram 1024 --vcpus=1 --disk=/dev/vg_lvm/web ...

  3. distributor之Interrupt Set/Clear-Active Registers, GICD_IS/CACTIVERn

    set active寄存器.顾名思义就是把一个中断置为active状态,clear active寄存器就是清除active状态,在这里我们有必要说明一下中断状态的一些概念: active状态:假设此时 ...

  4. Jquery $.extend的重载方法详述

    1 $.extend(result,item1,item2,item3,........)  -这个重载方法主要是用来合并,将所有的参数都合并到result中,并返回result,但是这样会破坏res ...

  5. Spring学习之注入方式

    我们知道,Spring对象属性的注入方式有两种:设值注入和构造注入. 假设有个类为People,该对象包含三个属性,name和school还有age,这些属性都有各自的setter和getter方法, ...

  6. OptiScroll 公共例子(只修改了滚动条颜色)

    地址:https://github.com/wilsonfletcher/Optiscroll <!DOCTYPE html> <html> <head> < ...

  7. 5.4.3 RegExp构造函数属性

    RegExp构造函数包含一些属性(这些属性在其他语言中被看成是静态属性).这些属性适用于作用域中的所有正则表达式,并且基于所执行的最近一次正则表达式操作而变化.关于这些属性的另一个独特之处,就是可以通 ...

  8. 使用 Sublime Text 3 开发 React

    下载, 安装, 破解就不用说了, 直接进主题: 1, 安装Package Control 默认的Sublime 3中没有Package Control,要进行安装之后才能用这个去安装其他的插件. 简单 ...

  9. shell学习-读取输入

    功能:读取输入,打印:如果长度小于MINLEN,那么输出空格. #!/bin/bash # paragraph-space.sh # Insert a blank line between parag ...

  10. Sublime 编辑器主题

    Sublime主题分为两种 一种是编辑框中的代码的颜色  另一种是编辑器本身的颜色(不只是颜色哟  Sublime编辑器左边侧边栏的字很小对不对 !有了主题就可以改) 这个主题叫做Soda  http ...