IT工程師數位筆記本

很詳細的devexpress應用案例，留著以后參考。

注：轉載自http://***/zh-CN/App/Feature.aspx?AppId=50021

UPMS(User Permissions Management System)通用用戶權限管理系統（以下簡稱UPMS），是由慧都咨詢高級工程師潛心研發的一款通用、靈活、可擴展且支持多系統的開放型用戶權限系統。 該系統針對不同應用系統設計，提供用戶權限模塊的基礎框架和通用模型，幫助開發者快速實施和開發出符合不同需求的用戶權限管理模塊。能夠最大程度幫助您降 低開發工作量，節約開發成本。

1）UPMS通用用戶權限系統主界面：

說明：主界面部分用到了DevExpress中用于頁面分割的ASPxSplitter控 件，該控件將頁面分成了4個部分：頂部標題、左側菜單、右側內容展示區、版權申明。使用該控件可以方便的進行界面布局，不僅如此，還可實現自適應窗口大 小，運行時自由調整各窗口大小的功能。由于UPMS是一個B/S系統，因此自適應瀏覽器窗口是必要的特性，借助Dev強大的ASPxSplitter控 件，輕松實現了這個功能。

2）左側以樹形列表形式展示的導航欄菜單：

說明：左側導航欄菜單用到了DevExpress的TreeView控件。 UPMS應用系統下的子菜單根據后臺數據動態加載，需要根據用戶權限判斷具體顯示哪些子菜單，然后讓每個子菜單綁定相應的URL地址以供跳轉。之所以選擇 TreeView來實現這個功能，是因為其本身自帶的功能非常完善，能節省不少開發時間。使用這個控件最終實現了高亮選中節點、節點圖標顯示、動態或靜態 數據綁定、異步刷新、展開折疊菜單項等界面效果。

3）以網格形式展示的用戶管理界面：

說明：用戶管理界面部分實現的功能較多。由于該系統是通用系統，用戶屬性可以在運行時添加，因此要求Grid可以動 態的綁定數據，可以根據實際數據動態的增加或移除列，可以映射數據字典值，考慮到用戶數據可能較大，還需要支持按需加載，即每次只加載一個頁面的數據。同 時，Grid需要支持數據行中支持增刪改以及多選、數據導出等操作。

DevExpress的GridView控件完美的實現了以上所有功能。GridView很好的支持了動態生成表格列并綁定數據，支持根據不同的值映射不同的顯示文本，還實現了直接導出到Excel和PDF的功能。該頁面為了實現按需加載，沒有采用Grid自帶的分頁，而是采用了Dev單獨提供的分頁控件PageControl結合Grid進行實現。要說明的是，如果用戶數據量不大，Grid自帶的分頁可以完美的實現數據展示。如果數據層采用Dev的XPO，還可使用Grid的SeverMode模式，實現大數據量的快速展示。

4）使用TreeList控件實現的樹形列表界面：

5）單擊角色名稱會彈出編輯框：

說明：該系統中的編輯、查看數據都通過彈出窗口形式進行展示，所以選擇用DevExpress的PopupControl。該控件支持模態、非模態的彈窗，可以動態指定顯示頁面，顯示位置，顯示時長等。

6）分頁功能：

說明：此界面中需要展示多項信息，如用戶詳情的基本信息、角色信息、權限信息、用戶組信息等，因此選擇使用PageControl來進行實現。該控件提供多種顯示樣式設置，可單獨為每個Tab頁綁定頁面，也可在一個頁面中實現。

7）簡潔直觀的用戶關聯界面：

說明：該系統支持用戶與系統的關聯設置，提供用戶與接入系統間的快速設置。可以自由將選中的用戶添加到關聯系統下，還可直接移除列表中的關聯，整個操作直觀快捷，用戶可隨時查看到關聯情況。左側界面使用了Dev的ListBox控件，右側是TreeView控件。

8）以網格和圖表進行數據展示的應用系統管理界面：

說明：該系統中采用了兩種圖表對數據進行展示分析，左邊以線形圖表統計新增用戶數，右邊以餅圖展示各系統用戶數。這部分使用的是Dev的WebChart控件，WebChart具有豐富的圖表展示類型，包括2D和3D圖表，有餅圖、點狀圖、柱狀圖、線形圖等，而且使用方便，生成的圖表非常絢麗。

該系統中使用了大量的Callback以及CallbackPanel控件，以 完成前臺與后臺的異步數據交互。如上面的圖表界面能實時更新圖表數據，無需刷新，大大提升了用戶體驗。要說明的一點是，DevExpress提供了 Callback和CallbackPanel兩種異步刷新控件，CallbackPanel不同于Callback的地方 是：CallbackPanel將刷新所包含的區域，而Callback是異步傳輸數據，不刷新界面。在線體驗UPMS通用用戶權限系統