• MVC3RAZOR尝鲜1


    目录
    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

  • 相关阅读:
    小程序官方请求封装
    小程序天/小时/分秒倒计时封装
    小程序不定数量左右滑动中间放大轮播图效果
    小程序换行符检测换行
    小程序点击图片重新排序写法
    基于webuploader.js的单图片上传封装
    VMware Fusion 11 序列号
    Ionic 4 beta + Capacitor beta 尝鲜
    C语言学习笔记之动态分配数组空间
    C语言学习笔记之获取文件长度
  • 原文地址:https://www.cnblogs.com/facingwaller/p/first_time_to_use_razor_in_mvc3.html
Copyright © 2020-2023  润新知