@RenderSection("Scripts", required: false)

这是默认的布局页内容，看着挺多的，但是除了一些html代码，里面还有一些关键的地方需要注意。

1.1 RenderSection

RenderSection 分部渲染，在页面中创建一个标记，表示这个页面块将在子视图（或者是路由的实际渲染视图）中添加内容。

来，我们看一下微软官方给的注释：

In layout pages, renders the content of the section named name.

意思就是在布局页中，渲染名称为name的分部内容。

新创建一个分布页，名称为_Layout1：

@RenderSection("SectionDemo")

这个布局页里什么都没有，只有一个RenderSection。现在我们新建一个控制器：

using Microsoft.AspNetCore.Mvc;

namespace MvcWeb.Controllers

{

public class RenderTestController : Controller

{

public IActionResult Index()

{

return View();

}

}

}

创建对应的视图：

Views / RenderTest/Index.cshtml

先设置布局页为_Layout1：

@{

Layout = "_Layout1";

}

先试试启动应用，访问：

http://localhost:5006/RenderTest/Index

正常情况下，你应该能看到这个页面：

仔细看一下信息，意思是在 RenderTest/Index.cshtml 视图中没有找到 SectionDemo 的分部内容。

那么，如何在视图中设置分部内容呢？

@{

Layout = "_Layout1";

}

@section SectionDemo{

}

使用 @section

重启应用，然后刷新页面，你能看到这样的页面：

如果不做特殊要求的话，定义在布局页中的分部块，视图必须实现。当然，RenderSection还有一个参数，可以用来设置分部不是必须的：

public HtmlString RenderSection(string name, bool required);

1.2 RenderBody

先看下微软给的官方注释：

In a Razor layout page, renders the portion of a content page that is not within a named section.

简单讲，如果在布局页中设置了@RenderBody，那么在使用了这个布局页的视图里所有没被分部块包裹的代码都会渲染到布局页中声明了@RenderBody的地方。

修改_Layout1.cshtml:

@RenderBody()

修改RenderTest/Index.cshtml：

@{

Layout = "_Layout1";

}

RenderBody测试

重启应用，刷新刚刚访问的页面：

可以看出，RenderBody渲染的位置。

2. 静态资源引入

通常情况下，静态资源的引入与HTML引用js和css等资源是一致的，但是对于我们在编写系统时自己创建的脚本和样式表，asp.net core提供了不同的处理方式。那就是服务器端压缩功能。

asp.net core 3.0 的mvc 默认项目是不启动这个功能的，需要我们额外的开启支持。

2.1 开启支持

先引入 BuildBundleMinifier

cd MvcWeb # 切换目录到MvcWeb项目下

dotnet add package BuildBundleMinifier

创建 bundleconfig.json

[

{

"outputFileName": "wwwroot/css/site.min.css",

"inputFiles": [

"wwwroot/css/site.css"

]

},

{

"outputFileName": "wwwroot/js/site.min.js",

"inputFiles": [

"wwwroot/js/site.js"

],

"minify": {

"enabled": true,

"renameLocals": true

},