Razor基础语法

简介: 原文:Razor基础语法 一、介绍      Razor是ASP.NET MVC视图引擎的代号,支持.cshtml和.vbhtml两种模板文件,符号@标记服务端代码的开始,比以前asp.net的更加简洁   二、基本用法   1.
原文: Razor基础语法

一、介绍
     Razor是ASP.NET MVC视图引擎的代号,支持.cshtml和.vbhtml两种模板文件,符号@标记服务端代码的开始,比以前asp.net的<%%>更加简洁
 
二、基本用法
  1.@* *@注释
<div>
    <h3>@@**@@注释</h3>

    @*
        这里是注释
    *@
</div>
     2. @定义一行代码
<div>
    <h3>@@定义一行代码</h3>
    <span>Cur Time is @DateTime.Now.ToString("yyyy-MM-dd")</span>
</div>
      3.@{...}定义代码块,并且HTML标签和代码可以混写
<div>
    <h3>@@{...}定义代码块,并且HTML标签和代码可以混写</h3>
    <span>
        @{
            string name = "Tom";
            string msg = "Hi";

            <span>@name say @msg</span>
        }
    </span>
</div>
      4.@:使后面按内容展示
<div>
    <h3>@@:使后面按内容展示</h3>
    @{
        @:this is @name
    }
</div>
      5.@helper自定义片段
@helper ShowCurDate(){
    <span>@DateTime.Now.ToString("yyyy-MM-dd")</span>
}

<div>
    <h3>@@helper自定义片段</h3>
    <span>
        定义:
        <xmp>
            @@helper ShowCurDate(){
                <span>@@DateTime.Now.ToString("yyyy-MM-dd")</span>
            }
        </xmp>
        调用:@@ShowCurDate() 结果:@ShowCurDate()
    </span>
</div>
      6.@functions自定义函数
@functions{
    public string ShowMyDate(){
        return DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
    }
}

<div>
    <h3>@@functions自定义函数</h3>
    <span>
        定义:
        <xmp>
            @@functions{
                public string ShowMyDate(){
                    return DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
                }
            }
        </xmp>
        调用:@@ShowMyDate() 结果:@ShowMyDate()
    </span>
</div>
      7.@RenderBody()
<div>
    <h3>@@RenderBody()</h3>
    <span>
        在布局页展示视图内容,并且只能出现一次
    </span>
</div>
      8.@RenderPage()
<div>
    <h3>@@RenderPage()</h3>
    <span>
        在布局页通过@RenderPage("~/Views/Test/Footer.cshtml")引用
    </span>
</div>
      9.@RenderSection()
@section mySection{
    <section class="featured">
        <div class="content-wrapper">
            <h2>
                视图引擎Razor基础语法
            </h2>
        </div>
    </section>
}

<div>
    <h3>@@RenderSection()</h3>
    <span>
        @@section在视图中定义如:
        <xmp>
            @@section mySection{
                <section class="featured">
                    <div class="content-wrapper">
                        <h2>
                            视图引擎Razor基础语法
                        </h2>
                    </div>
                </section>
            }
        </xmp>
        在布局页中通过@RenderSection("mySection", false)使用
    </span>
</div>

  10.@model定义视图模型

@model MvcTest.Controllers.Users

<div>
    <h3>@@model定义视图模型</h3>
    <span>
        定义:
        <xmp>
            @@model MvcTest.Controllers.Users
        </xmp>
        调用:通过@@Model 结果:Name:@Model.Name Age:@Model.Age
    </span>
</div>

 

目录
相关文章
|
6月前
|
JavaScript 前端开发
第二篇-Javascript流程控制语句
第二篇-Javascript流程控制语句
30 3
|
6月前
|
JavaScript 前端开发 索引
第四篇-Javascript函数
第四篇-Javascript函数
22 3
|
7月前
|
前端开发 JavaScript 开发者
前端面试题 10 个「有用」JavaScript 代码片段
前端面试题 10 个「有用」JavaScript 代码片段
|
JavaScript 前端开发
《JavaScript高级程序设计》__ 语言基础(上)(1)
前言 大家好,我是HoMeTown,web领域有一本神书大家应该都有看过,这本书我看过两遍,但是每次看都是粗粗的略过一些重要的知识点,甚至一些面试过程中的问题,在这本书里都能找到答案。
153 3
|
自然语言处理 JavaScript 前端开发
重学前端 27 # JavaScript的词法
重学前端 27 # JavaScript的词法
112 0
重学前端 27 # JavaScript的词法
|
前端开发
前端知识案例7-javascript基础语法-常量
前端知识案例7-javascript基础语法-常量
54 0
前端知识案例7-javascript基础语法-常量
|
前端开发
前端知识案例104-javascript基础语法-error对象
前端知识案例104-javascript基础语法-error对象
61 0
前端知识案例104-javascript基础语法-error对象
|
前端开发
前端知识案例66-javascript基础语法-原型
前端知识案例66-javascript基础语法-原型
43 0
前端知识案例66-javascript基础语法-原型
|
前端开发
前端知识案例35-javascript基础语法-箭头函数
前端知识案例35-javascript基础语法-箭头函数
33 0
前端知识案例35-javascript基础语法-箭头函数
|
编译器 C++
C++ 语法基础(二)(二)
C++ 语法基础(二)(二)
C++ 语法基础(二)(二)