mvc bundle功能(2)

配置好Bundle,注册好之后,再是调用

 1 <head>
 2     <meta charset="utf-8">
 3     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 4     <meta name="viewport" content="width=device-width, initial-scale=1">
 5     <meta name="description" content="">
 6     <meta name="author" content="">
 7     <link rel="icon" href="../../favicon.ico"> 8
 9     <title>Dashboard Template for Bootstrap</title>10
11     <!-- Bootstrap core CSS -->
12     <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
13     <!-- Custom styles for this template -->
14     <link href="/css/dashboard.css" rel="stylesheet" />
15     @*<script src="/assets/global/plugins/jquery-1.11.0.min.js"></script>
16     <script src="/Scripts/jquery-ui-1.8.20.min.js"></script>*@
17     @Scripts.Render("~/bundles/jquery")
18     @Scripts.Render("~/bundles/jqueryval")
19     @RenderSection("head", false)
20    @*<link href="/Content/kendo.common.min.css" rel="stylesheet">
21     <link href="/Content/kendo.rtl.min.css" rel="stylesheet">
22     <link href="/Content/kendo.default.min.css" rel="stylesheet">
23     <link href="/Content/kendo.dataviz.min.css" rel="stylesheet">
24     <link href="/Content/kendo.dataviz.default.min.css" rel="stylesheet">
27     <script src="/Scripts/kendo/kendo.all.min.js"></script>
28     <script src="/Scripts/kendo/cultures/kendo.culture.zh-CN.min.js"></script>
29     <script src="/Scripts/kendo/kendo.aspnetmvc.min.js"></script>*@
30
31     @Styles.Render("~/Content/kendo/css")
32     @Scripts.Render("~/bundles/kendo")
33     <script type="text/javascript">
34         //set current to the "en-GB" culture script
35         kendo.culture("zh-CN");
36 </script>
37   </head>

引用起来是不是很简单?当然要使bundle最终生效,还得再web.config中配置下,把debug改为false

<compilation debug="false" targetFramework="4.5"/>

时间: 2024-11-05 11:38:57

mvc bundle功能(2)的相关文章

mvc bundle功能(1)

现如今都提倡敏捷开发,快速开发,但是再要求速度的同时,还得保证质量!前端我是没办法,毕竟是直接要面向用户的,但是后台,解决方案那就多了,诸如extjs,bootstrap,kendoui,都可以解决.但是使用了这些第三方的东西,我们的后台是漂亮了,效果也炫了,新的问题就来了,大量的引用js.css. 这是我用bootstrap.kendoui搭的一个标准后台,代码非常简洁,但是引用了很多样式和js,加载完这个页面发送了又16个请求,耗时1.36s. 有没有一种方法可以把这些js和css合并起来并

Asp.net MVC Bundle 的使用与扩展

一.Asp.net 自带Bundle的使用: 1. 在Globale中注册与配置 BundleConfig.RegisterBundles(BundleTable.Bundles); public class BundleConfig { // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725 public static void RegisterBundles(Bundle

MVC bundle(包扎)CSS或是JS文件

以前写asp.net网页时,会在<head>节点中引用很多样式文件或是javascript文件,如下图左大括号的引用语句. 现在在MVC应用程序中,可以使用使用Bundle来捆一起, 在Solution Explorer窗口应用程序下,找到App_Start目录.在此目录下创建一个类,命名为“BundleConfig.cs” 并修改namespace: Insus.NET 上图中的#11行的蓝下划线的名称,将就是以View应用的名称.接下来,我们打开Global.asax.cs文件,分三步,第

MVC 区域功能

因为MVC项目是要求都放在固定的文件夹,所以,当项目大的时候,会很不方便管理,所以微软引入的区域的功能 使用方法: 在项目上右击--添加--区域 就会出现Areas的文件夹,里面就是子MVC 渲染: Html.RenderPartial("About");  //只是把About的视图(也就是HTML页)渲染(嵌套)到Index页 Html.RenderAction("About");  //是讲控制器的Action也渲染到Index页

ASP.NET Core - ASP.NET Core MVC 的功能划分

概述 大型 Web 应用比小型 Web 应用需要更好的组织.在大型应用中,ASP.NET MVC(和 Core MVC)所用的默认组织结构开始成为你的负累.你可以使用两种简单的技术来更新组织方法并及时跟进不断增长的应用程序. Model-View-Controller (MVC) 模式相当成熟,即使在 Microsoft ASP.NET 空间中亦是如此.第一版 ASP.NET MVC 在 2009 年推出,并且在今年夏初全面启动了 ASP.NET Core MVC 平台.至今,随着 ASP.NE

Spring MVC项目功能不完全指北

Spring MVC角色 Spring MVC是一款优秀的控制器框架,我们基于Servlet的思想基础,使用Spring MVC是一件比较简单的事情.只是Spring MVC会实现很多细节化的东西,使得开发的效率很高.Serlvet只是粗浅的处理了HTTP请求,其中并没有牵扯到复杂的需求定制.庆幸的是,Spring MVC实现了很多定制功能并且学习成本不高,而且开发效率大大提高了. 处理HTTP请求 如Servlet中存在doGet和doPost方法一样,如果把Spring MVC的方法声明为

ASP.NET MVC Bundle 使用

基本使用 Global.asax protected void Application_Start() { BundleConfig.RegisterBundles(BundleTable.Bundles); } BundleConfig public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jquery").Include( &quo

瞎折腾之 Lucene.Net + MVC 搜索功能

前言 首先,关于Lucene.Net 的文章已经很多了.我这次决定写出来只是为了练练手,虽然在别人看来没什么用,但是自己确实是手动实践了一把.我个人觉得还是有意义的.爱折腾.敢于实践.才能有所收获,才能发现问题.不要怕自己写的东西有问题,有问题才更好呢,可以让更多的人看见,提意见的当然是好,鄙视的……我也接受,给自己 动力去思考. 想让自己时刻保持着这种程序员-->代码心态.人都是带有惰性的,一旦玩起来 呵呵... 效果显示 进入主题 相信大家对于LuceneNet 并不陌生了,园子里面的文章很

MVC Bundle生成的css路径问题

项目是嵌套在主站的一个子站点,结果用CssRewriteUrlTransform来将相对目录路径改成相对网站根目录路径的时候发现少了虚拟目录的路径.最终解决方案: /// <summary> /// 实现支持虚拟目录的路径转换 /// </summary> public class CssRewriteUrlTransformWrapper : IItemTransform { public string Process(string includedVirtualPath, st