码迷,mamicode.com
首页 > Web开发 > 详细

1、新建MVC项目,添加easyui,并启用捆绑压缩

时间:2018-01-27 23:14:28      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:java   theme   补充   ros   config   引擎   视图   没有   erb   

一、新建MVC项目,选择mvc4,选择.NET Framework4框架。考虑对server 2003的支持,选择.NET Framework4框架。

技术分享图片

二、选择项目模板:选“空”,视图引擎:选“Razor”。

技术分享图片

三、添加easy ui

      1、右键选择“管理NuGet程序包”

技术分享图片

   2、在联机中搜索easyui ,此处为1.4.5版本,点击安装。安装完成后项目中自动新增“Content”和“script”两个文件夹。

技术分享图片

 四、启用捆绑压缩技术,将css和javascript压缩输出到页面

1、在App_Star文件夹下新建一个BundleConfig.cs类,

 2、定义RegisterBundles方法,BundleCollection对象作为参数,代码如下:

        public static void RegisterBundles(BundleCollection bundles)
        {

         }

  备注:因为没有BundleCollection类,提示缺少引用。解决:程序添加对System.Web.Optimization.dll的引用,类中添加using System.Web.Optimization。

          如果手动添加时在整个库中都找不到:System.Web.Optimization命名空间。打开程序包管理控制台,

技术分享图片

 在控制台中输入:Install-Package Microsoft.AspNet.Web.Optimization按回车。

技术分享图片

在控制台中看到提示:“已成功将“Microsoft.AspNet.Web.Optimization 1.1.3”添加到****。表示项目中就已添加了Microsoft.AspNet.Web.Optimization.dll的引用,就可以找到“System.Web.Optimization”命名空间,同时使用BundleCollection对象。

 五、注册BundleConfig.cs类并在web.config中添加命名空间

1、BundleConfig.cs类写好后,在Global.asax文件的Application_Start方法中注册,写入一行:BundleConfig.RegisterBundles(BundleTable.Bundles);并添加对System.Web.Optimization.dll的引用

技术分享图片

2、命名空间是需要在web.config中添加,在程序目录下有个web.config ,在View文件夹下也有个web.config,在两个文件中都加上如下代码:

<add namespace="System.Web.Optimization"/> ,具体位置在<namespaces></namespaces>节点内。

六、补充BundleConfig类下的RegisterBundles方法,

代码如下

 1     public class BundleConfig
 2     {
 3         public static void RegisterBundles(BundleCollection bundles)
 4         {
 5             //easyui
 6             bundles.Add(new StyleBundle("~/Content/themes/css").Include("~/Content/themes/icon.css",
 7                                                                         "~/Content/themes/color.css"));
 8             bundles.Add(new StyleBundle("~/Content/themes/black/css").Include("~/Content/themes/black/easyui.css"));
 9             bundles.Add(new StyleBundle("~/Content/themes/bootstrap/css").Include("~/Content/themes/bootstrap/easyui.css"));
10             bundles.Add(new StyleBundle("~/Content/themes/default/css").Include("~/Content/themes/default/easyui.css"));
11             bundles.Add(new StyleBundle("~/Content/themes/gray/css").Include("~/Content/themes/gray/easyui.css"));
12             bundles.Add(new StyleBundle("~/Content/themes/material/css").Include("~/Content/themes/material/easyui.css"));
13             bundles.Add(new StyleBundle("~/Content/themes/metro/css").Include("~/Content/themes/metro/easyui.css"));
14 
15             bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));
16             bundles.Add(new ScriptBundle("~/bundles/jqueryeasyui").Include("~/Scripts/jquery.easyui-{version}.js"));
17         }
18     }

 七、将css和javascript压缩输出到页面,网页引用easyui框架,代码:

1     @Styles.Render("~/Content/themes/css")
2     @Styles.Render("~/Content/themes/gray/css")
3     @Scripts.Render("~/bundles/jquery")
4     @Scripts.Render("~/bundles/jqueryeasyui")

 

1、新建MVC项目,添加easyui,并启用捆绑压缩

标签:java   theme   补充   ros   config   引擎   视图   没有   erb   

原文地址:https://www.cnblogs.com/shiliumu/p/8367353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!