程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 構建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的後台管理系統(10)

構建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的後台管理系統(10)

編輯:關於ASP.NET

系統菜單欄[附源碼]

似乎我們需要更多的模塊了,我們有一個樣例程序,可以幫助我們以後的系統開發做很多對照,我們稍後還有系統日志和系統異常的記錄,這時浏覽發生了困難,我們這一節來完成一個大家比較喜歡的東西吧,系統菜單欄,我們系統左邊預留了一個位置,那裡存放菜單,菜單在這裡主要可以分為兩種,

1. outlook模式,可以用easyui的accordion,做起來可以很漂亮,博客園很多人寫的系統,我都看到了用這個,菜單前面還可以放菜單圖標,這裡給大家看一個效果(這是J-UI富客戶端框架的菜單欄)優點是漂亮啊,缺點也很明顯,只有兩層結構,系統龐大,菜單太多,顯示就很麻煩了,不夠用和不好看,accordion配合tree看起來很繁瑣,本人比較喜歡簡潔的東西

accordion:  

accordion和tree結合:

2. tree模式,樹結構,缺點是簡潔,沒有視角上的享受,優點是無限級別,ajax異步獲取,速度快。有很多樹的jquery插件,可以使用easyui的tree,我這裡不用easyui的tree,我下載一個比較輕巧的jquery tree插件--wdtree這個插架非常輕巧,支持異步

動手吧!下載wdtree插件,我這裡提供下載,我以前下載的wdtree不是很好用(不知道現在有沒有新版本),但是我重新對這個插件進行修復,很符合菜單的操作,

wdtree修復版下載:http://files.cnblogs.com/ymnets/wdtree.7z

解壓後,把js文件放到Scripts目錄下,把樣式放到Content目錄下

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved