首先，在文件夹【~/Views/Shared/】下新建一个文件，命名为：_NavBar.cshtml。
再将之前母版页面中的导航部分抽取出来，放到_NavBar.cshtml文件中：
<nav>
<div>
<div>
<button type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span>Toggle navigation</span>
<span></span>
<span></span>
<span></span>
</button>
<a href="http://www.likecs.com/~/">TSBLOG</a>
</div>
<div>
<ul>
<li><a href="http://www.likecs.com/~/">网站首页</a></li>
<li>
<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">分类导航 <span></span></a>
<ul>
<li>后端开发</li>
<li><a href="http://2sharings.com/category/csharp-development">C#程序设计</a></li>
<li><a href="http://2sharings.com/category/dot-net">.NET程序设计</a></li>
<li><a href="http://2sharings.com/category/asp-dot-net">ASP.NET</a></li>
<li><a href="http://2sharings.com/category/asp-net-mvc">ASP.NET MVC</a></li>
<li><a href="http://2sharings.com/category/asp-dotnet-core">ASP.NET Core</a></li>
<li><a href="http://2sharings.com/category/winform">Winform</a></li>
<li role="separator"></li>
<li>数据库</li>
<li><a href="http://2sharings.com/category/mysql">MySQL</a></li>
<li><a href="http://2sharings.com/category/sql-server">SQL Server</a></li>
<li><a href="http://2sharings.com/category/sqlite">SqLite</a></li>
</ul>
</li>
<li><a href="http://www.likecs.com/~/home/about">关于我们</a></li>
<li><a href="http://www.likecs.com/~/home/contact">联系我们</a></li>
</ul>
<ul>
<li><a href="http://www.likecs.com/~/account/register">免费注册</a></li>
<li><a href="http://www.likecs.com/~/account/login">立即登录</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
然后修改母版页_Layout.cshtml为:
怎么样，母版页现在是不是更加整洁了呢？我们在后期维护导航的时候是不是也会更加容易了呢？有没有觉得Razor视图DIAO爆了。
写到这里，Rector还真想吐槽，吖的，为什么传统的Webform母版页功能怎么做得那么难用呢！！！
“好在，我们还有Razor。”软软站出来说。(我就站一旁看着，不说话)
好了，Rector把母版页和部分视图给大家作了一个初步的分享，接下来我们把文章详情页面也应用上母版页。
打开文件/Home/Post.cshtml，将页面代码修改成如下所示：
@model TsBlog.ViewModel.Post.PostViewModel
@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = Model.Title;
}
<article>
<p>Post id:@Model.Id</p>
<p>Post Title:@Model.Title</p>
<p>Post PublishedAt:@Model.PublishedAt</p>
<p>Post IsDeleted:@Model.IsDeleted</p>
</article>
打完收工，本文关于Razor视图引擎的母版页和部分视图就为大家分享到这里，Rector在这里起一个抛砖引玉的作用，更多的关于母版页和部分视图请查阅更多详细的资料，以挥其更大的作用。
好了，如果你喜欢Rector，或者是喜欢本系列文章，请为我点个赞，以鼓励Rectro继续写出更好的文章，或者系列文章。
本期源码托管地址：请至文章首发地址获取《一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](十)》
看完教程如果觉得还不过瘾的，想“勾对”的，欢迎加入图享网官方QQ群：483350228，如果你按照教程还原出来的程序运行有问题，请参照本期源码对应调整与修改遇到问题的，也欢迎加入QQ群。有什么，你懂的。。。^_^
谢谢你的耐心阅读，本系列未完待续，我们下期再见……
同时，也欢迎大家关注我们的.NET编程爱好者社区：https://2sharings.com 每天都有.NET的开发技术干货更新哦。
https://2sharings.com 一个.NET编程爱好者社区，专注.NET/C#开发，帮助你找到疑难问题的更优美、更高级的解决方案
