分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

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

发布时间:2023-09-06 01:39责任编辑:沈小雨关键词:MVCeasyui

一、新建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,并启用捆绑压缩

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved