mvc4.0 @Styles.Render(转)
1.@Styles.Render
在页面上可以用@Styles.Render("~/Content/css") 来加载css
首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件
BundleConfig就是一个微软新加的 一个打包的配置类
用来Add 各种Bundle
bundles.Add(new StyleBundle("~/Content").Include("~/Content/common.css")); //这样是错误的 new StyleBundle("~/Content") 初始化的虚拟目录名称不能跟 真正的目录相同 也就是 后面的Include("~/Content/common.css")); 这里要把new StyleBundle("~/Content")的"~/Content" 改成别的名称。
bundles.Add(new StyleBundle("~/Content1").Include("~/Content/common.css", "~/Content/content.css")); bundles.Add(new StyleBundle("~/Content2").Include("~/Content/site.css" ));
这里的"~/Content1" 可以随便起名(但一定要按这个URL格式来) 用于标记打包哪个文件夹下面的.css 文件,后面的Include方法接受的是一个string[] 根据传入的路径去对css文件进行打包
然后前面页面用@Styles.Render("~/Content1”,"~/Content2”) 来调用显示。
bundles.Add(new StyleBundle("~/Content1").Include("~/Content/content.css"));bundles.Add(new StyleBundle("~/Content1").Include("~/Content/site.css"));bundles.Add(new StyleBundle("~/Content1").Include("~/Content/common.css"));
这种情况添加相同的Key时 程序会调用最后一次添加的~/Content/common.css。
当然也可以直接在页面上来加载比如:
(2).@Styles.Render("~/Content/site.css", "~/Content/common.css", "~/Content/content.css")
或者 第一种方式+第二种方式组合来加载 比如:
BundleConfig里面添加了一个
bundles.Add(new StyleBundle("~/Content1").Include("~/Content/common.css"));
组合调用 :@Styles.Render("~/Content1", "~/Content/site.css", "~/Content/content.css")
这时候页面上会加载3个css文件
但是 如果BundleConfig里面这样
bundles.Add(new StyleBundle("~/Content1").Include("~/Content/common.css","~/Content/content.css"));
页面上这样写:@Styles.Render("~/Content1", "~/Content/site.css", "~/Content/content.css")
看到没这个"~/Content/content.css"重复了, 2边都引用了.. 这时候 程序不会再执行页面上引用的css
注意:使用Bundle来引用css有个好处 就是可以把多个css文件在一起请求,浏览器只发一次请求 不过必须在Global.asax里面 加一段代码 BundleTable.EnableOptimizations = true;
来启用优化,看最终结果
而且 当页面下次再次发送请求的时候 BundleConfig里面没有更改的话 浏览器会从缓存中去取 ,这一点大大提高了性能 ...
转载于:https://www.cnblogs.com/lfxiao/p/7234918.html
mvc4.0 @Styles.Render(转)相关推荐
- operamasks-ui2.0 +MVC4.0+EF5.0实战之一 开篇及布局控件介绍
两年前,曾打算自己开发一个web开发框架,把部门.人员.权限.日志作为基本服务加入进去,在其基础上可以做业务快速开发,结果没有坚持下去,仅仅开了个头就夭折了.究其原因,一方面是采用自己完全不熟悉的新技 ...
- Asp.net MVC4.0(net4.5) 部署到window server 2003上的解决方案
把Asp.net MVC4.0(net framework4.5) 部署到window server 2003上的解决方案 最近做了一个Web项目,也没多想就用了Asp.net MVC4.0 ,MVC ...
- 一. DotNet MVC4.0+EasyUI Web简单框架-前言
之所以说它简单,是因为仅仅用了大家最熟悉的三层架构,简单明了 1.先新建一个MVC4.0 Web项目 2.添加EasyUI的引用,放到Script底下 http://files.cnblogs.com ...
- MVC4.0网站发布和部署到IIS7.0上的方法【转:http://www.th7.cn/Program/net/201403/183756.shtml】...
最近在研究MVC4,使用vs2010,开发的站点在发布和部署到iis7上的过程中遇到了很多问题,现在将解决的过程记录下来,以便日后参考,整个过程主要以截图形式呈现 vs2010的安装和mvc4的安装不 ...
- .net MVC4.0项目发布到阿里云虚拟主机中遇到的问题。
正所谓学以致用,今天本来想做个bootstrap的demo发到服务器上看一下效果,结果服务器搞了半天,最终太晚了没能学到什么东西. 首先写好页面之后我做了一个MVC4.0的网站项目,然后把Bootst ...
- MVC4.0网站发布和部署到IIS7.0上的方法
最近在研究MVC4,使用vs2010,开发的站点在发布和部署到iis7上的过程中遇到了很多问题,现在将解决的过程记录下来,以便日后参考,整个过程主要以截图形式呈现 vs2010的安装和mvc4的安装不 ...
- 跟我一起学习ASP.NET 4.5 MVC4.0(一)
由于上面一个项目使用的是ASP.NET4.0 MVC3.0,在招人的时候发现很多人有听说过MVC,但是却是没用过,对MVC也只是一知半解,最近想给团队成员做一个系统的解说,让大家都可以学习一下ASP. ...
- @Styles.Render
1.@Styles.Render 在页面上可以用@Styles.Render("~/Content/css") 来加载css 首先要在App_Start 里面BundleConfi ...
- mvc4.0 @ViewBag.Title
mvc4.0 @ViewBag.Title ViewBag.Title 就是 显示网页的title ,可以在layout里面 定义一个 @ViewBag.Title - XXX网站 @ViewBag ...
最新文章
- Vim安装、配置和插件的添加使用(可以以目录的形式打开)
- [zjoi2017]仙人掌
- 光端机的使用注意事项详解
- python中random库_python标准库之random模块
- oracle scn隐藏参数,Oracle隐含参数scn不一致启动
- html文本域 高度自适应,textarea高度自适应,textarea随着内容高度变化
- android强制结束进程_Android完全强制退出应用程序
- Linux系统和windows系统mysql5.7.32的下载
- 计算机图形学代码之三角形绘制
- 微信小程序input禁止输入特殊符号
- 解决XML转JSON串时报错:Exception in thread main java.lang.NoClassDefFoundError: nu/xom/Serializer
- uniapp 引用图片地址
- 杀毒辅助工具冰刃IceSword详细介绍
- 基于web服务的文件共享平台pydio搭建教程
- 【拔刀吧 TensorFlow】TensorFlow学习笔记八——何为卷积神经网络
- 非常详细的FastDFS整合springBoot教程-带文件下载地址
- MATLAB使用指南
- 怎样控制键盘按键自动填写网页表单
- 开关电源串模扼流圈、共模扼流圈选择方法
- Chicken for Windows Phone
热门文章
- phpexcel删除行_php - PHPExcel从大型工作表中删除行 - 堆栈内存溢出
- 手机计算机的冷知识,重度手机控也未必知道的冷知识!现在智能手机都一个样?...
- 解决 ImportError: No module named 'pip._internal'问题
- VUE使用Stylus插件
- 用 lastIndexOf()、substr()、split()方法截取一段字符串
- 单纯形法MATALAB实现
- 双缓冲(Double Buffer)原理和使用【转】
- SylixOS网络性能测试
- SVN 的安装与配置
- mysql Table 'performance_schema.session_variables' doesn't exist