為了符合後面更新後的重構系統，本文于2016-10-31日修正一些截圖，文字 我們有了一系列的解決方案，我們将動手搭建新系統吧。 背景系統沒有多大的UI視覺，這次我們采用的是标準的左右分欄，左邊是系統菜單，右邊是一個以tabs頁組成的頁面集合，每一個tab都可以單獨重新整理和關閉
Visual Studio 2012（以上）
打開我們熟悉的VS建立一個空解決方案。我起了個名字叫Apps，類庫命名空間将與Apps開頭
如Apps.BLL,Apps.Web等命名
關于素材的存放，我列了下面
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删掉。
還是建立一個“空”的控制器，添加index視圖
Index代碼
View Code
這裡我們看到head @Styles.Render("~/Content/css")這些代碼，這是MVC的捆版壓縮技術，将css和javascript壓縮輸出到頁面。我已經做好了是以大家隻要看下就可以。也可以谷歌一下他的原理組成。部落格園很多大蝦也都給出了答案。其檔案是App_Start下的BundleConfig.cs
index的腳本，這個home視圖的腳本，他內建了tab頁的右鍵菜單我已經內建到系統。運作之前要在Global.asax啟用壓縮
在BundleConfig.RegisterBundles(BundleTable.Bundles);前面加入
//啟用壓縮
BundleTable.EnableOptimizations = true;
好，我們來看看效果！
如果你要啟用灰色主題那麼在将@Styles.Render("~/Content/themes/blue/css")
修改為@Styles.Render("~/Content/themes/gray/css")即可
其實這一些沒什麼好說的，隻是為系統搭建了一個簡單的架構。如果用easyui沒有不下幾個小時也是很難搭建起來的，不過别擔心，我為大家準備了原代碼
關于代碼：代碼沒有上傳整個解決方案，你下載下傳解壓後，隻需要引用現有類庫即可，關于裡面的素材，不懂的可以問我，裡面包含裡以後所有要用到的素材
本文轉自ymnets部落格園部落格，原文連結：http://www.cnblogs.com/ymnets/p/3424514.html，如需轉載請自行聯系原作者