使用控件

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

企業(yè)及項(xiàng)目介紹

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

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

選擇該控件的原因

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

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

控件應(yīng)用情況 

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

 

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

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

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

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

我還想說...

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

試用地址：

聲明

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

案例提交人信息

姓名：吳海兵

職位：高級(jí)工程師

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