ASP.NET MVC4 打造一套UI与后台并重-通用权限系统快速开发框架+精美UI界面 秒杀EasyUi、Ext
一、前言
从进行到软件开发这个行业现在已经有几年了，在整理出这个套开发框架之前自己做了不少重复造轮子的事。每次有新的项目总是要耗费不少时间在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这是一个潮流的行业，如果你不潮，那就无法与众不同，机遇往往会给你留个位置的！大家说呢？
大家一起测试下 在线测试 是ASP.NET
http://223.86.105.239:801 触摸屏版风格
http://223.86.105.239:802 手风琴版风格
http://223.86.105.239:803 桌面版风格
http://223.86.105.239:805 代码生成器