前言
为了符合后面更新后的重构系统，本文于2016-10-31日修正一些截图，文字
我们有了一系列的解决方案，我们将动手搭建新系统吧。
后台系统没有多大的UI视觉，这次我们采用的是标准的左右分栏，左边是系统菜单，右边是一个以tabs页组成的页面集合，每一个tab都可以单独刷新和关闭
开发工具
Visual Studio 2012（以上）
开始搭建
打开我们熟悉的VS创建一个空解决方案。我起了个名字叫Apps，类库命名空间将与Apps开头
如Apps.BLL,Apps.Web等命名
1. 新建MVC5.0的Web站点
2.前端框架EasyUI
EasyUI下载：有多新用多新 http://www.jeasyui.com/download/list.php
关于素材的存放，我列了下面
- 1.把jquery.easyui.min.js放到scripts目录下
- 2.主题themes放到到content下 这里我只保留灰色和蓝色主题，其他主题我的审美有限度，大家可以到easyui官方下载新的主题
- 3.把Images文件夹移动到content下
- 4.Filters文件删掉
- 5.把素材放到content目录下，我已经为大家准备好这个项目所要用到的图片素材，不够我们再添加
- 6.把controllers的AccountController.cs,HomeController.cs删除
- 7.把View视图自带的cshtml删掉。
3.新建Home控制器
还是新建一个“空”的控制器，添加index视图
Index代码
View Code
这里我们看到head @Styles.Render("~/Content/css")这些代码，这是MVC的捆版压缩技术，将css和javascript压缩输出到页面。我已经做好了所以大家只要看下就可以。也可以谷歌一下他的原理组成。博客园很多大虾也都给出了答案。其文件是App_Start下的BundleConfig.cs
View Code
index的脚本，这个home视图的脚本，他集成了tab页的右键菜单我已经集成到系统。运行之前要在Global.asax启用压缩
View Code
在BundleConfig.RegisterBundles(BundleTable.Bundles);前面加入
//启用压缩
BundleTable.EnableOptimizations = true;
好，我们来看看效果！
如果你要启用灰色主题那么在将@Styles.Render("~/Content/themes/blue/css")
修改为@Styles.Render("~/Content/themes/gray/css")即可
其实这一些没什么好说的，只是为系统搭建了一个简单的框架。如果用easyui没有不下几个小时也是很难搭建起来的，不过别担心，我为大家准备了原代码
代码下载 下载的源码有的同学运行有问题请把App_Start下的BundleConfig.cs更改为
View Code
关于代码：代码没有上传整个解决方案，你下载解压后，只需要引用现有类库即可，关于里面的素材，不懂的可以问我，里面包含里以后所有要用到的素材
本文转自ymnets博客园博客，原文链接：http://www.cnblogs.com/ymnets/p/3424514.html，如需转载请自行联系原作者
916
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
