ASP.NET MVC中的Razor语法
1.Razor的基本语法
@* 多行代码时需要包含在大括号内{}和每句代码后都需要加分号; *@
@{
ViewBag.Title = "Index";
ViewBag.Name = "Linq";
ViewBag.IsOk = false;
List<string> list = new List<string>() { "11", "22", "33", "44", "55", "66" };
ViewBag.Description = "<span style='font-weight: bold;'>迷失之牙</span>";
}
@* 单行代码时不需要分号结束 *@
<p>@DateTime.Now</p>
<p>
名称：@("欢迎," + ViewBag.Name)
状态：@(ViewBag.IsOk ? "是" : "否")
@@Linq
</p>
@if (ViewBag.IsOk != null && ViewBag.IsOk)
{
@:启用
}
else
{
@:停用
}
@if (ViewBag.IsOk != null && ViewBag.IsOk)
{
<span>1.启用</span>
}
else
{
<span>2.停用</span>
}
@if (ViewBag.IsOk != null && ViewBag.IsOk)
{
<text>
1234567
<span>1. 启用</span>
</text>
}
else
{
<text>
1234567
<span>2. 停用</span>
</text>
}
<ul>
@foreach (var item in list)
{
<li>@item</li>
}
</ul>
@* 所有Razor语法输出的变量都会被HTML编码（HTMLEncode）后输出，如果想里面的HTML标签生效要调用Html.Raw方法 *@
@ViewBag.Description
@Html.Raw(ViewBag.Description)
@{
<h2>混合例子 @(ViewBag.Name)</h2>
foreach (var item in list)
{
<li>@item</li>
}
}
2.Razor的主板页面框架
2.1 Razor页面执行顺序
Controller回传给ViewResult给MvcHandler之后，MvcHandler会先设法找出对应的检视页面,然后Razor页面执行生命周期
被MvcHandler找到Razor页面会优先执行，然后检查这个View页面是否有Layout属性
2.2 关于_ViewStart
2.2.1/View/_ViewStart.cshtml文件会在/View/目录下任何View被截入前就先被截入,任何与Controller同名的View子目录下也能出现相同的_ViewStart.cshtml如此一来就可以不同的Controller对应不同的_ViewStart.cshtml
2.3 _Layout布局页面
2.3.1 _Layout.cshtml和一般的Razor的检视页面差不多，不同的地方是有2个Razor语法,分别是@RenderBody（预设坑洞）与@RenderSection（具名坑洞）
3.@helper辅助方法
Razor提供了一种很方便的语法，让你可以将View页面中部分内容或部分代码抽取出来，变成一个独立的辅助方法
<p>@ShowTime() </p>
@helper ShowTime()
{
@DateTime.Now;
}
4.@functions自定义函数
在@helper无法自定义属性，自能单纯地传入参数，然后格式化你想要呈现的样子直接输出。所以Razor还提供@functions自定义函数功能
<p>@ShowTime() </p>
@functions{
public IHtmlString ShowTime()
{
return new HtmlString(DateTime.Now.ToString());
}
}
5.@using引用参考资料类别
在Razor页面里面可以在页面最上方通过@using引用这一个View页面里面会用到的命名空间
@using MvcApplication1.Models
<pages
validateRequest="false"
pageParserFilterType="System.Web.Mvc.ViewTypeParserFilter, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"
pageBaseType="System.Web.Mvc.ViewPage, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"
userControlBaseType="System.Web.Mvc.ViewUserControl, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
<controls>
<add assembly="System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" namespace="System.Web.Mvc" tagPrefix="mvc" />
</controls>
<namespaces>
<!--也可以配置在配置文件里面-->
<add namespace="MvcApplication1.Models"/>
</namespaces>
</pages>
6.@model引用参考资料型别
public ActionResult Index()
{
List<User> list = new List<User>();
list.Add(new User() { Name="",Age=});
list.Add(new User() { Name = "", Age = });
list.Add(new User() { Name = "", Age = });
return View(list);
}
@using MvcApplication1.Models
@{
var data = (IEnumerable<User>)Model;
}
<ul>
@foreach (var item in data)
{
<li>@item.Name</li>
}
</ul>
@using MvcApplication1.Models
@model IEnumerable<User>
<ul>
@foreach (var item in Model)
{
<li>@item.Name</li>
}
</ul>
7.布局页
<!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
</head>
<body>
<div id="header">
@if (IsSectionDefined("header"))
{
@RenderSection("header", false)
}
else
{
<h1>没有填充@RenderSection("header", false)</h1>
}
</div>
<div>
@Html.Partial("_LayoutUser")
</div>
<div>
@RenderBody()
</div>
<div id="footer">
@RenderSection("footer",false)
</div> </body>
</html>
@{
ViewBag.Title = "About";
Layout = "~/Views/Shared/_LayoutTest.cshtml";
}
<h1>我是@RenderBody()</h1>
@section footer {
<h1>我是@RenderSection("footer",false)</h1>
}
ASP.NET MVC中的Razor语法的更多相关文章
- ASP.net MVC入门及Razor语法
一.MVC入门: 1.MVC简介 约定大于配置 2.MVC访问流程 csthml模板(razor模板)就是简化HTML的拼接的模板,最终还是生成html给浏览器显示,不能直接访问cshtml文件. 二 ...
- ASP.NET Core 5.0 MVC中的 Razor 页面 介绍
Razor 是一个用于将基于服务器的代码嵌入到网页中的标记语法. Razor语法由 Razor 标记.c # 和 HTML 组成. 通常包含 Razor 的文件的扩展名 cshtml Razor 语法 ...
- 如何在 ASP.NET MVC 中集成 AngularJS（2）
在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩.应用程序版本自动刷新和工程构建等内容. 下面介绍如何在 ASP.NET MVC 中 ...
- 在 ASP.NET MVC 中充分利用 WebGrid (microsoft 官方示例)
在 ASP.NET MVC 中充分利用 WebGrid https://msdn.microsoft.com/zh-cn/magazine/hh288075.aspx Stuart Leeks 下载代 ...
- 如何在 ASP.NET MVC 中集成 AngularJS（1）
介绍 当涉及到计算机软件的开发时,我想运用所有的最新技术.例如,前端使用最新的 JavaScript 技术,服务器端使用最新的基于 REST 的 Web API 服务.另外,还有最新的数据库技术.最新 ...
- ASP.NET Core中使用Razor视图引擎渲染视图为字符串
一.前言 在有些项目需求上或许需要根据模板生产静态页面,那么你一样可以用Razor语法去直接解析你的页面从而把解析的页面生成静态页,这样的使用场景很多,不限于生成静态页面,视图引擎为我们提供了模型到视 ...
- Asp.net mvc 中View 的呈现(二)
[toc] 上一节介绍了 Asp.net mvc 中除 ViewResult 外的所有的 ActionResult,这一节介绍 ViewResult. ViewResultBase ViewResul ...
- Vue在ASP.NET MVC中的进行前后端的交互
Vue在ASP.NET MVC中的进行前后端的交互 Preface: 由于最近在研究前端相关的技术,作为前端非常优秀的框架Vue,个人在学习的过程中遇到一些问题,网上相关资料有限,所以在这这里总结一下 ...
- ASP.NET Core中使用Razor视图引擎渲染视图为字符串(转)
一.视图渲染说明 在有些项目需求上或许需要根据模板生产静态页面,那么你一样可以用Razor语法去直接解析你的页面从而把解析的页面生成静态页,这样的使用场景很多,不限于生成静态页面,视图引擎为我们提供了 ...
随机推荐
- 阻止a标签默认跳转事件
1:<a href="####"></a> 2:<a href="javascript:void(0)"></a> ...
- sublime text 个性设置
http://stackoverflow.com/questions/13781833/sublime-text-2-how-to-change-the-font-size-of-the-file-s ...
- js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）
js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...
- docker ui
docker run -d -p 9000:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock uifd/ui-for-doc ...
- Scala教程
Scala表示可扩展性语言,是一种混合函数式编程语言.它是由Martin Odersky创建,并于2003年首次发布. Scala平滑地集成面向对象和函数式语言的特点,并且Scala被编译在Java虚 ...
- WPF 中更新界面信息
1.Dispatcher.BeginInvoke int ii = 0; new Thread(new ParameterizedThreadStart((i) => { while (true ...
- IPC---信号量
一.什么是信号量 信号量的使用主要是用来保护共享资源,使得资源在一个时刻只有一个进程(线程) 所拥有. 信号量的值为正的时候,说明它空闲.所测试的线程可以锁定而使用它.若为0,说明 它被占用,测试的线 ...
- JS添加删除DIV
function addDiv(w,h){ //如果原来有“divCell”这个图层,先删除这个图层 deleteDiv(); //创建一个div var my = d ...
- IDEA 编译时报错 “未结束的字符串文字” “解析时已经达到文件结尾”
Information:Using javac 1.7.0_75 to compile java sourcesInformation:java: Errors occurred while comp ...
- （转）关于Certificate、Provisioning Profile、App ID的介绍及其之间的关系
转自http://www.cnblogs.com/cywin888/p/3263027.html 刚接触iOS开发的人难免会对苹果的各种证书.配置文件等不甚了解,可能你按照网上的教程一步一步的成功申请 ...