在ASP.NET MVC 布局页使用@Styles.Render("~/bootstrap/css")、@Scripts.Render("~/bootstrap/js")来添加对打包文件的引用。
如果Visual Studio HTML编辑器表明无法找到Styles和Scripts对象,那就意味着你缺少了命名空间的引用,你可以手动在布局页的顶部添加System.Web.Optimization 命名空间,如下代码所示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
当然为了通用性,最佳的实践是在Views文件夹的web.config中添加System.Web.Optimization名称空间的引用,如下所示:
1 2 3 4 5 6 7 8 |
|
测试打包和压缩
为了使用打包和压缩,打开网站根目录下的web.config文件,并且更改compilation元素的dubug属性为false,即为release。
1 2 3 4 5 6 7 |
|
当然你可以在Application_Start方法中设置BundleTable.EnableOptimizations = true来同样达到上述效果(它会override web.config中的设置,即使debug属性为true)。
最后浏览网页,查看源代码,可以清楚看到打包文件的路径是之前定义过的相对路径,点击这个链接,浏览器为我们打开了经过压缩处理过后的打包文件,如下图所示:
小结
在这一章节中,简单为大家梳理了Bootstrap的体系结构,然后怎样在ASP.NET MVC项目中添加Bootstrap,最后使用了打包和压缩技术来实现对资源文件的打包,从而提高了网站的性能。
以上就是ASP.NET MVC 使用Bootstrap方法介绍的详细内容!
相关阅读 >>
.net core版上传文件/ 批量上传拖拽及预览功能(bootstrap fileinput上传文件)的实例详解
详细介绍一款.net代码编辑控件(icsharpcode.texteditor)
asp.net core如何安装?详解asp.net core安装的实例教程
如何在不使用 webmatrix 的情况下发布 web pages?
图文详解asp.net百度ueditor编辑器实现上传图片添加水印效果实例
更多相关阅读请进入《bootstrap》频道 >>
C#高级编程(第11版) C# 7 & .NET Core 2.0(.NET开发经典名著)
作者:[美]克里斯琴·内格尔(Christian Nagel)著。出版时间:2019年3月。