控件選型

在開發(fā)UPMS系統(tǒng)界面之前，慧都工程師確定了界面需要實(shí)現(xiàn)的主要功能有：菜單、數(shù)據(jù)展示、數(shù)據(jù)編輯、異步刷新、整體樣式布局等。

綜合以上幾點(diǎn)需求，慧都工程師反復(fù)比較幾款第三方界面控件之后，最終確定DevExpress旗下的DXperience ASP.NET Subscription界面組件是最合適的選擇。之所以選擇這款控件，主要基于以下幾方面的因素：

• DevExpress是業(yè)界*的界面最美觀的界面控件之一；
• DXperience ASP.NET提供大量豐富的控件，如GridView、TreeView和Callback等，涵蓋了目前實(shí)際開發(fā)中的所有功能需求，而且界面美觀大方，使用簡(jiǎn)單，容易上手，能為項(xiàng)目節(jié)約大量開發(fā)時(shí)間。
• DXperience ASP.NET帶源碼，且擁有大量的示例和幫助文檔，能夠及時(shí)有效解決遇到的問題；

UPMS權(quán)限管理系統(tǒng)簡(jiǎn)介

UPMS(User Permissions Management System)通用用戶權(quán)限管理系統(tǒng)（以下簡(jiǎn)稱UPMS），是由慧都咨詢高級(jí)工程師潛心研發(fā)的一款通用、靈活、可擴(kuò)展且支持多系統(tǒng)的開放型用戶權(quán)限系統(tǒng)。該系統(tǒng)針對(duì)不同應(yīng)用系統(tǒng)設(shè)計(jì)，提供用戶權(quán)限模塊的基礎(chǔ)框架和通用模型，幫助快速實(shí)施和開發(fā)出符合不同需求的用戶權(quán)限管理模塊。能夠幫助您降低開發(fā)工作量，節(jié)約開發(fā)成本。

UPMS通用用戶權(quán)限系統(tǒng)同時(shí)提供定制開發(fā)、實(shí)施部署等服務(wù)，詳詢

UPMS界面展示

1）UPMS通用用戶權(quán)限系統(tǒng)主界面：

說明：主界面部分用到了DevExpress中用于頁面分割的ASPxSplitter控件，該控件將頁面分成了4個(gè)部分：頂部標(biāo)題、左側(cè)菜單、右側(cè)內(nèi)容展示區(qū)、版權(quán)申明。使用該控件可以方便的進(jìn)行界面布局，不僅如此，還可實(shí)現(xiàn)自適應(yīng)窗口大小，運(yùn)行時(shí)自由調(diào)整各窗口大小的功能。由于UPMS是一個(gè)B/S系統(tǒng)，因此自適應(yīng)瀏覽器窗口是必要的特性，借助Dev強(qiáng)大的ASPxSplitter控件，輕松實(shí)現(xiàn)了這個(gè)功能。

2）左側(cè)以樹形列表形式展示的導(dǎo)航欄菜單：

說明：左側(cè)導(dǎo)航欄菜單用到了DevExpress的TreeView控件。UPMS應(yīng)用系統(tǒng)下的子菜單根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)加載，需要根據(jù)用戶權(quán)限判斷具體顯示哪些子菜單，然后讓每個(gè)子菜單綁定相應(yīng)的URL地址以供跳轉(zhuǎn)。之所以選擇TreeView來實(shí)現(xiàn)這個(gè)功能，是因?yàn)槠浔旧碜詭У墓δ芊浅Ｍ晟疲芄?jié)省不少開發(fā)時(shí)間。使用這個(gè)控件最終實(shí)現(xiàn)了高亮選中節(jié)點(diǎn)、節(jié)點(diǎn)圖標(biāo)顯示、動(dòng)態(tài)或靜態(tài)數(shù)據(jù)綁定、異步刷新、展開折疊菜單項(xiàng)等界面效果。

3）以網(wǎng)格形式展示的用戶管理界面：

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

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

4）使用TreeList控件實(shí)現(xiàn)的樹形列表界面：

5）單擊角色名稱會(huì)彈出編輯框：

說明：該系統(tǒng)中的編輯、查看數(shù)據(jù)都通過彈出窗口形式進(jìn)行展示，所以選擇用DevExpress的PopupControl。該控件支持模態(tài)、非模態(tài)的彈窗，可以動(dòng)態(tài)顯示頁面，顯示位置，顯示時(shí)長(zhǎng)等。

6）分頁功能：

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

7）簡(jiǎn)潔直觀的用戶關(guān)聯(lián)界面：

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

8）以網(wǎng)格和圖表進(jìn)行數(shù)據(jù)展示的應(yīng)用系統(tǒng)管理界面：

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

該系統(tǒng)中使用了大量的Callback以及CallbackPanel控件，以完成前臺(tái)與后臺(tái)的異步數(shù)據(jù)交互。如上面的圖表界面能實(shí)時(shí)更新圖表數(shù)據(jù)，無需刷新，大大提升了用戶體驗(yàn)。要說明的一點(diǎn)是，DevExpress提供了Callback和CallbackPanel兩種異步刷新控件，CallbackPanel不同于Callback的地方是：CallbackPanel將刷新所包含的區(qū)域，而Callback是異步傳輸數(shù)據(jù)，不刷新界面。

在線體驗(yàn)UPMS通用用戶權(quán)限系統(tǒng)

典型客戶