代码改变世界

MVC3-RAZOR尝鲜1

2010-12-04 18:23  撞破南墙  阅读(4419)  评论(6编辑  收藏  举报
目录
1 闲话ASP.NET MVC 3 beta

2 开工

    2.1目录结构

    2.2实现框架页

    2.2显示页面上的变量和control里的变量

    2.4 一些常用的webpages写法在razor中写法

3 激动人心的RAZOR

4 欢迎讨论其他的页面引擎 

  

1 闲话ASP.NET MVC 3 beta

不知道不觉MVC3更新了好几次了。。。因为一直在弄Silverlight的开发没有时间关注ASP.NET MVC.之前出preview 的时候就看了园子里的一些文章。

但是总觉得"不咋地",依赖注入早就有一套了,全局拦截器也就那么回事。。好像都没有对开发效率有太大的提升。。。(一己之见.目前正在学习MVC3BEAT的DI)。

除了RAZOR... 

好吧。 现在开始动手吧!

2开工 

2.1目录 

 

 在_ViewStart.cshtml中指定

StartPage.Layout 会在程序启动时,预先加载这个页面。

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

 

 2.2实现框架页

 _Layout.cshtml中

<!DOCTYPE html>
<html>
<head>
    
<title>@View.Title</title>
    
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />    
</head>
<body>
@*模板页*@
<div>
<fieldset>
    
<legend>Main</legend>
    @RenderBody()
</fieldset>
<fieldset>
    
<legend>底部footer</legend>
    
@RenderSection("footer" ); 
</fieldset>
</div>    
</body>
</html>

 

 @RenderBody() 呈现主体。

@RenderSection("footer" ); 呈现部分:如底部的版权。

在Index.cshtml中

 @section footer{ 

copyrght@@facingwaller

}

 

 2.3显示 view里的变量和显示control里的变量

   显示页面里定义的 

 

 显示控制器

  control里的定义:  

 

 view中的显示

 

2.4其他一些常用写法 

VIEW中 

<fieldset>
    页面上的变量 use view variable: @@variable=@variable
    
<br />
    来自控制器的 use Controller variable:@View.variable
    
<br />
    循环嵌套HTML Loops and Nested HTML Sample
    @foreach (var p in words) {
        
<big>@p ..</big>
    }
    
<br />
    使用if else
    @if (IsTrue) {
        
<b>@@IsTrue is @IsTrue</b>
    } else {
<b>@@IsTrue is @IsTrue</b>
    }
    
<br />
    多行代码
    @{
        var number = 1;
        var num2 = 2;    
}
    Multi-Token Statements 变量和字符串拼凑的语句 @(number + "number is " + number);
    
<br />
    HTML Encoding
    
<br />
@*以下没弄懂-望指教*@
    @if (true) {
        
<text> 
        hi it's razor<br />
        follow me ! I'm facingwaller
        </text>
        
<br />
       
<span>hi it's razor<br />
           follow me ! I'm facingwaller </span>
    } else {

    }
    
<br />
    Declarative HTML Helpers声明帮助方法
    @helper WordInText(string text) {
        
foreach (var p in text) {
        
<li>@p </li>
        }
}
    调用 @WordInText("ender")
   
</fieldset>

 

最终效果

 

 3激动人心的RAZOR

        尝鲜RAZOR这个页面引擎,感觉挺不错。

1 用@ 代替 该死的<% %>显然<,%,>都是非常难敲到的键位。

2 单行的@+变量的方式更加简洁。

3 提供了静态大量的helper方法。 

4 其Chart和grid的辅助方法让图表和表格更加容易生成比之前的contrib开源的那个表格生产类库更加来得人性化。

WebImage帮助创建图像,也包括基本的图像操作方法。这些以后我会继续体验和比较然后和大家分享。。。  

 

4 欢迎讨论其他的页面引擎

    还有话要说。目前我还没有看过RAZOR的源码也没有体验过其他的(除了webpages)页面引擎。

说的不好的地方请大家帮指出,也欢迎大家说说其他的页面引擎,特别是说说易用性,设计思想,开发效率和性能,让偶开开眼界。

 

 源码https://files.cnblogs.com/facingwaller/learn2UseRazor1-2.rar