（轉）打造一套UI與後臺並重.net通用權限管理系統

原文地址：http://www.cnblogs.com/LRBPMS/p/3425997.html

 

1、前言

     從進行到軟件開發這個行業如今已經有幾年了，在整理出這個套開發框架以前本身作了很多重複造輪子的事。每次有新的項目老是要耗費很多時間在UI、權限和系統通用模塊上面，本身累得要死，老闆還罵沒效率。爲了能提升開發效率，同時也多拿拿獎金、多存點私房錢，我就着手作了一套以權限管理爲主的快速開發框架。不求功能在全部項目中都獲得使用，至少要大大提升開發效率。

2、需求分析

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

 

一、組織機構 多級樹型顯示，各級部門從屬關係一目瞭然操做便捷

二、用戶 全部的權限最終分配給用戶，若是按用戶去分配權限會把系統管理員給累死，系統中先創建角色，角色中再分配權限，在角色的成員中加入用戶。固然會有一些用戶的權限大同小異，若是不想在系統中建立太多角色能夠給用戶分配權限。用戶最終的權限取角色權限和用戶權限的集合。

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

四、模塊 也能夠稱之爲菜單，能夠是系統中的頁面，也能夠是其它系統的頁面地址統一歸入到同一套權限系統中維護。

五、按鈕

六、權限 權限分配模式：1）角色權限分配，權限分配的便捷性。

                                2）用戶權限分配，權限分配的靈活性。

            權限控制類型：1）模塊權限 採購員有采購模塊權限和庫存查看模塊權限。

                                2）按鈕權限 採購員能點擊新增按鈕新增採購單，採購經理能點擊審覈按鈕審覈採購單。

                                3）數據權限 每一個業務員只能看到屬於本身的客戶資料。

                                4）字段權限 會計能夠看到庫存報表中的全部字段，倉庫管理員不能看到報表中的金額字段。

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

七、日誌 登錄日誌、操做日誌、系統異常日誌

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

九、訪問控制

十、動態接口 這裏說的接口是與其它系統或設備的通訊接口，通常以Webservice、WCF、Webapi的形式提供。在系統中對外只暴露一個接口。增長接口、修改接口都不用修改程序。

十一、UI 前端框架：採用Jquery UI,功能強大擴展靈活，不用擔憂版權問題。

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

十二、系統參數

1三、代碼生成器 根據須要生成界面和後臺代碼

 

3、設計實現

 

二、程序設計

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

三、用戶體驗UI設計

     UI對於一個軟件來講就像女人那張臉，別人最早看到的就是你的臉。人再好，臉長得醜確定仍是要常常過光棍節。一套程序UI漂亮程序的檔次天然也就上去了。無圖無真相，下面給出一些主要界面，詳細實現也會在後面的博客中給出。

　　

1）系統風格

   a)desktop風格

    

b)手風琴風格

c）觸摸屏風格

二、員工管理

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

三、組織機構管理

    樹型組織機構，組織架構一目瞭然

四、組織架構圖

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

五、角色權限控制

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

   模塊權限：該角色能操做哪些模塊。

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

   數據權限：角色對哪些數據有操做權限。

   文件權限：角色對哪些文件有操做權限。

六、模塊按鈕管理

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

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

 

 

 

固然圖片就先曬到這邊啦！若是你以爲能夠把這些圖片的設計思路理解，而且以爲之後會用的話，請收藏一下，推薦一下啦!

對於一些界面看完讓我心裏想對他說三個字"毀三觀"的界面，我只能說你的審美水平必定要提升的，IT這是一個潮流的行業，若是你不潮，那就沒法不同凡響，機遇每每會給你留個位置的！你們說呢？

 

 你們一塊兒測試下

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

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

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

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