ASP.NET MVC4 @style.render

浏览数：109 / 时间：2015年06月09日

参考：http://www.cnblogs.com/madyina/p/3702314.html

　　 http://blog.csdn.net/zhou44129879/article/details/16818987

功能描述：

1. @Styles.Render("~/content/css") ,@Style.Render("~/Content/css1"，"~/Content/css2"[,...])：

页面加载指定CSS文件

2.@Scripts.Render("~/content/script") ,@Scripts.Render("~/xpath/script1"，"~/xpath/script2"[,...])：

页面加载指定JS文件

添加步骤：

1. APP_START下添加BundleConfig.cs，设置需绑定的文件

using System.Web;
using System.Web.Optimization;

namespace XXX
{
    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/jquery-min").Include(
                "~/Scripts/jquery-{version}.min.js"));
            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                "~/Scripts/bootstrap-{version}.min.js"));
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));
            bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/style.css"));
        }
    }
}

2.Global.asax配置内容

Application_start添加BundleConfig相关内容

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Http;
using System.Web.Mvc;
using System.Web.Routing;
using System.Web.Optimization;

namespaceXXX
{

    public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            AreaRegistration.RegisterAllAreas();

            WebApiConfig.Register(GlobalConfiguration.Configuration);
            FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);            
            BundleTable.EnableOptimizations = true;// 默认为true,生产环境下，会对css和js等文件进行捆绑和压缩，开发模式不执行该操作
         BundleConfig.RegisterBundles(BundleTable.Bundles);
            RouteConfig.RegisterRoutes(RouteTable.Routes);
        }
    }
}

3. 页面添加内容

<head>
    <meta http-equiv="content-type" content="text/html;charset="utf=-8";width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no"/>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Cotent/css")
    @Styles.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
</head>