打造一套UI與后台並重.net通用權限管理系統


 

一、前言

     從進行到軟件開發這個行業現在已經有幾年了,在整理出這個套開發框架之前自己做了不少重復造輪子的事。每次有新的項目總是要耗費不少時間在UI、權限和系統通用模塊上面,自己累得要死,老板還罵沒效率。為了能提高開發效率,同時也多拿拿獎金、多存點私房錢,我就着手做了一套以權限管理為主的快速開發框架。不求功能在所有項目中都得到使用,至少要大大提高開發效率。

二、需求分析

    根據《那些年我們一起做過的項目》中各類客戶對權限模塊和通用模塊以及UI的要求,我明確了這個系統中要實現的東西。

 

1、組織機構 多級樹型顯示,各級部門從屬關系一目了然操作便捷

2、用戶 所有的權限最終分配給用戶,如果按用戶去分配權限會把系統管理員給累死,系統中先建立角色,角色中再分配權限,在角色的成員中加入用戶。當然會有一些用戶的權限大同小異,如果不想在系統中創建太多角色可以給用戶分配權限。用戶最終的權限取角色權限和用戶權限的集合。

3、角色 一組權限的集合。

4、模塊 也可以稱之為菜單,可以是系統中的頁面,也可以是其它系統的頁面地址統一納入到同一套權限系統中維護。

5、按鈕

6、權限 權限分配模式:1)角色權限分配,權限分配的便捷性。

                                2)用戶權限分配,權限分配的靈活性。

            權限控制類型:1)模塊權限 采購員有采購模塊權限和庫存查看模塊權限。

                                2)按鈕權限 采購員能點擊新增按鈕新增采購單,采購經理能點擊審核按鈕審核采購單。

                                3)數據權限 每個業務員只能看到屬於自己的客戶資料。

                                4)字段權限 會計可以看到庫存報表中的所有字段,倉庫管理員不能看到報表中的金額字段。

                                5)文件權限  采購部的文件只有總經理和采購部成員有權限

7、日志 登陸日志、操作日志、系統異常日志

8、數據庫管理 在前端頁面查看數據庫信息,數據庫備份

9、訪問控制

10、動態接口 這里說的接口是與其它系統或設備的通信接口,一般以Webservice、WCF、Webapi的形式提供。在系統中對外只暴露一個接口。增加接口、修改接口都不用修改程序。

11、UI 前端框架:采用Jquery UI,功能強大擴展靈活,不用擔心版權問題。

            多種風格界面:手風琴導航風格、desktop風格、觸摸屏風格

12、系統參數

13、代碼生成器 根據需要生成界面和后台代碼

 

三、設計實現

 

2、程序設計

     程序基本以Jquery+Ajax+工廠模式實現,接近10萬行的代碼量,后續分模塊詳細講解

3、用戶體驗UI設計

     UI對於一個軟件來說就像女人那張臉,別人最先看到的就是你的臉。人再好,臉長得丑肯定還是要經常過光棍節。一套程序UI漂亮程序的檔次自然也就上去了。無圖無真相,下面給出一些主要界面,詳細實現也會在后面的博客中給出。

  

1)系統風格

   a)desktop風格

   

b)手風琴風格

c)觸摸屏風格

2、員工管理

      左邊展開組織機構,右邊員工管理

3、組織機構管理

    樹型組織機構,組織架構一目了然

4、組織架構圖

     根據組織機構自動生成的組織架構圖

5、角色權限控制

   角色成員:擁有該角色的用戶。

   模塊權限:該角色能操作哪些模塊。

   按鈕權限:角色能操作指這模塊中哪些按鈕。

   數據權限:角色對哪些數據有操作權限。

   文件權限:角色對哪些文件有操作權限。

6、模塊按鈕管理

     拖動按鈕位置能改變按鈕在模塊中的顯示位置。

     勾選狀態的按鈕會在模塊中顯示。

 

 

 

當然圖片就先曬到這邊啦!如果你覺得可以把這些圖片的設計思路理解,並且覺得以后會用的話,請收藏一下,推薦一下啦!

對於一些界面看完讓我內心想對他說三個字"毀三觀"的界面,我只能說你的審美水平一定要提高的,IT這是一個潮流的行業,如果你不潮,那就無法與眾不同,機遇往往會給你留個位置的!大家說呢?

 

 大家一起測試下

http://www.learun.cn  力軟官網

http://www.learun.cn:8080  在線demo

http://223.86.105.239:801  觸摸屏版風格

http://223.86.105.239:802  手風琴版風格

http://223.86.105.239:803  桌面版風格

http://223.86.105.239:805  代碼生成器

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM