建構 ASP.NET MVC4+EF5+EasyUI+Unity2.x 後台管理系統（十）：系統選單列實作

系統開發到此階段，模組漸多，導航變得困難。本章實作系統選單列，解決模組導航問題。選單主要有兩種呈現模式：

模式比較

1. Outlook 模式（Accordion 風格）

使用 EasyUI Accordion 實作，可搭配圖示，視覺效果佳。但結構僅限兩層，系統龐大時選單過多會顯得雜亂，Accordion 搭配 Tree 顯得繁瑣。

2. Tree 模式（樹狀結構）

優點：支援無限層級、AJAX 非同步載入、速度快。缺點：視覺較單調。採用輕量級 jQuery Tree 外掛 wdtree（支援非同步），而非 EasyUI Tree。

實作步驟

1. 下載 wdtree 修復版：https://files.cnblogs.com/ymnets/wdtree.7z
2. 解壓後，JS 檔放入 Scripts 目錄，樣式放入 Content 目錄
3. 於版面配置頁面引用對應 JS 與 CSS
4. 依據使用者權限動態載入選單資料（JSON 格式）

此選單架構支援多層級巢狀結構、圖示顯示、右鍵選單等進階功能，適合中大型後台管理系統。