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

一、新建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")

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

时间: 2024-08-28 12:19:08

1、新建MVC项目,添加easyui,并启用捆绑压缩的相关文章

web项目添加easyui组件报错

创建web项目添加easyui组件到webRoot下后整个easyui组件报错 出现x的原因是eclipse检查了压缩版的jquery.min.js,而压缩版的语法格式很紧凑,eclipse反应不过来报错 可以右键easyui---->myeclipse---->exclude from validation  忽略报错就可以了,不影响组件的使用 原文地址:https://www.cnblogs.com/naidi/p/10477801.html

MVC4商城项目四:应用Bundle捆绑压缩技术

从MVC4开始,我们就发现,项目中对Global.asax进行了优化,将原来在MVC3中使用的代码移到了[App_Start]文件夹下,而Global.asax只负责初始化.其中的BundleConfig类就有个很牛X的功能:合并与压缩.想到以前做ASP.NET的时候要通过工具压缩,手动合并,很麻烦.通过BundleConfig可以大大的提高工作效率和项目性能. 一.基本的使用 1.1.Global.asax文件的初始化 protected void Application_Start() {

Visual Studio 2015 新建MVC项目 Package Manager Console不能使用 (HRESULT: 0x80131500)

Visual studio 2015 突然新建不了MVC项目,报出错误: HRESULT: 0x80131500 在折腾了很长时间,最后在Github上看到这样一个贴 地址:https://github.com/dotnet/cli/issues/3070 点击下载地址:https://www.microsoft.com/net/core#windows 下载安装(安装很慢,可能需要重启之后再安装) 安装完成之后,Vs问题修复了 Package Manager Console 也修复了 造成这个

VS2013新建MVC项目时弹出此模板尝试加载组件程序集”NuGet.VisualStudio.Interop,Version=1.0.0.0.......&quot; 的解决办法

电脑刚装完系统,下载了最新版的VisualStudio2013,安装完毕后打算新建项目试一下是否好用,选择新建ASP.NET MVC项目后,稍等片刻,发现VS弹出以下窗口: 于是顿感纳闷,重启系统后再尝试亦是如此.折腾一番,发现原来是VisualStudio从2012版本就开始使用NuGet来管理项目和程序集引用了.出现这个问题是因为没有安装NuGet包管理器.然后果断在VS的"工具>>扩展和更新>>联机"中搜索"NuGet Package Manag

eclipse 新建 maven 项目 添加 spring hibernate 的配置文件 详情

主要配置文件 pom.xml 项目的maven 配置文件 管理项目所需 jar 依赖支持 web.xml 项目的总 配置文件  :添加 spring和hibernate 支持 applicationContext.xml   hibernate的配置文件 sping-servlet.xml spring的配置文件 jdbc-properties 数据库连接属性 文件 ------------------------------pom.xml 开始-------------------------

vs2013新建MVC项目时提示系统找不到指定文件(异常来自HRESULT:0x80070002)

一.问题描述 1.打开vs2013,选择"文件|新建|项目",弹出如下对话框. 2.点击左侧的"Web",选择"ASP.NET Web 应用程序",点击确定 3.按上面红色部分选择好后点击"确定",结果弹出如下提示 二.原因分析 没有安装NuGet 三.解决问题 1.打开vs2013,选择"工具|扩展和更新" 2.选择"联机|Visual Studio 点击"NuGet Package

给现有MVC 项目添加 WebAPI

1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2. 在App_Start 下创建 WebApiConfig.cs 并注册路由 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Ta

webapi-1 给现有MVC 项目添加 WebAPI

1. 增加一个WebApi Controller, VS 会自动添加相关的引用,主要有System.Web.Http,System.Web.Http.WebHost,System.Net.Http 2. 在App_Start 下创建 WebApiConfig.cs 并注册路由 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Ta

.NET开发 MVC项目 添加Controller出现的错误:无法检索到元数据

ERROR: ---------------------------Microsoft Visual Studio---------------------------无法检索"MvcMusicStore.Models.Album"的元数据.Using the same DbCompiledModel to create contexts against different types of database servers is not supported. Instead, cre