一、Razor基础

　　声明：Razor不是编程语言，是服务器端标记语言。Razor是一种允许开发者在网页中嵌入服务器端代码的标记语法（主要是针对VB和C#）。

1、C#中Razor基本语法

（1）、Razor代码封装在@里面，具体@字段、@(...)、@{...};

（2）、@{..}里面的代码是C#代码，要遵从C#规范，预计以分号“；”结尾；

（3）、C#文件的扩展名是cshtml。

2、实例

2.1、字符串实例

@{
string name = "andy";
int age = 18;

}
name=@name,age=@age

结果：

2.2、循环实例

结果：

说明：Razor的注释是包含在@**@里面的。

有这个基础就ok了，其余的后面边用边介绍。

二、View视图

2.1、布局视图（Layout View）

　　布局视图的名称可以随意的起，但是扩展名必须是.cshtml，我们习惯上给布局视图起名为_Layout.cshtml。

2.1.1、布局视图的新建

　　在View文件夹下面新建一个Shared文件夹（Shared文件夹下面放置一些公共的视图页面，比如报错页面，导航页等）。然后在Shared文件夹右击选择“添加”→新建项。

2.1.3 布局页的使用。

新建Action和页面视图：

layout页面：

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
</head>
<body>
<div>菜单导航栏-当前的时间是：@DateTime.Now</div>
<div>
@RenderBody()
</div>
<div>@@关于我们 江苏省苏州市工业园区XX有限公司</div>
</body>
</html>

输出：

ViewBag.Title 的值也可以在当前的页面中赋值。

2.1.4、关于Layout页面占位：

　　其实这整个一个过程，可以理解为“挖坑”→“填坑”。Layout页面其他的“挖坑”。@RenderBody()这个语句可以看做是一种特殊的“挖坑”，填充它的是整个页面。

（1）、必填坑定义：@RenderSection("Header")，挖坑，坑的名称为：“Header”，并且这个坑是必填的。

（2）、非必填坑定义：@RenderSection("Footer", false)，挖坑，坑的名称为：“Footer”，不是必填。

也就是RenderSection有两个重载，第一个参数为挖的坑的名称，第二个参数表示此坑是否必填。默认为true，必填。

（3）、不填显示默认值：

@if (IsSectionDefined("MyBody"))//判断是否填坑，填了：显示填坑的值，没填：显示默认值的
{
@RenderSection("MyBody")
}
else
{
<div>这个是显示默认的填MyBody"坑"的内容</div>
}

2.1.5、填坑

　　挖坑的方式千奇百怪，但是填坑的方式却是只有一种。以上面的Header为例：

@section Header{
我是给Header
}

当然里面可以写各种前端内容，包括css、html、JavaScript还有Razor语法等。

2.1.6、关于Layout View的说明：

　　如果页面不想使用Layout视图，只需要在当前的页面引用中设置Layout=null或者直接不引用即可。

2.2 ViewStart视图

　　ViewStart，顾名思义就是视图开始，也就是它是在视图渲染的一开始就调用的一个视图。关于ViewStart视图使用的几点说明：

　　（1）、视图渲染时，先查找在文件的结构中是否有ViewStart视图；

　　（2）、如果ViewStart在Views文件夹中，那么它将会对Views文件夹下面所有的视图起作用，其中包括Views下面的Shared；如果ViewStart在Home文件夹中，那么它对Home文件夹下面的所有视图起作用。简而言之，就是ViewStart会对它所在的文件夹层级中的所有视图文件起作用，包括子文件夹和公共文件夹中的视图。

　　（3）、可以有多个ViewStart文件。

2.2.1、ViewStart文件的作用

　　ViewStart是呈现view的启动文件，会在所有的view（.cshtml）文件执行之前执行，主要用于一些不方便或者不能再Layout中进行的统一操作。在viewstart页面可以定义一些函数或者做一些判断，用于其他页面。所有的View页面都会调用ViewStart，但不包括PartialView。PartialView的渲染不会调用ViewStart。

2.2.2 单个ViewStart实例

　　在Views下面新进ViewStart视图，如图：，页面添加信息：，新建ViewStart视图后会默认的在里面引用layout的路径，如果没有，也可以手动添加。另外有加了一句话，用于显示页面。运行截图如下：

可以发现，页面不光输出了ViewStart页面上的div元素内容，也引用了Layout文件。

2.2.3、多个ViewStart文件的引用

　　如果在Views视图下面有多个ViewStart，那么他们又是怎么引用的呢？

　　

Home下面有一个ViewStart，Views下面也有一个ViewStart。我们先在两个ViewStart中写入不同的内容，看看他们显示的问题。

Views直属文件夹下：

@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@{

<div>这个是Views直属下面的viewstart</div>
}

Home文件夹下：

@{
<div>这个是Home文件下面的viewstart</div>
}

运行后显示：

从上面的输出我们可以发现，先输出的是Views文件夹下面的ViewStart视图，然后才是Home文件夹下面的。由此我们可以得出结论：ViewStart视图调用的顺序是最先调用Views直属下面的，然后才是Home等Action文件夹下的。

2.2.4、ViewStart、Layout和当前视图的加载顺序

　　我在每一个输出的视图页面动了一点“手脚”。输出截图如下：

这个手脚就是，我在每一个页面输出了自己的文件名称还有当前的时间。

通过上面输出的时间，我们可以总结出整个视图加载的顺序：Viewstart（views下面的→Home下面的）→当前action对应的View→Layout视图

2、ASP .NETCore 2.0之视图的更多相关文章

  1. ASP.NETCore 3.0 Autofac替换及控制器属性注入及全局容器使用

    1.Autofac基础使用 参考: https://www.cnblogs.com/li150dan/p/10071079.html 2.ASP.NETCore 3.0 Autofac 容器替换 需要 ...

  2. asp.netcore 3.0 Docker Nginx(震惊，原来docker是这样的！)

    引言 Docker发布于2013年,Docker是dotCloud公司创始人在法国期间发起的一个公司内部项目,他是dotCloud多年云技术的一个革新.Docker在容器基础上进行了一步的封装,从网络 ...

  3. Asp.netCore 3.0 Web 实现Oauth2.0微信授权登陆的测试

    1:Oauth2.0授权的流程截图 官方流程如下: 1 第一步:用户同意授权,获取code 2 第二步:通过code换取网页授权access_token 3 第三步:刷新access_token(如果 ...

  4. ASP。NET MVC (NetCore 2.0)用于处理实体框架、DbContexts和对象的通用控制器和视图

    下载source - 1.5 MB 介绍 本文的源代码已更新到NetCore 2.0 ASP.净MVC项目. 当我们开始开发一个ASP.在Microsoft Visual Studio中,我们发现通过 ...

  5. Asp.Net MVC4.0 官方教程 入门指南之三--添加一个视图

    Asp.Net MVC4.0 官方教程 入门指南之三--添加一个视图 在本节中,您需要修改HelloWorldController类,从而使用视图模板文件,干净优雅的封装生成返回到客户端浏览器HTML ...

  6. Asp.NetCore MVC Web 应用

    Asp.NetCore MVC 与 普通的MVC 基本一致, 只是代码结构稍有改动 一.创建项目 1. 2. 3. 项目结构 二. 构建数据模型 1. Startup类中配置EF Core MySql ...

  7. ASP.NETCORE MVC模块化

    ASP.NETCORE MVC模块化编程 前言 记得上一篇博客中跟大家分享的是基于ASP.NETMVC5,实际也就是基于NETFRAMEWORK平台实现的这么一个轻量级插件式框架.那么今天我主要分享的 ...

  8. 壹佰文章最全总结| 《关于ASP.NETCore的分享之路》

    学习路线图 (关于学习ASP.NET Core需要了解和掌握的知识点图) 一言不合就来图,各位博客园小伙伴大家好,感觉好久没有写文章了,自从春节开始,中间经历种种,慢慢的就开始微信公众号发文了,原因有 ...

  9. Asp.NetCore之AutoMapper基础篇

    应用场景 现在由于前后端技术的分离,后端程序员在使用ORM框架开发后台API接口的时候,往往会将数据库的"数据模型"直接提供给前端.而大多数时候,可能这些数据并不能够满足前端展示的 ...

随机推荐

  1. Directshow 判断音视频设备是否被占用<转>

    直接上代码吧: 代码是参考网上大神分享的,在原基础上做了些修改(只检测视频设备): int DeviceIsBusy(char *videoName) { //输入设备的音视频名称 HRESULT h ...

  2. Linux大牛分享的7道经典面试题和秒收 offer 的技巧

    笔者其实没有想到去面试,只是在智联上更新了一下简历,就陆陆续续接到很多猎头的邮件和电话,闲话少说,下面就分享给大家Linuxer的面试经历: 首先,猎头或者公司人资会把公司的介绍及岗位要求发到你邮箱( ...

  3. JavaScript中的一些小技巧

    js 数字操作:1.1 取整:取整有很多方法如: parseInt(a,10); Math.floor(a); a>>0; ~~a; a|0; 前面2种是经常用到的,后面3种算是比较偏的, ...

  4. c++ 享元模式（flyweight）

    举个围棋的例子,围棋的棋盘共有361格,即可放361个棋子.现在要实现一个围棋程 序,该怎么办呢?首先要考虑的是棋子棋盘的实现,可以定义一个棋子的类,成员变量包括棋子的颜色.形状.位置等信息,另外再定 ...

  5. SQL 数据库 学习 003 什么是数据库？ 为什么需要数据库？是不是所有的软件都是用Sql Server？

    什么是数据库? 为什么需要数据库? 是不是所有的软件都是用Sql Server? 我的电脑系统: Windows 10 64位 使用的SQL Server软件: SQL Server 2014 Exp ...

  6. WIFI配置专项测试

    1. 测试项目 A. 路由器加密方式测试: B. 路由器信道选择测试: C. DHCP过期时间测试 D. 路由器WIFI密码复杂度测试: 2. 测试结果 2.1. 加密方式测试 路由器密码为简单,其他 ...

  7. 要生成在[min,max]之间的随机整数，

    import java.util.Random; public class RandomTest { public static void main(String[] args) { int max= ...

  8. 对max_allowed_packet这个参数的误解

    之前一篇文章知识对,这个参数一个泛泛的概念,但是并没有理解这个参数的真正意义,现在差不多有那么点儿感觉了,主要的意思是每一条记录是一个包,不可拆分,而且包括blob,text等大字段.

  9. code1068 乌龟棋

    暴力显然不行,所以考虑dp 记f[i][j][k][l]为使用i张1,j张2,k张3,l张4所得到的最大分数. 对于每个f[i][j][k][l],都可以由i-1张1,j张2,k张3,l张4所得到, ...

  10. UEFI下win10+Ubuntu双启动后完全纯净卸载Ubuntu，重建BCD

    以下内容操作具有风险,操作前请提前备份数据.建议由有丰富经验的人使用,需要掌握diskpart. 背景 使用ubuntu+win10 dual boot后,需要重置回纯净win10系统. BCD是Bo ...