对于内容型，不易变动的东西我们都希望给它来个静态化，还有种情况就是比如新浪云不支持.net，为了能跑起我们的网站，

只能放些静态页面上面，外加jsonp来实现交互，我们知道.net中有很多模板引擎，但都不是原装的，所以基本都没有代码提示，

用起来比较不爽，自razor出来后，私活中也抛弃了原先使用的NVelocity，而采用原装的razor。

好了，我们先看看怎么玩，首先我们去codeplex上下两个dll。http://razorengine.codeplex.com/

我想razor语法，大家都已经滚瓜烂熟了，不过我快一年都没接触mvc了，也忘了差不多了，就简单介绍一些吧~~~

一般来说，只要razor支持四样特性，80%的功能都可以完成。

一：简单的占位符替换

由于太简单了，就不花力气从cshtml文件中读取了，而用字符串替代。

。

怎么样，简单的占位符替换是不是很简单，比那些{0},{1}是不是更有语意化一些~

二：能实现的if，foreach等流程控制语句

先看看在模板中怎么玩，最最关键的是有代码提示，完完全全是我们熟悉的C#语法

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="utf-8" />

     @* 看看if语句怎么玩 *@

     @if (DateTime.Now.Hour == 23)

     {

         <title>你好，现在是午夜</title>

     }

     else

     {

         <title>现在时间是:@DateTime.Now.ToString()</title>

     }

 </head>

 <body>

     <ul>

         @* 看看foreach语句怎么玩 *@

         @foreach (var item in @Model.StudentList)

         {

             <li>@item.Name</li>

         }

     </ul>

 </body>

 </html>

再看看后台C#代码

   class Program

     {

         static void Main(string[] args)

         {

             string path1 = Environment.CurrentDirectory + "../../../index.cshtml";

             var index = System.IO.File.ReadAllText(path1, Encoding.GetEncoding("GBK"));

             var list = new List<Student>()

             {

                  new Student(){ Name="张三" },

                  new Student(){ Name="李四" },

                  new Student(){ Name="王五" },

             };

             var result = Razor.Parse(index, new { StudentList = list });

         }

     }

     public class Student

     {

         public string Name { get; set; }

     }

然后我们看看生成的文本，嘿嘿，是不是找到了写mvc的感觉呢

三：添加自定义方法

在静态化中，添加自定义方法也是非常实用的一项功能，razor实现起来也很简单，我们可以重写原有的TemplateBase类

来实现我们自定义的类，然后加上一些我们自定义的方法即可~

     /// <summary>

     /// 自定义razor原有模板，增加一些自定义的全局方法

     /// </summary>

     /// <typeparam name="T"></typeparam>

     public abstract class MyCustomTemplateBase<T> : TemplateBase<T>

     {

         public string MyUpper(string name)

         {

             return name.ToUpper();

         }

     }

这里实现个简单的“大写化”方法，很简单，然后使用  Razor.SetTemplateBase(typeof(MyCustomTemplateBase<>))进行设置。

         static void Main(string[] args)

         {

             Razor.SetTemplateBase(typeof(MyCustomTemplateBase<>));

             string index_path = Environment.CurrentDirectory + "../../../index.cshtml";

             //index内容

             var index = System.IO.File.ReadAllText(index_path, Encoding.GetEncoding("GBK"));

             var result = Razor.Parse(index, new { Name = "ctrip" });

         }

再看看我们前端的index.cshtml中定义

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="utf-8" />

     <title>hello</title>

 </head>

 <body>

     @MyUpper(Model.Name)

 </body>

 </html>

大功搞成，看看效果。

四：文件嵌套

　我们知道页面一般都有公共的东西，比如头部，尾部，导航等等，只可惜的是在razor中是不支持layout的，而是使用razor

给我们提供的include加上后台的Compile预编译方法。

第一步：定义一个header.cshtml模板文件

第二步：定义个index.cshtml模板文件，然后在heder区域中用include定义起来，第一个参数Header是给Header.cshtml

　　     的命名，Model是作为Header.cshtml中的实体参数。

第三步： 分别读取header.cshtml和index.cshtml中的内容，将前者编译成一个变量Header。

     class Program

     {

         static void Main(string[] args)

         {

             //header文件的路径

             string header_path = Environment.CurrentDirectory + "../../../header.cshtml";

             //index文件的路径

             string index_path = Environment.CurrentDirectory + "../../../index.cshtml";

             //header内容

             var header = System.IO.File.ReadAllText(header_path, Encoding.GetEncoding("GBK"));

             //index内容

             var index = System.IO.File.ReadAllText(index_path, Encoding.GetEncoding("GBK"));

             //将header.cshtml内容预变成为header变量，对应到index.cshtml中的include

             Razor.Compile(header, "Header");

             var list = new List<Student>()

             {

                  new Student(){ Name="张三" },

                  new Student(){ Name="李四" },

                  new Student(){ Name="王五" },

             };

             var result = Razor.Parse(index, new { Name = "我的测试页面", StudentList = list });

         }

     }

     public class Student

     {

         public string Name { get; set; }

     }

好了，如果掌握了上面四样基本功能，现在你也可以用razor实战到自己的静态化中去啦o(∩_∩)o

抛弃NVelocity，来玩玩Razor的更多相关文章

  1. Razor - 模板引擎 / 代码生成 - RazorEngine

    目录 Brief Authors Official Website RazorEngine 的原理 - 官方解释 安装记录 Supported Syntax (默认实现支持的语法) 测试记录 - ca ...

  2. Razon模板

    转:http://www.cnblogs.com/huangxincheng/p/3644313.html 随笔- 119 文章- 0 评论- 2039 抛弃NVelocity,来玩玩Razor   ...

  3. c#项目架构搭建经验

    读过.Net项目中感觉代码写的不错(备注1)有:bbsMax(可惜唧唧喳喳鸟像消失了一样),Umbraco(国外开源的cms项目),Kooboo(国内做开源cms).本人狭隘,读的代码不多,范围也不广 ...

  4. 用Razor語法寫範本-RazorEngine組件介紹【转——非常好，可以用它来代替NVelocity】

    RazorEngine 官網網址:http://razorengine.codeplex.com 在找到RazorEngine之前曾經想過其他的方案,如T4與V8 Engine載jquery.temp ...

  5. ASP.Net MVC开发基础学习笔记：三、Razor视图引擎、控制器与路由机制学习

    一.天降神器“剃须刀” — Razor视图引擎 1.1 千呼万唤始出来的MVC3.0 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留 ...

  6. .NET Mvc Razor也可以这样玩！

    忙碌的工作总是占据了生活的大部分的时间!所以我的博客到现在还是寥寥的几篇文章,技术是用来分享和学习的,对技术有不同的见解,大家都可以分享下,如果如下文章有问题之处请各位指出来,在这个闲下来的时间给大家 ...

  7. ASP.Net MVC开发基础学习笔记（3）：Razor视图引擎、控制器与路由机制学习

    一.天降神器“剃须刀” — Razor视图引擎 1.1 千呼万唤始出来的MVC3.0 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留 ...

  8. Razor 在WebApp 框架的运用

    前面有两章介绍了WebApp框架<WebApp MVC,“不一样”的轻量级互联网应用程序开发框架>和<WebApp MVC 框架的开发细节归纳>,其中视图引擎是用的Nveloc ...

  9. MVC Razor模板引擎输出HTML或者生产HTML文件

    以前做CMS的时候都会根据模板来生成输出HTML或者生成HTML文件. 常用的引擎有VTemplate.NVelocity等等,这个我就布做介绍了. 这里我想说的是.当mvc出现Razor模板引擎的时 ...

随机推荐

  1. LeetCode123:Best Time to Buy and Sell Stock III

    题目: Say you have an array for which the ith element is the price of a given stock on day i. Design a ...

  2. Note: This element neither has attached source nor attached Javadoc and hence no Javadoc could be found.

    在Eclipse中开发Android项目时,鼠标停放在想要查看帮助文档的类上面,发现没有显示帮助文档,显示了下面一句话: Note: This element neither has attached ...

  3. JS中跨域和沙箱的解析

    先来直接分析源码,如下: <!DOCTYPE HTML><html><head> <meta charset="UTF-8"/> & ...

  4. 放弃OT了，找了个新框架ThinkCMF

    放弃OT了,找了个新框架ThinkCMF,感觉还不错,用用看. 选择OT的原因: 1. OT基于ThinkPHP 2. OT对ThinkPHP进行了封装,使得开发应用更加简单 3. yershop应用 ...

  5. 设计3D标签

    java自带的Label太枯燥了,真是拿不出手啊. 所以,我们要设计3D标签!! 看看下面这张图 原理 看看这图,可以看到哈哈有三种颜色:白色.黑色和灰色 实现的时候并不像PS那样,按几个按钮就O了 ...

  6. css知多少（7）——盒子模型

    1. 引言 从这一节开始,我们就进入本系列的第三部分——css呈现.本部分将描述css在页面的几种布局和呈现的特性.包括两类:文字.块. 第一类——文字.这部分相对比较简单一些,例如设置字号.字体.颜 ...

  7. Tab切换类型

    Tab切换类型 点击Tab 滑过Tab 延迟Tab CSS样式 ; ; list-style:none; font-size:12px;} .notice{width:298px; height:98 ...

  8. ArcGIS Server 开发之鹰眼地图的实现

    鹰眼简单点说就是地图的联动,鹰眼的全称是OverviewMap,在ERSI提供的API包中,在dijit中进行类的调用.查了很多的资料,总结一下: 具体的代码: <!DOCTYPE html&g ...

  9. C#如何根据配置实现动态窗体

    本文主要讲述如何根据UI配置来动态生成控件, 并添加到窗体上来构建UI窗体,当用户在每个控件上完成输入操作后,程序通过遍历控件并用拼接字符串的方式动态生成Insert SQL语句,进而实现了将UI上的 ...

  10. JS Nice – JavaScript 代码美化和格式化工具

    JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具.它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎.JSNice 采用先进的机器学习和程序分析技 ...