当前第2页 返回上一页
在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 | @using System.Web.Optimization
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@*<link href="@Url.Content(" rel="external nofollow" rel="external nofollow" ~/css/bootstrap.css")" rel="stylesheet">
<script src="@Url.Content("~/js/bootstrap.js")"></script>*@
@Scripts.Render("~/bootstrap/js")
@Styles.Render("~/bootstrap/css")
</head>
<body>
<p>
@*@RenderBody()*@
</p>
</body>
</html>
|
当然为了通用性，最佳的实践是在Views文件夹的web.config中添加System.Web.Optimization名称空间的引用，如下所示：
1 2 3 4 5 6 7 8 | <namespaces>
<add namespace="System.Web.Mvc" />
<add namespace="System.Web.Mvc.Ajax" />
<add namespace="System.Web.Mvc.Html" />
<add namespace="System.Web.Routing" />
<add namespace="Bootstrap.Web" />
<add namespace="System.Web.Optimization" />
</namespaces>
|
测试打包和压缩
为了使用打包和压缩，打开网站根目录下的web.config文件，并且更改compilation元素的dubug属性为false，即为release。
1 2 3 4 5 6 7 | <system.web>
<compilation debug="false" targetFramework="4.5" />
<httpRuntime targetFramework="4.5" />
</system.web>
|
当然你可以在Application_Start方法中设置BundleTable.EnableOptimizations = true来同样达到上述效果（它会override web.config中的设置，即使debug属性为true）。
最后浏览网页，查看源代码，可以清楚看到打包文件的路径是之前定义过的相对路径，点击这个链接，浏览器为我们打开了经过压缩处理过后的打包文件，如下图所示：
小结
在这一章节中，简单为大家梳理了Bootstrap的体系结构，然后怎样在ASP.NET MVC项目中添加Bootstrap，最后使用了打包和压缩技术来实现对资源文件的打包，从而提高了网站的性能。
以上就是ASP.NET MVC 使用Bootstrap方法介绍的详细内容！
返回前面的内容
相关阅读 >>
分享一个asp.net实现多个文件同时下载的方法
asp.net中的参数与特殊类型的实例详解
asp.net mvc如何使用bootstrap的实例分析
关于操作 asp.net web api的实例
asp.net页脚制作详解
asp与asp.net的区别与联系
asp.net mvc中传参并绑定数据的实例教程
asp.net常用函数总结
[asp.net mvc 小牛之路]05 - 使用 ninject
c#中委托和匿名委托的具体介绍
更多相关阅读请进入《bootstrap》频道 >>
清华大学出版社
作者:[美]克里斯琴·内格尔（Christian Nagel）著。出版时间：2019年3月。
转载请注明出处：木庄网络博客 » ASP.NET MVC 使用Bootstrap方法介绍
