首先说下MVC,mvc已经不用ViewState来保留网页的状态,所以大部分依赖ViewState的功能都将无法使用, 比如gridview的分页与排序,page trace等利用viewstate记录状态的功能将全部失效,另外的大改变就是 asp.net mvc已经没有页面生命周期也没有事件驱动.

Razor语法是在MVC3.0引入的全新的c#语法,取而代之<%...%>语法.用在mvc的view页面.

首先谈一下razor语法的基本用法:

1.如果在页面输出单一变量时,只要在c#语句之前加上@符号即可,范例如下:

<p>

现在时刻:@DateTime.Now

</p>

2、在页面中输出一段含有空白子元或运算子的结果时,必须在前后加上一个小括弧,范例如下:

<p>

会员名称:@(User.Identity.Name+Model.MemberLevel)

启用状态:@(View.IsEnabled?"启用":"停用")

</p>

3、在页面中执行多行c#代码时,必须在前后加上一个大括弧,语法范例如下:

@{

var name="Daniel";

var message="你好"+name;

}

}

注意上述属于一个c#代码片段,在撰写代码时必须符合c#语言规范,也就是每段句都要由分号结尾.

4、如果要在多行c#代码的Razor语法中插入html或其他文字内容,必须在每一行最前面加上"@:"符号,而且加上"@:"符号的这行代码里,也可以加上其他Razor变量,如下范例:

@

{

var name="Daniel";

@:你好",我是 @name

}

当然也可以用如下加上一堆html标签,Razor语法会自动识别

@

{

var name="Daniel";

<span>你好,我是</span> @name

}

或者使用Razor语法中的<text>标签

@

{

var name="Daniel";

<text>你好,我是</text> @name

}

5、如果要在Razor页面中输出“@”符号,可以在“@”符号前再加一@,如下:

@@Daniel,输出为@Daniel

6、属性名称误判

当你想输出以下内容时 --

你好,@ViewBag.Name先生。

会造成Razor把Name先生当做viewBag的属性了,解决办法有几种

  1. 你好,@(ViewBag.Name)先生;
  2. 你好,@ViewBag.Name<span>先生</span>
  3. 你好,<span>@ViewBag.Name</span>先生

7、输出一段可以解析的html

当我们定义如下

@{

ViewBag.Description="<span style='font-weight:bold;'>描述文字</span>";

}

@ViewBag.Description

结果为<span style='font-weight:bold;'>描述文字</span>,如果想输出html解析后的描述文字,那么可以使用 html辅助方法Html.Raw(ViewBag.Description)

如果我们要将以下中的“System.web.MVc”变成一个Razor变量,

类别是 System.Web.Mvc.Controller

也许你可能会写成以下语法,但是输出结果不是期望的;输出结果为“类别是@ViewBag.MvcNamespace.Controller”

@{
    ViewBag.MvcNamespace = "System.Web.Mvc";
}

类别是@ViewBag.MvcNamespace.Controller

为了达到输出结果可以改成以下方式类别是@(ViewBag.MvcNamespace).Controller,输出结果为“类别是System.Web.Mvc.Controller”

浅谈MVC Razor基本语法的更多相关文章

  1. 浅谈 MVC 和 MTV

    浅谈 MVC 和 MTV 一.MVC M:model,模型,就是数据模型,负责数据的存取: V:view,视图,负责页面的展示逻辑: C:controller,控制器,负责业务逻辑的处理: 二.MTV ...

  2. 浅谈MVC、MVP、MVVM

    MVC M: Model            模型——数据            (对于前台而言例如:ajax.jsonp等从后台获取数据的) V:  View             视图——表现 ...

  3. 2014-07-29 浅谈MVC框架中Razor与ASPX视图引擎

    今天是在吾索实习的第15天.随着准备工作的完善,我们小组将逐步开始手机端BBS的开发,而且我们将计划使用MVC框架进行该系统的开发.虽然我们对MVC框架并不是非常熟悉,或许这会降低我们开发该系统的效率 ...

  4. ASP.NET Mvc Razor视图语法

    在ASP.NET MVC中有两套模版引擎,一套是ASPX,一套是Razor,从事过WebForms开发的朋友们,对于ASPX模版已经很熟悉了,下面我说一下我所熟悉的Razor模版引擎的一些语法,供大家 ...

  5. 浅谈MVC Form认证

    简单的谈一下MVC的Form认证. 在做MVC项目时,用户登录认证需要选用Form认证时,我们该怎么做呢?下面我们来简单给大家说一下. 首先说一下步骤 1.用户登录时,如果校验用户名密码通过后,需要调 ...

  6. 以用户注册功能模块为例浅谈MVC架构下的JavaWeb开发流程

    JavaWeb应用开发,撇开分布式不谈,只讨论一个功能服务应用的开发,无论是使用原生的Servlet/JSP方案,还是时下的SSM架构,都有一套经过工程实践考验的最佳实践,这综合考虑了团队协作.项目管 ...

  7. 浅谈MVC和MVVM模式

    MVC I’m dating with a model… and a view, and a controller. 众所周知,MVC 是开发客户端最经典的设计模式,iOS 开发也不例外,但是 MVC ...

  8. 浅谈MVC、MVVM的区别

    一.概述 MVC,MVP,MVVM是三种常见的前端架构模式(Architectural Pattern),它通过分离关注点来改进代码组织方式.不同于设计模式(Design Pattern),只是为了解 ...

  9. 【转】浅谈MVC与三层架构

    首先给大家引入下MVC的概念: MVC(Model View Controller)模型.视图以及控制器,它是一种较为广泛应用的结构设计模式. 模型:就是在MVC设计模式中需要被显示的数据.在通常情况 ...

随机推荐

  1. Linux通过docker安装运行酷Q--用QQ骰子君进行跑团

    Linux通过docker安装运行酷Q 文:铁乐与猫 需求:和小伙伴周末进行愉快的TRPG跑团,需要在QQ讨论组上加了qq小号后,将qq小号用酷Q配合投骰的应用变成骰子君. 限制:我个人的云计算服务器 ...

  2. mysql8.0 安装

    之前一直使用的是zabbix3.4和mariadb5.5;感觉良好!!!但是...因其他原因需要重新部署 这次规划使用zabbix4.0和mysql8.0结合使用:嗯~~应该不会错吧!!! zabbi ...

  3. 快速搭建一个Express工程骨架

    下载express-generator 通过应用生成器,可以帮我们快速搭建项目需要的骨架.这就需要npm在全局下载express-generator(-g就是在全局安装) npm install ex ...

  4. Mongodb极简实践

    MongoDB 极简实践入门 1. 为什么用MongoDB? 传统的计算机应用大多使用关系型数据库来存储数据,比如大家可能熟悉的MySql, Sqlite等等,它的特点是数据以表格(table)的形式 ...

  5. React 异步组件

    之前写过一篇 Vue 异步组件的文章,最近在做一个简单项目的时候又想用到 React 异步组件,所以简单地了解了一下使用方法,这里做下笔记. 传统的 React 异步组件基本都靠自己实现,自己写一个专 ...

  6. Ext 向Ext.form.ComboBox()中添加列表的分类

    1.静态 [javascript] view plaincopy var staticComboBox = new Ext.form.ComboBox({   fieldLabel:'回访结果',   ...

  7. iOS 网络缓存总结

    一.缓存策略: 1.缓存策略的配置: 缺省缓存策略的存储策略需要服务器的响应配置: 缺省缓存策略的使用需要请求端的配置: 2.缓存策略的缺陷: 移动端比较通用的缓存策略是先使用缓存同时更新本地数据: ...

  8. 【bzoj 4154】[Ipsc2015]Generating Synergy

    题目 大概已经掌握熟练码出\(kdt\)的技能了 发现距离子树根节点\(x\)不超过\(l\)的点可以用两种方式来限制,首先\(dfs\)序在\([dfn_x,dfn_x+sum_x)\)中,深度自然 ...

  9. spark机制理解(一)

    一  基本术语 Application:  基于Spark的用用户程序,包含了Driver程序和集群上的Executor. Driver Program: 运行行main函数并且新建SparkCont ...

  10. img底边空隙问题原因和解决方案(修改)

    转载自:http://www.cnblogs.com/minelucky/p/4746071.html   练习切图时发现img和父级div之间总是有2px空隙(chrome),上网搜索解决.   图 ...