在ASP.NET MVC项目中，可以在视图中利用Scripts.Render、Styles.Render统一加载js、css文件，需要利用BundleConfig类来Add 各种Bundle，例如：bundles.Add(new StyleBundle("~/Content1").Include("~/Content/common。css", "~/Content/content。css"))

一、配置BundleConfig.cs文件

1、首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件

2、BundleConfig就是一个微软新加的 一个打包的配置类

3、BundleConfig用来Add 各种Bundle

4、BundleConfig配置信息如图：

public class BundleConfig {

      public static void RegisterBundles(BundleCollection bundles) {

            bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-{version}.js"));



            bundles.Add(new StyleBundle("~/Content1/css").Include("~/Content/site.css"));

            bundles.Add(new StyleBundle("~/Content1/themes/base/css").Include(

                        "~/Content/themes/base/jquery.ui.core.css",

                        "~/Content/themes/base/jquery.ui.resizable.css",

                        "~/Content/themes/base/jquery.ui.selectable.css",

                        "~/Content/themes/base/jquery.ui.accordion.css",

                        "~/Content/themes/base/jquery.ui.autocomplete.css",

                        "~/Content/themes/base/jquery.ui.theme.css"));

        }

    }
 5、配置信息说明

(1)、上面的"~/Content1" 是虚拟路径，可以随便起名，用于标记打包哪个文件夹下面的.css 文件，后面的Include方法接受的是一个string[] 根据传入的路径去对css文件进行打包。

(2)、使用Bundle来引用css有个好处 就是可以把多个css文件在一起请求，浏览器只发一次请求 不过必须在Global.asax里面 加一段代码 BundleTable.EnableOptimizations = true 来启用优化。

(3)、在启用优化后，当页面下次再次发送请求的时候 BundleConfig里面没有更改的话 浏览器会从缓存中去取



二、使用Scripts.Render、Styles.Render引用BundleConfig中的配置


1、在视图文件中使用Scripts.Render()输出脚本包，Styles.Render()输出样式包


2、Script文件引用：@Scripts.Render(virtualPath[,virtualPath1][,virtualPath2][,...])


3、CSS文件引用：  @Styles.Render(virtualPath[,virtualPath1][,virtualPath2][,...])


4、实例








<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title</title>

    @Styles.Render("~/Content1/css")

</head>

<body>

    @RenderBody()

    @Scripts.Render("~/bundles/jqueryui")

</body>

</html>






 


												


											
MVC 中Scripts.Render、Styles.Render的更多相关文章
	

    
								
  1. ASP.NET MVC 4 (十一) Bundles和显示模式--asp.net mvc中 @Scripts.Render("~/bundles/jquery")是什么意思?  在布局文件中使用Scripts.Render()输出脚本包，Styles.Render()输出风格包：
		
    ASP.NET MVC 4 (十一) Bundles和显示模式 ASP.NET MVC 4 引入的js打包压缩功能.打包压缩jquery目录下的文件,在布局文件中使用Scripts.Render()输 ...
    
		
    2. 
						
  2. mvc中Scripts.Render、Styles.Render
		
    一.配置BundleConfig.cs文件 1.首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件 2.BundleConfig就是一个微软新加的 一个打 ...
    
		
    3. 
						
  3. mvc中Scripts.Render的用法
		
    第一次接触新的东西,都会很陌生,但是时间久了就熟悉了变简单了. 视图文件中使用Scripts.Render()输出脚本包,Styles.Render()输出样式包 上面两张图是我所做项目里的,放上面会 ...
    
		
    4. 
						
  4. 在_Layout模版中使用@Styles.Render()没有效果
		
    刚才有测试一个功能,就是在_Layout母版中使用了@Styles.Render()时行Render样式文件,所有在此母版下的视图均没有应用到样式,没有效果.是什么原因? 经查证资料,原来Insus. ...
    
		
    5. 
						
  5. ASP.NET MVC 4 RC的JS/CSS打包压缩功能  Scripts.Render和Styles.Render
		
    打包(Bundling)及压缩(Minification)指的是将多个js文件或css文件打包成单一文件并压缩的做法,如此可减少浏览器需下载多个文件案才能完成网页显示的延迟感,同时通过移除JS/CSS ...
    
		
    6. 
						
  6. [ASP.NET MVC]@Scripts.Render、@Styles.Render的使用
		
    一.配置BundleConfig.cs文件 1.首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件 2.BundleConfig就是一个微软新加的 一个打 ...
    
		
    7. 
						
  7. c# MVC中 @Styles.Render索引超出下标
		
    @Styles.Render( "~/Content/bootstrap/css", "~/Content/mycss") 提示索引超出下标 后来发现市boot ...
    
		
    8. 
						
  8. 关于MVC4.0中@Styles.Render用法与详解
		
    本文分享于http://keleyi.com/a/bjac/q74dybjc.htm文章,感觉写的蛮好所以就拿过来做笔记了,希望对大家有帮助 最近公司的新项目用了MVC 4.0,接下来一步步把 工作中 ...
    
		
    9. 
						
  9. 【MVC】Scripts.Render的用法
		
    一.配置BundleConfig.cs文件 1.首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件2.BundleConfig就是一个微软新加的 一个打包 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. grpc（一）grpc-java之helloworld
			
    1.参考资料 (1)grpc-java官网QuickStart: https://grpc.io/docs/quickstart/java.html (2)grpc-java的github: http ...
    
			
    2. 
						
  2. Python Flask框架
			
    Python有很多Web框架,可谓是百家争鸣,我这里列出几个比较叼的几个框架 Django      市场占有率最高,官方文档几近完美,但是适合比较大的项目,小项目会显得累赘. Tornado     ...
    
			
    3. 
						
  3. vue教程自学笔记（二）
			
    三.模板语法 1.文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值. 通过v-once指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新. 2.原始H ...
    
			
    4. 
						
  4. secondPage
			
    写的第二个页面,参照着别人的代码,网上找寻自己需要的标签,每个小地方都得试许多次才能明白标签的正确使用方法,自己动手写出来一个页面虽然超级粗糙,但是挺有收获的. <!DOCTYPE html&g ...
    
			
    5. 
						
  5. jmeter接口测试基础知识2.0
			
    如何在jmeter中上传文件:选择post方式后,选择FILES Upload--文件名称栏点击浏览,值栏写file,如果查看的时候报错,就在MIME类型中写TXT 参数化:添加学生信息:进行参数化1 ...
    
			
    6. 
						
  6. faker模块
			
    faker模块中有很多函数,可以直接生成手机号,身份证号,姓名等 1.安装faker pip install faker 2.faker的使用 from faker import Faker f=Fa ...
    
			
    7. 
						
  7. wordpress搭建自己的博客~
			
    去官方网站下载wordpress,并解压缩.下载链接:https://cn.wordpress.org/ wordpress是一款开源的PHP框架,搭建个人博客网站最实用的选择之一,甚至你都不需要懂P ...
    
			
    8. 
						
  8. JAVA将汉字转换为全拼以及返回中文的首字母，将字符串转移为ASCII码
			
    import net.sourceforge.pinyin4j.PinyinHelper;import net.sourceforge.pinyin4j.format.HanyuPinyinCaseT ...
    
			
    9. 
						
  9. 多线程callable使用方法
			
    Runnable是执行工作的独立任务,但是它不返回任何值.在JavaSE5中引入的Callable是一种具有类型参数的泛型,它的类型参数表的是从方法call()中返回的值,并且必须使用Executor ...
    
			
    10. 
						
  10. C# 图片处理方法 整理汇总
			
    /// <summary> /// 图片转为base64编码字符 /// </summary> /// <param name="path">图 ...
    
			
    11.