ASP.Net MVC——Razor视图引擎

2024-05-08 02:32
文章标签 引擎 mvc asp net 视图 razor

本文主要是介绍ASP.Net MVC——Razor视图引擎,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  背景:因为项目的原因,需要用到MVC。所以,在急忙之中,就开始了MVC的学习。刚开始接触MVC的时候,是由别人给的几集视频开始的。可能视频的年代有些久远,所以里边的东西跟项目中有些不同。其中之一就是“视图引擎”,视频中用的是ASPX,可是做项目时用的是Razor。好吧,本着不将就的精神(其实就是有点强迫症),稍微的了解了一下这里。





一、Razor视图引擎

首先,我们先看一段代码:

<span style="font-family:Microsoft YaHei;font-size:18px;"><%if (Model != null)
{%><p><%=Model%></p>
<%}%>
<%else
{%>//Do something
<%}%></span>

这是采用ASPX视图引擎时,View中所写的代码。这段代码给我们的第一印象可能就是<%%>这东西太多了,看着有点眼晕。好吧,接着下一段:

<span style="font-family:Microsoft YaHei;font-size:18px;">@if (Model != null)  
{<p>@Model</p>
}
else
{//Do something 
}</span>

       这段代码看着感觉应该好一些了,这就是采用Razor视图引擎所撰写的。

       当时看到Razor这个单词,我还特意查了一下什么意思,原来是剃刀的意思,细细想来,是有点意思,采用Razor视图引擎,代码瞬间清爽了好多。就犹如一个半个月没有刮胡子的邋遢男,洗个澡,刮完胡子,瞬间变小鲜肉一样。


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

       Razor在减少代码冗余、增强代码可读性和Visual Studio智能感知方面,都有着突出的优势。


Razor的语法

       (1)Razor文件类型:Razor支持两种文件类型,分别是 .cshtml 和.vbhtml,其中.cshtml 的服务器代码使用了c#的语法,.vbhtml 的服务器代码使用了vb.net的语法。

       (2)@字符:@是Razor中的一个重要符号,它被定义为Razor服务器代码块的开始符号。


Razor语句块

         (1)在Razor视图引擎中,我们可以使用@{code}来定义一段 代码块 。

         (2)Razor支持代码混写:在代码块中插入HTML、在HTML中插入Razor语句都是可以的。例如,我们可以使用@来作for循环,还可以进行if判断

<span style="font-family:Microsoft YaHei;font-size:18px;">@for (int i = 0; i < 10; i++)
{<p>@i</p>
}@if (ViewData.Count > 0)
{<p>ViewData有数据</p>ViewData["Key"] = "Edison Chou";
}
else
{<p>ViewData暂无数据</p>
}
</span>


Razor页面输出特殊字符串

与在ASPX试图引擎中类似,如果要输出特殊字符串,还是借助HtmlHelper类提供的扩展方法来实现。

(1)输出原生的字符串:@Html.Raw(html)

<span style="font-family:Microsoft YaHei;font-size:18px;">@Html.Raw("<h1>Razor</h1>")</span>

PS:默认的@会解析掉html代码

(2)还可以通过使用 HtmlString 类型和 MvcHtmlString 类型字符串输出原生包含HTML的字符串

<span style="font-family:Microsoft YaHei;font-size:18px;">@{IHtmlString html = new HtmlString("<span style='color:red'>哈喽!!!! </span>");Response.Write(html);
}</span>


Razor服务器端注释为:@*  注释内容  *@


二、页面布局

刚开始的时候,用VS2012新建了一个空的ASP.NET MVC3.0的程序,运行时会出现下边这样的界面。


但是在View中,我根本找不到相关的代码。后来,请教了一下大神,一句话就解决了。

我们先看View中:


这里边有个"_ViewStart.cshtml"页面,它里边的内容是:

@{Layout = "~/Views/Shared/_Layout.cshtml";
}
这里就是指定的默认的母版的位置,也就是网页加载,显示的母版页内容应该是"_Layout.cshtml"

然后,我们看一下母版页"_Layout.cshtml"中的代码:

<!DOCTYPE html>
<html>
<head><title>@ViewBag.Title</title><link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /><script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
</head>
<body><div class="page"><div id="header"><div id="title"><h1>我的 MVC 应用程序</h1></div><div id="logindisplay">@Html.Partial("_LogOnPartial")</div><div id="menucontainer"><ul id="menu"><li>@Html.ActionLink("主页", "Index", "Home")</li><li>@Html.ActionLink("关于", "About", "Home")</li></ul></div></div><div id="main">@RenderBody()</div><div id="footer"></div></div>
</body>
</html>


在母版页中,有一个"@RenderBody()"这个方法相当于一个占位符。


        一般的视图处理,当服务器响应HomeController.Index()的请求时,需要返回Index视图。这里边的逻辑应该是:首先会加载母版页"_Layout.cshtml"的内容,然后遇到"@RenderBody()"时,就会用首页视图"Index.cshtml"的内容置换到这里,最后处理完成后,返回静态界面。就是我们所见到的网页。

       好吧,关于Razor的东西就先介绍到这里吧。 


这篇关于ASP.Net MVC——Razor视图引擎的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/969051

相关文章

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Python利用PySpark和Kafka实现流处理引擎构建指南

《Python利用PySpark和Kafka实现流处理引擎构建指南》本文将深入解剖基于Python的实时处理黄金组合:Kafka(分布式消息队列)与PySpark(分布式计算引擎)的化学反应,并构建一... 目录引言:数据洪流时代的生存法则第一章 Kafka:数据世界的中央神经系统消息引擎核心设计哲学高吞吐

Go语言使用net/http构建一个RESTful API的示例代码

《Go语言使用net/http构建一个RESTfulAPI的示例代码》Go的标准库net/http提供了构建Web服务所需的强大功能,虽然众多第三方框架(如Gin、Echo)已经封装了很多功能,但... 目录引言一、什么是 RESTful API?二、实战目标:用户信息管理 API三、代码实现1. 用户数据

在ASP.NET项目中如何使用C#生成二维码

《在ASP.NET项目中如何使用C#生成二维码》二维码(QRCode)已广泛应用于网址分享,支付链接等场景,本文将以ASP.NET为示例,演示如何实现输入文本/URL,生成二维码,在线显示与下载的完整... 目录创建前端页面(Index.cshtml)后端二维码生成逻辑(Index.cshtml.cs)总结

解决hive启动时java.net.ConnectException:拒绝连接的问题

《解决hive启动时java.net.ConnectException:拒绝连接的问题》Hadoop集群连接被拒,需检查集群是否启动、关闭防火墙/SELinux、确认安全模式退出,若问题仍存,查看日志... 目录错误发生原因解决方式1.关闭防火墙2.关闭selinux3.启动集群4.检查集群是否正常启动5.

Django中的函数视图和类视图以及路由的定义方式

《Django中的函数视图和类视图以及路由的定义方式》Django视图分函数视图和类视图,前者用函数处理请求,后者继承View类定义方法,路由使用path()、re_path()或url(),通过in... 目录函数视图类视图路由总路由函数视图的路由类视图定义路由总结Django允许接收的请求方法http

MySQL之InnoDB存储引擎中的索引用法及说明

《MySQL之InnoDB存储引擎中的索引用法及说明》:本文主要介绍MySQL之InnoDB存储引擎中的索引用法及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录1、背景2、准备3、正篇【1】存储用户记录的数据页【2】存储目录项记录的数据页【3】聚簇索引【4】二

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM

SpringBoot集成LiteFlow工作流引擎的完整指南

《SpringBoot集成LiteFlow工作流引擎的完整指南》LiteFlow作为一款国产轻量级规则引擎/流程引擎,以其零学习成本、高可扩展性和极致性能成为微服务架构下的理想选择,本文将详细讲解Sp... 目录一、LiteFlow核心优势二、SpringBoot集成实战三、高级特性应用1. 异步并行执行2

javax.net.ssl.SSLHandshakeException:异常原因及解决方案

《javax.net.ssl.SSLHandshakeException:异常原因及解决方案》javax.net.ssl.SSLHandshakeException是一个SSL握手异常,通常在建立SS... 目录报错原因在程序中绕过服务器的安全验证注意点最后多说一句报错原因一般出现这种问题是因为目标服务器