使用控件

在這次的項目中主要用到的是DevExpress旗下的DXperience ASP.NET Subscription界面控件套包來實現(xiàn)本次的界面功能展示效果，其中包括ASPxSplitter、TreeView、GridView、TreeList、PopupControl、PageControl、ListBox、WebChart、CallbackPanel、Callback、WebChart等控件。

企業(yè)及項目介紹

慧都科技成立于2003年，是國內(nèi)領(lǐng)先的專業(yè)開發(fā)技術(shù)解決方案提供商。慧都擁有實力堅強的開發(fā)團隊，豐富開發(fā)實施經(jīng)驗，同時與國際級廠商緊密技術(shù)合作，致力于為客戶提供控件、軟件等開發(fā)工具，以及培訓(xùn)、解決方案等相關(guān)咨詢服務(wù)，幫助企業(yè)打造成功軟件！

用戶權(quán)限模塊是企業(yè)系統(tǒng)中管理用戶數(shù)據(jù)的核心部分，但目前又存在不同的系統(tǒng)和客戶對于權(quán)限模塊的需求又各有差異，開發(fā)出一套既有基本用戶權(quán)限系統(tǒng)的功能，又能方便的擴展，滿足各種特別的需求的通用權(quán)限系統(tǒng)是解決這一重復(fù)開發(fā)難題的最佳選擇。慧都的UPMS通用用戶權(quán)限系統(tǒng)是一套靈活的權(quán)限管理系統(tǒng)，提供給用戶權(quán)限模塊的基礎(chǔ)框架和通用模型，用戶無需修改源碼實現(xiàn)快速整合應(yīng)用系統(tǒng)權(quán)限，同時結(jié)合了DXperience ASP.NET Subscription界面套包開發(fā)出的友好界面效果，高擴展性和靈活性幫助用戶安全高效的管理企業(yè)多個應(yīng)用系統(tǒng)。

選擇該控件的原因

我們在項目啟動初期在前端界面功能展示上主要有下面幾點需求，首先是界面友好易上手，符合現(xiàn)今界面審美標(biāo)準(zhǔn)，提升項目整體用戶體驗效果；可以清晰展示企業(yè)各個應(yīng)用系統(tǒng)中的權(quán)限、角色、用戶組、用戶等元素間的邏輯關(guān)系。并需要實現(xiàn)菜單、數(shù)據(jù)展示、數(shù)據(jù)編輯、異步刷新、整體樣式布局等多個功能；同時對于零編程基礎(chǔ)的人也可以順暢的操作這個系統(tǒng)。

結(jié)合整理出來的界面功能展示列表和需求，我們和前端的產(chǎn)品選型工程師一致的覺得DevExpress旗下的DXperience ASP.NET Subscription非常適合這個項目。不只是因為在以前的開發(fā)中多次見識到它的卓越性能，而且DXperience ASP.NET Subscription本身具有的90多種功能控件完全滿足系統(tǒng)所需要實現(xiàn)的功能，所以我們最終決定使用DXperience ASP.NET Subscription。

控件應(yīng)用情況 

上圖中是UPMS的一個界面布局例圖，由于B/S的系統(tǒng)模式需要實現(xiàn)自適應(yīng)瀏覽器窗口，所以我們采用了DXperience ASP.NET Subscription中的ASPxSplitter控件來實現(xiàn)界面的這個需求，同時也較好的達到了界面的分頁效果。該系統(tǒng)中采用了兩種圖表對數(shù)據(jù)進行展示分析，由于WebChart具有美觀的圖表展示類型，所以這部分使用的是它的WebChart控件。

 

由于在權(quán)限系統(tǒng)中需要清晰的展示應(yīng)用系統(tǒng)里面的用戶、角色、權(quán)限等元素的關(guān)系，所以多次用到了里面的TreeView控件。樹形結(jié)構(gòu)下的子菜單可根據(jù)后臺數(shù)據(jù)動態(tài)加載，只要根據(jù)用戶權(quán)限判斷具體顯示哪些子菜單，然后讓每個子菜單綁定相應(yīng)的URL地址以供跳轉(zhuǎn)。

在UPMS中多處采用了TreeList控件實現(xiàn)的樹形列表界面，這個樣子用戶可以非常直觀的進行權(quán)限管理，沒有編程基礎(chǔ)也不會有什么問題。

由于用戶管理界面部分實現(xiàn)的功能較多，并要求Grid可以動態(tài)的綁定數(shù)據(jù)，可根據(jù)實際數(shù)據(jù)動態(tài)的增加或移除列等，我們考慮到用戶數(shù)據(jù)可能較大，需支持按需加載，此外Grid需要支持?jǐn)?shù)據(jù)行中支持增刪改以及多選、數(shù)據(jù)導(dǎo)出等操作。所以選擇了GridView很好的實現(xiàn)這些功能需求，不但支持根據(jù)不同的值映射不同的顯示文本，還實現(xiàn)了直接導(dǎo)出到Excel和PDF的功能。

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

我還想說...

這個UPMS通用用戶權(quán)限系統(tǒng)在推出之后，其實關(guān)注度還是挺高的，我們覺得這個項目在當(dāng)時選擇了DXperience ASP.NET Subscription來實現(xiàn)它的界面功能是非常正確的決定，我們在開發(fā)上既保證了時間也保證了效果，這個就是一個不錯的例子，有興趣的可以去試用一下。

試用地址：

聲明

本人提交此案例參加慧都第一屆案例大賽，并同意本案例內(nèi)容用于慧都科技和該控件廠商的市場宣傳。

案例提交人信息

姓名：吳海兵

職位：高級工程師

所在企業(yè)：慧都科技有限公司