MVC5-5 Razor引擎及视图结构

最新推荐文章于 2020-09-23 19:50:49 发布
最新推荐文章于 2020-09-23 19:50:49 发布
阅读量115 收藏
点赞数
文章标签： 测试 后端 c#
原文链接：http://www.cnblogs.com/LiangSW/p/5862697.html
版权

View结构

其实给我们提供了官方的MvcDemo,就是在我们直接去新建一个不为空的MVC项目。

image

 

这里就是一个MVC的Demo了，可以看一下这个Demo中View的结构是什么

image

上图可以发现，有一个Shared(共享)文件夹，先从这个文件夹看起,下图可以看到，里面分别有_Layout.cshtml，_LoginPartial.cshtml，Error.cshtml以有Lockout.cshtml。

  • _Layout.cshtml 这个视图相当与母版页，把网站共有的部分放在这个view中。其它的视图就不需要再去写重复的代码，比如顶部导航与底部信息
  • _loginPartial.cshtml  从名字可以看出来 登录分布页。在_layout中放有共有的部分，但是如果代码太多也会影响到阅读性，使用分布页面。可以使得代码更加简洁，分布页可以使用 Html.Partial去引用
  • Error.cshtml 这个就很简单了，是一个错误页面。其它view都将使用Error.cshtml做错误页面展示
  • Lockout.cshtml 这个没什么特别的，仅是一个视图而已。

image

 

在Views文件夹还可以发现有一个叫做_ViewStart的视图,通过名字就可以清楚的看到，这个视图先与其它的视图执行。

那么_viewstart有什么用呢？ 下面有这个一个场景，我们的视图需要达到一定的条件才可以去使用母版页反之不用。就可以使用_ViewStart进行 统一设置 下图我简单写了一下，如果随机数是偶数，那么使用母版页。奇数则不用

image

 

 

Razor简单语法

在还没有Razor的时候，有很多其它的视图引擎。但是Razor出现的时候，其它的就慢慢的消失了。可见其强大。

Razor可以让我们在视图中去写C#代码。简单的截一张图，对下面的Razor语法进行分析

image

  • @using 引用程序集，这个应该没有什么疑惑了
  • @{} 包含块，可以在里面写一些逻辑代码，图中也可以看到进行了if判断
  • @xxxx 这里xxxx可以是一个变量。在开发中常用@ViewBag.xxx，这些写法是把这个变量值显示在这个位置。
  • @Html.xxx() 可以看到很多这个的代码，这种是进行调用我们后端类的方法并把返回值显示在这个位置。Html全名HtmlHelper，还有AjaxHelper。是微软为我们封装的一种常用的方法。比如下拉框、ajax提交等
  • 其实我们还会经常在视图页看到@model,我们可以在Controller中返回Model。也是一种数据传输的方法

本文就到这里,下一篇讲Razor中的帮助类、HtmlHelper、AjaxHelper

转载于:https://www.cnblogs.com/LiangSW/p/5862697.html

weixin_34254823
关注
.NET MVC5专题（视图引擎详解）
一点一滴
01-14 1万+
在全局文件加如下代码 protected void Application_Start() { string engineDescription = string.Join(",", ViewEngines.Engines.ToList().Select(v => v.ToString())); //清除默认视图引擎 ViewEngines.Engines.Clear...
ASP.NET-MVC-Razor引擎的使用
qq_45262877的博客
11-04 1013
1、开发工具 Razor是MVC3中的一个视图模板引擎，我们只需要在VS2010中安装一个MVC3的工具，就可以使用Razor了。 2、Razor的文件类型 Razor支持两种文件类型，分别是.cshtml和.vbhtml,其中.cshtml的服务器代码使用了C#的语法，.vbhtml的服务器代码使用了vb.net的语法。 Razor其实是一种服务器代码和HTML代码混写的代码模板，类似于没有后置代码的.aspx文件。 ...
mvc4.0 razor views 多层结构
05-04
vs 2013 demo mvc4.0 razor views 多层结构 controller 和 view 分离 案例：AccountBase/MyTest/Test 注意文件 MyTestController.cs,RouteConfig.cs,Global.asax
八：Razor（MVC框架视图引擎）
weixin_30907523的博客
11-01 297
模型对象 1：新建一个示例的MVC项目 2：在Models文件夹下新建类Product namespace TestDemoMVC.Models { public class Product { public int ProductID { get; set; } public string Name { get; set; } ...
asp.net mvc 自定义视图引擎
03-12
asp.net mvc 自定义视图引擎 public ThemeableRazorViewEngine() { AreaViewLocationFormats = new[] { //themes "~/Areas/{2}/Themes/{3}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Themes/{3}/Views/Shared/{0}.cshtml", //default "~/Areas/{2}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Views/Shared/{0}.cshtml", }; AreaMasterLocationFormats = new[] { //themes "~/Areas/{2}/Themes/{3}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Themes/{3}/Views/Shared/{0}.cshtml", //default "~/Areas/{2}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Views/Shared/{0}.cshtml", }; AreaPartialViewLocationFormats = new[] { //themes "~/Areas/{2}/Themes/{3}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Themes/{3}/Views/Shared/{0}.cshtml", //default "~/Areas/{2}/Views/{1}/{0}.cshtml", "~/Areas/{2}/Views/Shared/{0}.cshtml" }; ViewLocationFormats = new[] { //themes "~/Themes/{2}/Views/{1}/{0}.cshtml", "~/Themes/{2}/Views/Shared/{0}.cshtml", //default "~/Views/{1}/{0}.cshtml", "~/Views/Shared/{0}.cshtml", //Admin //"~/Administration/Views/{1}/{0}.cshtml", //"~/Administration/Views/Shared/{0}.cshtml", }; MasterLocationFormats = new[] { //themes "~/Themes/{2}/Views/{1}/{0}.cshtml", "~/Themes/{2}/Views/Shared/{0}.cshtml", //default "~/Views/{1}/{0}.cshtml", "~/Views/Shared/{0}.cshtml" }; PartialViewLocationFormats = new[] { //themes "~/Themes/{2}/Views/{1}/{0}.cshtml", "~/Themes/{2}/Views/Shared/{0}.cshtml", //default "~/Views/{1}/{0}.cshtml", "~/Views/Shared/{0}.cshtml", //Admin //"~/Administration/Views/{1}/{0}.cshtml", //"~/Administration/Views/Shared/{0}.cshtml", }; FileExtensions = new[] { "cshtml" }; }
MVC4 自定义配置前台目录结构（View多层路由配置）
朝圣的魔鬼
01-18 3536
结果如图： 1. 在view层建立对应的Controller结构 2. 编写自定义规则类Custom_routing.cs     public class Custom_routing : RazorViewEngine     {         public Custom_routing()         {             ViewLocationF
ASP.NET MVC --- Razor视图
じ☆ve暧メ晴的博客
05-16 194
Razor视图 视图引擎 视图引擎就是能够支持对视图的解析 在ASP.NET MVC中，视图引擎的作用就是把视图处理成浏览器能够执行的HTML代码 不同的视图引擎，语法规则是不一样的 在ASP.NET MVC4以后只留了Razor引擎 视图引擎分类 ASPX引擎：也就是WebForm引擎，使用<% C#代码 %>这种小脚本 Razor引擎：从MVC3开始引入，语法相对简单而雅致，代码编写更方便 @使用语法 @(表达式) 可以把()
Angle-3.4-mvc5-jquery
08-24
Angle-3.4-mvc5-jquery 这个压缩包文件包含了两个主要部分：backend-mvc5-jquery 和 backend-mvc5-jquery-seed，它们是基于Microsoft的ASP.NET MVC5框架开发的Web应用程序，利用jQuery进行前端交互。让我们深入探讨...
理解ASP.NET MVC中的Razor视图引擎
12-22
　Razor 是一种允许向网页中嵌入基于服务器的代码（C#）的标记语法，是微软针对ASP.NET MVC推出的模板引擎。 　C# 的主要 Razor 语法规则 　Razor 代码封装于 @{ … } 中 　行内表达式（变量和函数）以 @ 开头 ...
ASPNET_MVC3_系列教程_-_Razor视图引擎基础语法
08-13
### ASP.NET MVC3系列教程：...综上所述，Razor视图引擎为ASP.NET MVC3带来了革命性的改变，不仅提升了开发效率，还优化了代码结构和可读性。掌握Razor的基本语法和高级功能，是成为一名高效ASP.NET MVC开发者的关键。
ASP.NET Core——身份验证UI安装
寒冰屋的专栏
12-13 3223
目录 介绍 要求 安装步骤 1.身份验证和身份UI配置 2.身份持久性实现 创建数据库 为Entity Framework Core配置ASP.NET Core 通过Entity Framework Core工具创建表 3.页面转换实现 在Razor View中获取用户信息 _LoginPartial.cshtml的模型 退出链接 将部分视图安装到_Layout.csht...
.net core mvc登录验证
h1311454244的博客
12-27 3314
本文仅仅是能够告诉读者怎么用，什么效果，不包含原理讲解。 在java学习中，登录往往是通过cookie,session，过滤器这样的模式完成的，.net core中登录模块完成了非常好的封装，来提供登录校验的这种能力，但是封装太好往往会看不懂，做不出来，本篇文章不讨论内部细节，以一个项目的模式来看看在Visual Studio中如何去使用这个写好的框架。 打开visual studio开始项目...
c#生成随机数（数字和字母）
changhong009的专栏
02-26 5756
private static char[] constant =         {           '0','1','2','3','4','5','6','7','8','9',          'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w'
asp.net core 带用户认证项目，如何显示登录页和注册页源码
zouzh的专栏
09-23 573
新建一个.net core的mvc项目，并且带个人用户账户验证功能。生成的项目文件中并没有找到登录页面、注册页面、注销页面的源码。只会找到_LoginPartial.cshtml这个与登录相关的文件。 如果需要看到项目登录页面相关的页面源码可以进行下面操作： 参考:https://www.cnblogs.com/Vincent-yuan/p/10788252.html 在解决方案的项目上，右键添加->新搭建基架的项目 选择标识，添加 然后选择你想添加的项 这里的数据上下文中需
ASP.NET核心之路微服务第03部分：Identity
寒冰屋的专栏
08-17 1106
目录 介绍 文章系列 安装ASP.NET Core Identity 配置ASP.NETCore Identity 管理用户数据 使用Microsoft帐户，Google，Facebook等登录 结论 下载Part03.zip 介绍 文章系列 ASP.NET核心之路微服务第01部分：构建视图 ASP.NET核心之路微服务第02部分：查看组件 ...
Razor视图引擎分布视图和布局页
weixin_30782331的博客
04-11 673
前言： 　　1.Razor针对.cshtml文件 (html和C#混用) 　　2.两种使用方法@xxx和@{。。。} 　　3.依赖两个辅助类HtmlHelp和UrlHelper 正文： 一：分布视图(Partial View) 　　如果想要在某一个页面中使用该分布视图有以下两种方法： 　　1) @RenderPage(),我们使用@PageData["param"]来获取传...
Razor布局-部分视图
qq_43351583的博客
06-06 1107
Razor布局-部分视图视图里有五种加载部分视图的方法1.Partial与RenderPartial2.RenderPartial与RenderAction3.RenderAction与Action4.RenderPage与RenderPartial 视图里有五种加载部分视图的方法 Partial()、Action()、RenderPartial()、RenderAction()、RenderPage() 1.Partial与RenderPartial Razor语法：@Html.Partial()与@{
<记录> Razor引擎&视图布局
weixin_33714884的博客
08-26 99
标识符 @ Razor支持HTML和C#代码混编，意味着可以在HTML中随意输出变量 基本使用方法 直接@后面跟变量（当遇到 HTML标签 、空格、换行符等特殊符号时 便认为@之后到特殊符号前为变量名，特殊符号后的内容原样输出） <p>my name is @ViewBag.name</p> my job is @ViewBag.j...
MVC3 Razor视图引擎基础语法详解
MVC3 Razor视图引擎基础语法是MVC框架中的一个重要组成部分，它简化了前端开发过程，尤其是在ASP.NET中构建动态网页。以下是关于MVC3 Razor视图引擎的基础概念和常见用法： 1. **代码块标记**： - Razor视图中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值