Razor简介

Razor是ASP.NET新增的一个视图引擎，由微软全球最年轻的副总裁，有着"ASP.NET之父"称呼的Scott Guthrie主导的团队开发。

主导Razor开发的Scott Guthrie,毕业于美国杜克大学。现任微软云计算与企业级产品工程部执行副总裁。

Razor对传统aspx页面的写法和页面渲染能力提出了反思，所以它在代码书写和HTML生成方面都进行了优化。Rzaor的设计目标遵循以下几点：

a). 尽量减少代码

b). 上手快，只需要现有的编程语言和基本的HTML知识

c). 可以使用记事本编写

d). 便于单元测试

Rzaor视图引擎页面以.cshtml(或.vbhtml)文件后缀结尾，是ASP.NET MVC 5默认使用的页面展现形式。

Razor与.aspx视图引擎对比

为了有一个直观的认识，我们先来看一个简单的用户管理页面的实现：

假定上图的页面呈现效果就是我们的最终目标。先来看Razor实现的页面：

  1. @{
  2.     Layout = null;
  3. }
  4.  
  5. @model IEnumerable<MVC5Demo.Models.UserInfoViewModel>
  6.  
  7. <!DOCTYPE html>
  8.  
  9. <html>
  10. <head>
  11.     <meta name="viewport" content="width=device-width" />
  12.     <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
  13.     <title></title>
  14. </head>
  15. <body>
  16.     <div>
  17.         @Html.ActionLink("新增", "Add", "UserInfo")
  18.         <hr />
  19.         <h3>用户信息列表</h3>
  20.         <div class="table-responsive">
  21.             <table class="table table-striped table-bordered">
  22.                 <thead>
  23.                     <tr>
  24.                         <th>姓名</th>
  25.                         <th>性别</th>
  26.                         <th>年龄</th>
  27.                         <th>部门</th>
  28.                         <th>操作</th>
  29.                     </tr>
  30.                 </thead>
  31.                 <tbody>
  32.                     @foreach (var item in Model) {
  33.                     <tr>
  34.                         <td>@Html.DisplayFor(p => item.UserName)</td>
  35.                         <td>@(item.Sex ==  ? "女" : "男")</td>
  36.                         <td>@Html.DisplayFor(p => item.Age)</td>
  37.                         <td>@Html.DisplayFor(p => item.Dept)</td>
  38.                         <td>@Html.ActionLink("编辑", "Edit", "UserInfo", new { id=item.UserID.ToString() },null) @Html.ActionLink("删除", "Delete", "UserInfo", new { id = item.UserID.ToString() }, new { onclick="return confirm('确认删除"+item.UserName+"的记录？');" })</td>
  39.                     </tr>
  40.                     }
  41.                 </tbody>
  42.             </table>
  43.         </div>
  44.  
  45.     </div>
  46. </body>
  47. </html>

同时贴出传统aspx页面的代码(注：样式代码部分省略)：

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MVC5Demo.WebForms.UserInfo.WebForm1" %>
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head runat="server">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  8.     <title></title>
  9. </head>
  10. <body>
  11.     <form id="form1" runat="server">
  12.         <asp:LinkButton runat="server" Text="新增" PostBackUrl="~/add.aspx" />
  13.     <div style="height: 267px">
  14.         <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" >
  15.             <Columns>
  16.                 <asp:BoundField DataField="UserName" HeaderText="姓名" />
  17.                 <asp:BoundField DataField="Sex" HeaderText="性别" />
  18.                 <asp:BoundField DataField="Age" HeaderText="年龄" />
  19.                 <asp:BoundField DataField="Dept" HeaderText="部门" />
  20.                 <asp:CommandField HeaderText="编辑" ShowEditButton="true" />
  21.                 <asp:CommandField HeaderText="删除" ShowDeleteButton="true" />
  22.             </Columns>
  23.         </asp:GridView>
  24.     </div>
  25.     </form>
  26. </body>
  27. </html>

站在Razor的角度，

与传统aspx页面实现的代码不同，主要是以下几点：

1. 没有使用"GridView" 服务器控件(或者说没有这样的控件可以使用)；

2. 使用@符号代替<%= %>来访问服务器代码；

3. 使用MVC提供的HTML辅助函数来渲染页面(代替服务器控件形式)；

4. 其他不同点(如页头)。

可以看到，Razor的页面处理更"精细",在页面展示上有点类似jsp(或者说回到了asp?)，你需要具备基本的HTML知识(如画Table)，因为"视图设计器","服务器控件"这些你曾经熟悉的东西，"不存在"了。

我们再来看看两种视图引擎生成的HTML源代码的差异。先来看Razor页面生成的HTML：

  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.     <meta name="viewport" content="width=device-width" />
  6.     <link href="/Content/bootstrap.min.css" rel="stylesheet" />
  7.     <title></title>
  8. </head>
  9. <body>
  10.     <div>
  11.         <a href="/UserInfo/Add">新增</a>
  12.         <hr />
  13.         <h3>用户信息列表</h3>
  14.         <div class="table-responsive">
  15.             <table class="table table-striped table-bordered">
  16.                 <thead>
  17.                     <tr>
  18.                         <th>姓名</th>
  19.                         <th>性别</th>
  20.                         <th>年龄</th>
  21.                         <th>部门</th>
  22.                         <th>操作</th>
  23.                     </tr>
  24.                 </thead>
  25.                 <tbody>
  26.                     <tr>
  27.                         <td>lili</td>
  28.                         <td>女</td>
  29.                         <td>22</td>
  30.                         <td>Human Resource</td>
  31.                         <td><a href="/UserInfo/Edit/e92cfb5c-e81a-4cfc-9d85-1bc77f9fab75">编辑</a> <a href="/UserInfo/Delete/e92cfb5c-e81a-4cfc-9d85-1bc77f9fab75" onclick="return confirm('确认删除lili的记录？');">删除</a></td>
  32.                     </tr>
  33.                     <tr>
  34.                         <td>zhangsan</td>
  35.                         <td>女</td>
  36.                         <td>0</td>
  37.                         <td>Resource</td>
  38.                         <td><a href="/UserInfo/Edit/e4b9c9f2-afd4-45f4-bb3d-1ca2c91642b3">编辑</a> <a href="/UserInfo/Delete/e4b9c9f2-afd4-45f4-bb3d-1ca2c91642b3" onclick="return confirm('确认删除zhangsan的记录？');">删除</a></td>
  39.                     </tr>
  40.                     <tr>
  41.                         <td>hangwei</td>
  42.                         <td>男</td>
  43.                         <td>26</td>
  44.                         <td>Technology</td>
  45.                         <td><a href="/UserInfo/Edit/3fdc971a-20c0-4016-b09b-703db265e972">编辑</a> <a href="/UserInfo/Delete/3fdc971a-20c0-4016-b09b-703db265e972" onclick="return confirm('确认删除hangwei的记录？');">删除</a></td>
  46.                     </tr>
  47.                     <tr>
  48.                         <td>xiaoya</td>
  49.                         <td>女</td>
  50.                         <td>20</td>
  51.                         <td>Human Resource</td>
  52.                         <td><a href="/UserInfo/Edit/64bb557a-0eae-4554-8258-99412f4a0c78">编辑</a> <a href="/UserInfo/Delete/64bb557a-0eae-4554-8258-99412f4a0c78" onclick="return confirm('确认删除xiaoya的记录？');">删除</a></td>
  53.                     </tr>
  54.                     <tr>
  55.                         <td>lulu</td>
  56.                         <td>女</td>
  57.                         <td>19</td>
  58.                         <td>public relation</td>
  59.                         <td><a href="/UserInfo/Edit/d2da9745-8423-468d-b16c-a5f1e220228b">编辑</a> <a href="/UserInfo/Delete/d2da9745-8423-468d-b16c-a5f1e220228b" onclick="return confirm('确认删除lulu的记录？');">删除</a></td>
  60.                     </tr>
  61.                 </tbody>
  62.             </table>
  63.         </div>
  64.  
  65.     </div>
  66.  
  67. <!-- Visual Studio Browser Link -->
  68. <script type="application/json" id="__browserLink_initializationData">
  69.     {"appName":"InternetExplorer","requestId":"e66859a98d6d44589621dafbc30ed07b"}
  70. </script>
  71. <script type="text/javascript" src="http://localhost:38131/ed029686c8c448a4ad16768559cf6138/browserLink" async="async"></script>
  72. <!-- End Browser Link -->
  73.  
  74. </body>
  75. </html>

总的来说，非常"干净"。跟Razor书写的代码几乎一样。再来看aspx页面生成的HTML：

  1. <!DOCTYPE html>
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
  5.  
  6. </title></head>
  7. <body>
  8.     <form method="post" action="WebForm1.aspx" id="form1">
  9. <div class="aspNetHidden">
  10. <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
  11. <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
  12. <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="dGzszrXmAWyS03LAAgn9Mu1+oe52zJZWXOwK8eBrCoGaaS/NrVfZYEyrJvwBzrLQUvloUdjMnLIMY6ou+eUPBQzAbrXsu1pxuWUlqErhvIGpI/ZFKrtfWqhpA1Eh5Dwn8ITIgsK9q4FP+qZ7dHk7EdtIwrvR4JHcwaBwS1jc17WIRdeeMDIfC3/Bo4fED1739IKFjjnc6Wo+8LjZ/gvo/NY3Z6aKjdPrOd7Kaiali/xL8TvA6q51KDyb0xn+FIOs4gKtotrzhfrB6mjRlgSU9VRv/V8vghdES0qtH7zRBNgUK+APeUNrdWvbS/bdNbtOqmmyAAUhj+UxB98lP1Uq2/6GwNKdUhcqfPyB1tFVGKtASLQnSRyvhMHReAn6SlMFGbr/Iks8DG2ZGHpe9+9walyoEwkYSO3HwbJx8ZwYilUuAPnaXm9PhtrBmfKS+JWln9qPTz5Ene1+cfRMo/JrOv9PHE7geq5apg5XbqEONnHMRp5gf6foGSUozbmkjEPrqtVal8cmVMyLYFXmegRS0QNhyUxf9MW4O392d0FnpCqWomY6iX7f1Zufd8rfAA6/shzOd4tKmHr+aDnXjeEjVuPn4MAQj7F2SAKonTwn7MbHpStwqggpax6ouj9Rv1F2Apew7oe6RTcf4jD1PGneseg32CVZlgtDO/jU38wW8Ot56dqayPEq6WNXUPbyJ/jUbT4bKWcN7TllXjdBfIiqo5puP4ZFkK1Jeeeah7oScwU=" />
  13. </div>
  14.  
  15. <script type="text/javascript">
  16. //<![CDATA[
  17. var theForm = document.forms['form1'];
  18. if (!theForm) {
  19.     theForm = document.form1;
  20. }
  21. function __doPostBack(eventTarget, eventArgument) {
  22.     if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
  23.         theForm.__EVENTTARGET.value = eventTarget;
  24.         theForm.__EVENTARGUMENT.value = eventArgument;
  25.         theForm.submit();
  26.     }
  27. }
  28. //]]>
  29. </script>
  30.  
  31. <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZPjjg_3PjzXOZ2RR84591qrPEBSFqiIUM7TmWtTTY9Q7RVnJXgsOCIupr1tET1vQvA2&amp;t=635586541120000000" type="text/javascript"></script>
  32.  
  33.         <a href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl03&quot;, &quot;&quot;, false, &quot;&quot;, &quot;../add.aspx&quot;, false, true))">新增</a>
  34.     <div style="height: 267px">
  35.         <div>
  36.     <table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">
  37.         <tr>
  38.             <th scope="col">姓名</th><th scope="col">性别</th><th scope="col">年龄</th><th scope="col">部门</th><th scope="col">编辑</th><th scope="col">删除</th>
  39.         </tr><tr>
  40.             <td>lili</td><td>0</td><td>22</td><td>Human Resource</td><td><a href="javascript:__doPostBack('GridView1','Edit$0')">编辑</a></td><td><a href="javascript:__doPostBack('GridView1','Delete$0')">删除</a></td>
  41.         </tr><tr>
  42.             <td>zhangsan</td><td>0</td><td>0</td><td>Resource</td><td><a href="javascript:__doPostBack('GridView1','Edit$1')">编辑</a></td><td><a href="javascript:__doPostBack('GridView1','Delete$1')">删除</a></td>
  43.         </tr><tr>
  44.             <td>hangwei</td><td>1</td><td>26</td><td>Technology</td><td><a href="javascript:__doPostBack('GridView1','Edit$2')">编辑</a></td><td><a href="javascript:__doPostBack('GridView1','Delete$2')">删除</a></td>
  45.         </tr><tr>
  46.             <td>xiaoya</td><td>0</td><td>20</td><td>Human Resource</td><td><a href="javascript:__doPostBack('GridView1','Edit$3')">编辑</a></td><td><a href="javascript:__doPostBack('GridView1','Delete$3')">删除</a></td>
  47.         </tr><tr>
  48.             <td>lulu</td><td>0</td><td>19</td><td>public relation</td><td><a href="javascript:__doPostBack('GridView1','Edit$4')">编辑</a></td><td><a href="javascript:__doPostBack('GridView1','Delete$4')">删除</a></td>
  49.         </tr>
  50.     </table>
  51. </div>
  52.     </div>
  53.  
  54. <div class="aspNetHidden">
  55.  
  56.     <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="B24E7CB3" />
  57.     <input type="hidden" name="__PREVIOUSPAGE" id="__PREVIOUSPAGE" value="cLskMNrn93I_KrBWtzNjrdnU4nEVf6xwwXS72kJcSzZSQTv9se1ft7fisMnkWVQ7Z1_Y9_pWYR72hqYsEfzaCrwR6i_KuWzhFn_wlzM3p741" />
  58.     <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="9sDy55QrEe0ZfiQhGKNvPEncESgVyis86+m/35or5jtV71SyrczxxZtNqnclLUIYCY9SxVMVhFTtH6/dC1a0JcJVCXr3M2w7+s4NlG+yZzYeecp4VCuGddyDMFStphryD6ncUMbxyJg5pLmFN56lo48qLRH9fBpud2tV4CyA4R1XsSIq6tmqduRgR43l/GP82S6BAn8w8pjMhqiw93soSt1S0Rt+QbNzDL/3mcJBpwn+yFK5gF0DuOly6Bb3OAv5HFp90N/rFDjogMMY+eHhOx97R/7BKXyqfyhKG3wg0H2ek4zQlKVhzC7KwX56hq1rD5SrQpg+u0qTdaxkZsOKuw==" />
  59. </div></form>
  60.  
  61. <!-- Visual Studio Browser Link -->
  62. <script type="application/json" id="__browserLink_initializationData">
  63.     {"appName":"InternetExplorer","requestId":"20a0a7414285497caad40f738f0947ce"}
  64. </script>
  65. <script type="text/javascript" src="http://localhost:38131/ed029686c8c448a4ad16768559cf6138/browserLink" async="async"></script>
  66. <!-- End Browser Link -->
  67.  
  68. </body>
  69. </html>

直观的，多了些"ViewState"。以上对比是不是就能说明MVC从性能和书写方面比WebForms好呢？

关于这点，首先注意Razor介绍里，Razor是一个独立的渲染引擎。至今为止没有专业的团队从性能的角度去测试它和WebForms的区别并给出实际结果的(估计结果相差不大)。其次，我个人比较赞同老赵的观点(为WebForms说几句话)，高性能Web应用程序大多与具体所用的实现技术无关。MVC和WebForms各有各的好处和适合的应用场景，一味的压低WebForms抬高MVC，有种跟风和墙头草嫌疑。

Razor语法

1). @标示符

@符号表示Razor代码块的开始，无需像WebForms那样，加'%>'表示结束。Razor会自动从@符号的右边开始，判断哪些是后台代码，哪些是前台HTML。

2). 普通输出

如在.cshtml文件中，输入下面的代码：

  1. @DateTime.Now;

前台会显示什么呢？如下图：

前台显示 时间+";"(注意这个分号)，在单语句@符号后，进行代码书写，是不需要加分号的，加分号会被当做HTML文本来输出到前台。

     如果进行代码和文本混合编写，可以这样：

  1. 时间 @DateTime.Now 星期: @DateTime.Now.DayOfWeek

文本和Razor代码，中间加空格，这样视图引擎就可以判定@后是代码部分。

关于文本和代码混合，还有一种简单的方式：

  1. @("today is :" + DateTime.Now.Year + "year.")

使用@()，来进行多符号语句输出。

3). 在语句块中输出

语句块，使用@{}来表示一段代码。

  1.         @{
  2.             @DateTime.Now.Month;
  3.             <br />
  4.             <label>块中变量输出：</label>
  5.             int x = ;
  6.             @x;
  7.         }

在语句块中，需要注意的是：

a. 使用@符号进行输出，并且由于块中遵循C#代码机制，建议加分号(';')，这个分号不会输出到前台页面；

b. 直接使用HTML标签，会自动被识别为前台代码。这点真的很方便，想想在一个C#代码的编译环境，直接写HTML标签输出...；

c. 不能直接输出字符，如直接在代码块中书写"Test" ,Test 等，都是不被允许的，请谨记代码块中遵循的是C#(或VB)环境；

d. 其它书写方式同后台代码。

4). HTML辅助函数

以往的方式，我们是在代码中向前台输出HTML文本，这可以实现，但，不是很理想。像我本人，以前还使用了像jsrender这样的页面渲染方式。现在，借助于Razor的HTML辅助函数，可以轻松实现代码输出HTML。

使用@helper 语法，自定义辅助函数(代码片段可以放在任意位置)。

  1.     @helper pList(List<string> lst)
  2.     {//HTML辅助函数
  3.         <ul>
  4.             @foreach (string p in lst)
  5.             {
  6.                 <li>@p</li>
  7.             }
  8.         </ul>
  9.     }

然后使用

  1.         HTML辅助函数：
  2.         @{
  3.             List<string> lsts = new List<string> { "a", "b", "c", "d", "e" };
  4.             @pList(lsts);
  5.         }

由于定义了名为pList的函数，使用时直接调用即可。

5). 其它

a)一些书写习惯，作用上是等价的，如条件判断、循环分支：

  1.         @if ( == ) {
  2.         }
  3.         @foreach (string p in lsts){
  4.         }
  5.         @{
  6.             if ( == ) { }
  7.             foreach (string p in lsts) { }
  8.         }

b)代码注释，使用@*  ...  *@

  1.         @*
  2.             代码注释符：
  3.             http://www.cnblogs.com/hangwei
  4.         *@

c)输出@符号，使用 @@

d)字符串转换

  1.        字符串转换：
  2.         @{
  3.             string str = "";
  4.             @str.AsInt();//在块中遵循后台代码形式
  5.         }

6). 布局(模板)的使用

a)layout布局页的使用

首先你需要在MVC工程下的Views/Shared目录下，新建一个视图文件(此目录默认用来存放layout(模板)文件)。这里我们新建一个TestLayout.cshtml，代码如下：

  1. @{
  2.     Layout = null;
  3. }
  4.  
  5. <!DOCTYPE html>
  6.  
  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title></title>
  11. </head>
  12. <body>
  13.     <div>
  14.     .TestLayout是模板页 @DateTime.Now.ToString("HH:mm:ss.fff")
  15.     </div>
  16.     <div id="content"><!--内容页的内容会出现在此div中-->
  17.         @RenderBody()
  18.     </div>
  19. </body>
  20. </html>

定义好布局页的内容 ，子页的部分，用@RenderBody()表示。再新建一个子页套用此布局页，代码如下：

  1. @{
  2.     Layout = "~/Views/Shared/TestLayout.cshtml";
  3. }
  4.  
  5. <!DOCTYPE html>
  6.  
  7. <html>
  8. <head>
  9.     <meta name="viewport" content="width=device-width" />
  10.     <title></title>
  11. </head>
  12. <body>
  13.     <div>
  14.     .Index页面 @DateTime.Now.ToString("HH:mm:ss.fff")
  15.     </div>
  16. </body>
  17. </html>

在页面的开始部分，使用Layout指定模板页的地址即可。我们再来看前台显示效果：

需要注意的是：MVC跟WebForms不同，子页是先于布局页被显示(渲染)出来的。

b)布局页的灵活使用(RenderSection)

有时我们需要页面的区域内容不是由布局页定，而是动态的，由子页自己决定内容的呈现。这时就使用到了RenderSection。比如我们在布局页TestLayout.cshtml加入以下代码：

  1.     <div id="menu">
  2.         <!--让子页决定如何呈现menu-->
  3.         @RenderSection("menu", false) @*注意此方法跟MVC前版可能不同，false表示可选(非必须)*@
  4.     </div>

再在子页中加入以下代码：

  1.     @section menu{
  2.         <ul id="subMenu">
  3.             <li>Item1</li>
  4.             <li>Item2</li>
  5.         </ul>
  6.     }

前台显示效果：

总结

本文主要对Razor的创立，Razor和WebForms视图引擎的对比做了简单介绍；同时详细介绍了Razor的语法。在下一章中，将介绍MVC5页面之间的传值，敬请期待~

希望本文对你有帮助。

ASP.NET MVC 5 Web编程4 -- Razor视图引擎的更多相关文章

  1. ASP.NET MVC学习---（七）Razor视图引擎语法

    之前体验过razor视图引擎@符号的威力了吧~ 连我这个初学者都能感觉到确实省时省力方便快捷 简直就是居家旅行*人*货必备之物啊(这里和谐两个字~) 那么现在就开始对razor的语法进一步介绍~ 1. ...

  2. ASP.NET MVC 5 Web编程3 -- Controller的应用及扩展

    Controller基础 一. 访问修饰符 1.1 类的访问修饰符 Controller类的访问修饰符必须是public,url才能被拦截. internal能编译通过,但无法拦截url请求.priv ...

  3. ASP.NET MVC 5 Web编程5 -- 页面传值的方式

    本篇文章将讲述MVC的页面传值方式,具体包括:后端向前端传值(Controller向View传值):前端向后端传值(View向Controller传值):Action与Action之间的传值. 回顾 ...

  4. ASP.NET MVC 5 Web编程2 -- URL映射(路由原理)

    本章将讲述ASP.NET MVC5 的路由原理,即URL映射机制. 简单点就是解释:为什么MVC在浏览器输入地址就能访问到类(或类中的方法)?这是怎么做到的?我自己可以通过.NET写出一个自己的MVC ...

  5. ASP.NET MVC 5 Web编程1 -- 入门

    开篇引言 说起ASP.NET MVC,我想作为WebForms开发者第一点要问的是:为什么要使用它?我的理解是:MVC是更细节化的框架,“细节可控”意味着你的系统更精致.具体体现在应用上.MVC的出现 ...

  6. ASP.NET MVC 4 Web编程

    http://spu.jd.com/11309606.html 第1章 入门第2章 控制器第3章 视图第4章 模型第5章 表单和HTML辅助方法第6章 数据注解和验证第7章 成员资格.授权和安全性第8 ...

  7. MVC 5 Web编程2 -- URL映射

    ASP.NET MVC 5 Web编程2 -- URL映射(路由原理) 2015-02-12 08:50 by hangwei, 704 阅读, 5 评论, 收藏, 编辑 本章将讲述ASP.NET M ...

  8. ASP.NET WEB应用程序（.network4.5）MVC Razor视图引擎2

    https://www.bbsmax.com/A/gAJG67OXzZ/ 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留下来的ASP ...

  9. ASP.NET Razor 视图引擎编程参考

    ASP.NET Razor 视图引擎编程参考   转载请注明出处:http://surfsky.cnblogs.com Rasor 视图引擎    http://msdn.microsoft.com/ ...

随机推荐

  1. 如何一步一步用DDD设计一个电商网站（十）—— 一个完整的购物车

     阅读目录 前言 回顾 梳理 实现 结语 一.前言 之前的文章中已经涉及到了购买商品加入购物车,购物车内购物项的金额计算等功能.本篇准备把剩下的购物车的基本概念一次处理完. 二.回顾 在动手之前我对之 ...

  2. NuGet镜像上线试运行

    为解决国内访问NuGet服务器速度不稳定的问题,我们用阿里云服务器搭建了一个NuGet镜像,目前已上线试运行. 使用NuGet镜像源的方法如下: 1)NuGet镜像源地址:https://nuget. ...

  3. vmware里面的名词 vSphere、vCenter Server、ESXI、vSphere Client

    vmware里面的名词 vSphere.vCenter Server.ESXI.vSphere Client vSphere.vCenter Server.ESXI.vSphere Client VS ...

  4. 写出易调试的SQL(修订版)

    h4 { background: #698B22 !important; color: #FFFFFF; font-family: "微软雅黑", "宋体", ...

  5. Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程（柱状图，南丁格尔图）

    Webstorm+Webpack+echarts   ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...

  6. 用html5的canvas和JavaScript创建一个绘图程序

    本文将引导你使用canvas和JavaScript创建一个简单的绘图程序. 创建canvas元素 首先准备容器Canvas元素,接下来所有的事情都会在JavaScript里面. <canvas ...

  7. 使用ubuntu作为web开发环境的一些感受

    从ms-dos,win95,win98,winMe,winXp,vista,win7,win10我都有使用的经历,我使用时间最长的应属winxp,其次是win7,说实话,我觉得这两个系统是微软做的最好 ...

  8. DDD 领域驱动设计－谈谈 Repository、IUnitOfWork 和 IDbContext 的实践（3）

    上一篇:<DDD 领域驱动设计-谈谈 Repository.IUnitOfWork 和 IDbContext 的实践(2)> 这篇文章主要是对 DDD.Sample 框架增加 Transa ...

  9. 一行代码实现java list去重

    1.不带类型写法: 1 List listWithoutDup = new ArrayList(new HashSet(listWithDup)); 2.带类型写法(以String类型为例):1)Ja ...

  10. 品牌营销：不要Beat，要逼格！

             品牌营销:不要Beat,要逼格! 奥美的创始人大卫·奥格威说,广告营销应当是"具有风度的推销产品".而当下的营销手段,"风度"早已被抛之脑后, ...