随着技术的发展,ASP.NET Core MVC也推出了好长时间,经过不断的版本更新迭代,已经越来越完善,本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容,适用于初学者,在校毕业生,或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前几篇文章的讲解,初步了解ASP.NET Core MVC项目创建,启动运行,以及ASP.NET Core MVC的命名约定,创建控制器,视图,模型,接收参数,传递数据,路由等内容,今天继续讲解ASP.NET Core MVC 布局等相关内容,仅供学习分享使用。 大多数 Web 应用都有一个通用布局,可在页面间切换时为用户提供一致体验。该布局通常包括应用标头、导航或菜单元素以及页脚等常见的用户界面元素。在如下布局中,Content内容随着不同请求而改变,其他页面内容则很少改变,进而形成统一的风格,一致的用户体验,这就是布局的好处。 在ASP.NET Core MVC项目中,使用布局具有以下优势:
按照约定,默认布局名为
在通过模板创建的ASP.NET Core MVC项目中,默认会生成布局视图【Views/Shared/_Layout.cshtml】,布局视图主要包括三部分:
布局视图示例如下所示: 默认情况下,每个布局必须调用 视图具有Layout属性,可以指定使用不同的布局视图。指定的布局可以使用完整路径 (,例如 默认情况下【_ViewStart.cshtml】指定默认的布局视图,页面内容如下所示: 视图和页面可以使用 Razor 指令来导入命名空间并使用依赖项注入。可在一个共同的
注意:该文件不支持函数和节定义等其他 Razor 功能。 默认情况下,【_ViewImports.cshtml】页面内容如下所示: _ViewStart.cshtml, 注意: 如果在文件层次结构中找到多个
通过默认模板创建的程序,默认是应用布局文件,效果如下: 注意:content内容也应用了布局文件中公共的css样式和javascript脚本等资源。 在视图中,通过指定Layout属性可以取消或替换布局,如下所示:
取消布局效果,如下所示: 通过对比发现,取消布局后,原有的居中效果也消失了。说明失去了原有布局文件中css样式的支持。 以上就是ASP.NET Core MVC从入门到精通之布局的全部内容,旨在抛砖引玉,一起学习,共同进步。关于ASP.NET Core MVC 从入门到精 的通其他文章,可通过以下链接查看: ASP.NET Core MVC 从入门到精通之接化发(一) ASP.NET Core MVC 从入门到精通之接化发(二) 学习编程,从关注【老码识途】开始!!! |
|