mvc中Scripts.Render、Styles.Render

最新推荐文章于 2018-08-25 09:40:00 发布
最新推荐文章于 2018-08-25 09:40:00 发布
阅读量113 收藏
点赞数
文章标签： 测试 javascript ui ViewUI
原文链接：http://www.cnblogs.com/Roxlin/p/5615144.html
版权
mvc中Scripts.Render、Styles.Render

一、配置BundleConfig.cs文件

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

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

3、BundleConfig用来Add 各种Bundle

4、BundleConfig配置信息如图：

 
 
C# 代码    复制 

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>

 

posted on 2016-06-24 18:45  布衣天使 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/Roxlin/p/5615144.html

aliao9583
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET MVC Bundles 脚本包使用
09-20
在视图文件中，可以使用`@Scripts.Render`和`@Styles.Render`帮助器方法来输出Bundles，这两个方法会根据配置自动选择合适的文件，并将其合并为单一的HTTP请求。例如： ```html <!DOCTYPE html> @Styles.Render...
ASP.NET MVC 使用Bootstrap的方法
10-19
这里，`@Styles.Render` 和 `@Scripts.Render` 会自动包含Content和Scripts文件夹下的相关CSS和JS文件。 4. 在页面中使用Bootstrap的类和组件，例如导航栏、按钮、表格、模态框等，可以实现响应式布局和丰富的交互...
MVC视图配置时使用的Render方法
qq_34720759的博客
03-29 1160
@Styles.Render() 引入css文件 @Scripts.Render() 引入js文件 @RenderSection("Section", required: false) 不仅可以加载视图，也可以将css,script代码加载到模板页指定位置 @RenderBody() 模板页引入子页视图 @RenderPage() 加载指定页面的视图 ...
MVC中Bundle的使用
weixin_30348519的博客
08-25 264
1、BundleConfig配置 (1)StyleBundle中的参数，即为cshtml中需要调用的虚拟路径名称。 (2)Include包含路径，可以包含一个或多个css或js文件。即包含一组文件。 public class BundleConfig { public static void RegisterBundles(BundleCollec...
MVC（BundleConfig） 压缩捆绑技术，减少页面请求，优化客户体验。
雨后春笋_aspx专栏
12-01 3224
 BundleConfig类，内部设计 using System.Web; using System.Web.Optimization; namespace TYZ.UI {     public class BundleConfig     {         // 有关绑定的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=
在ASP.NET MVC中，使用Bundle来打包压缩js和css
weixin_34192732的博客
09-02 287
在ASP.NET MVC4中（在WebForm中应该也有），有一个叫做Bundle的东西，它用来将js和css进行压缩（多个文件可以打包成一个文件），并且可以区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。 具体优势可自行百度或参看官方介绍：http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification ...
ASP.NET MVC中Scripts.Render、Styles.Render的使用
weixin_34194087的博客
03-30 664
2019独角兽企业重金招聘Python工程师标准>>> ...
ASP.MVC-VanillaJq:ASP.MVC NON-SPA Jquery架构的POC
04-30
在ASP.NET MVC中，CSS通常放在Content文件夹内，然后在视图中通过`@Styles.Render`指令引入。通过CSS，开发者可以控制颜色、字体、布局和响应式设计，以确保应用程序在不同设备上具有良好的用户体验。 **文件结构...
详解Asp.Net MVC的Bundle捆绑
08-28
在视图中，通过`@Script.Render`或`@Styles.Render`帮助器引用捆绑资源，例如： ```html <script src="@Scripts.Render("~/bundles/jquery")"> <link href="@Styles.Render("~/Content/css")" rel="stylesheet" /> `...
VS2012+MVC中的RDLC 报表实例（不用数据库直接测试）
02-20
在本文中，我们将深入探讨如何在Visual Studio 2012 (VS2012) 和 ASP.NET MVC 框架中使用RDLC（Report Definition Language Client-Side Reports）报表，而无需连接到数据库。RDLC报表是微软提供的一个功能强大的...
Scripts.Render 索引超出了数组界限
arefp02662的专栏
04-12 112
这个问题是WebGrease引起的，需要nuget更新一下WebGrease。 转载于:https://www.cnblogs.com/LonelyCode/p/4421037.html
使用 @Styles.Render("~/Content/CSS") 和 @Scripts.Render("~/Content/JS") 加载样式
angyi6424的博客
07-30 724
首先 在NuGet 程序中搜索 Optimization 引用 （这边我是使用zh-Hans） 在App_Start中创建 BundleConfig.css using System.Web; using System.Web.Optimization; namespace ISU.App_Start { public class B...
MVC 之 解决MVC中使用BundleConfig.RegisterBundles引用Css及js文件发布后的丢失
weixin_34406796的博客
06-29 277
　　在MVC3中我们这样引用资源文件： &lt;link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /&gt; 　　将在运行的时候自动将虚拟（相对）路径转换为应用程序绝对路径。这是比较传统的引用方式，尽管他做了一次转换操作，对服务器的请求数量压力并没有什么改进的变化，所以推测可能出于...
Styles.Render索引超出了数组界限-搞定
亚特兰帝国
11-22 3104
Styles.Render索引超出了数组界限
mvc中Scripts.Render的用法
whaxrl的专栏
03-22 2万+
 一、配置BundleConfig.cs文件 1、首先要在App_Start 里面BundleConfig.cs 文件里面 添加要包含的css文件 2、BundleConfig就是一个微软新加的 一个打包的配置类 3、BundleConfig用来Add 各种Bundle 4、BundleConfig配置信息如下： public class BundleCon
别再用JS里面的Math.random()方法生成随机数
热门推荐
每天都记录一点点！
09-04 3万+
网上常能见到的一段 JS 随机数生成算法如下，为什么用 9301, 49297, 233280 这三个数字做基数？ 见到这个随机数生成算法好几次了，乍看有点鸡肋本来用Math.random()就可以的事。想不清楚为什么他要用9301,49297,233280这三个数字？其中有道理吗？还是仅是随意选的三个数？但是这个组合貌似流传很广。好多小网站源码里都见到过。 function
ModuleNotFoundError: No module named 'scripts.common'
最新发布
04-13
引用:出现"ModuleNotFoundError: No module named 'scripts.common'"错误的原因可能是没有安装名为'scripts.common'的模块。解决此错误的方法是确保已正确安装了该模块。可以使用以下步骤来安装模块[^1]： 1. 打开终端或命令提示符。 2. 运行以下命令来安装模块： ```shell pip install scripts.common ``` 3. 等待安装完成后，重新运行你的代码。 如果安装过程中出现权限错误，可以尝试在命令前加上sudo（适用于Linux和Mac用户）或以管理员身份运行命令提示符（适用于Windows用户）。 如果仍然出现相同的错误，可能是因为模块名称拼写错误或模块不可用。请确保正确拼写模块名称，并查阅相关文档以确定模块是否可用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值