创建 MVC的模板页，引用多个Css（期间，产生 HTTP 错误 500.23 - Internal Server Error 　　检测到在集成的托管管道模式下不适用的 ASP.NET 设置。）

时间：2017-06-13 23:56:19 阅读：323 评论：0 收藏：0 [点我收藏+]

标签：ons 版本 asp.net dex clu 运行 routes .com mod

技术分享

首先，创建一个_Layut.cshtml的模板页

@using System.Web.Optimization
<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>666</title>
    @Styles.Render("~/Content/Css/css")
    
</head>
<body>
    <div>
        @RenderBody()
    </div>
</body>
</html>

这里头，需要引用 Optimization，可以在NuGet里面查找引用（Microsoft.AspNet.Web.Optimization）

然后，在App_Start中创建一个BundleConfig.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Optimization;

namespace InsusMvc.NET
{
    public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            bundles.Add(new StyleBundle("~/Content/Css/css").Include(
                "~/Content/Css/StyleSheet1.css"，
　　　　　　　　　 "~/Content/Css/StyleSheet2.css"//这个是我路径下的css，多个的话，可以继续加下去，其间用逗号（英文）隔开
                ));
        }
    }
}

之后，在View文件夹里面的web.config添加namespace

技术分享

后年，在Global.asax中添加 BundleConfig.RegisterBundles(BundleTable.Bundles);

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
using System.Web.Optimization;
using InsusMvc.NET;

namespace InsusMvc
{
    public class MvcApplication : System.Web.HttpApplication
    {
        protected void Application_Start()
        {
            AreaRegistration.RegisterAllAreas();
            RouteConfig.RegisterRoutes(RouteTable.Routes);
            BundleConfig.RegisterBundles(BundleTable.Bundles);//添加这个（使用我们上面添加的BundleConfig.cs）
        }
    }
}

最后，配置完成，创建个 Index.cshtml页面来试试

@{
    Layout = "~/Layout/_Layout.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div class="title"> 
        kankan
    </div>
</body>
</html>

当然，不采用模板页也可以

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    @Styles.Render("~/Content/Css/css")
</head>
<body>
    <div class="title"> 
        kankan
    </div>
</body>
</html>