(转)打造一套UI与后台并重.net通用权限管理系统

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

 

1、前言前端

     从进行到软件开发这个行业如今已经有几年了,在整理出这个套开发框架以前本身作了很多重复造轮子的事。每次有新的项目老是要耗费很多时间在UI、权限和系统通用模块上面,本身累得要死,老板还骂没效率。为了能提升开发效率,同时也多拿拿奖金、多存点私房钱,我就着手作了一套以权限管理为主的快速开发框架。不求功能在全部项目中都获得使用,至少要大大提升开发效率。数据库

2、需求分析api

    根据《那些年咱们一块儿作过的项目》中各种客户对权限模块和通用模块以及UI的要求,我明确了这个系统中要实现的东西。前端框架

 

一、组织机构 多级树型显示,各级部门从属关系一目了然操做便捷架构

二、用户 全部的权限最终分配给用户,若是按用户去分配权限会把系统管理员给累死,系统中先创建角色,角色中再分配权限,在角色的成员中加入用户。固然会有一些用户的权限大同小异,若是不想在系统中建立太多角色能够给用户分配权限。用户最终的权限取角色权限和用户权限的集合。框架

三、角色 一组权限的集合。测试

四、模块 也能够称之为菜单,能够是系统中的页面,也能够是其它系统的页面地址统一归入到同一套权限系统中维护。spa

五、按钮设计

六、权限 权限分配模式: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  代码生成器

相关文章
相关标签/搜索