VUE NET权限管理系统（课程设计二次开发） 商业

一、源码描述
       1、前后端分离
          （1）前端使用vue+webpack构建项目环境，vue-router搭建项目路由，vuex来实现单文件组件和数据的抽离，采用ElementUI提供的UI组件库，css预处理器使用LESS，axios来实现HTTP请求，ESLint来规范代码和检查代码错误；
          （2）接口使用WebAPI+EF，使用过滤器对API接口进行验证：如权限验证等；全局捕获异常。API使用token校验方式；
       2、该项目中权限的实现方式是：前端部分通过获取当前用户的权限去比对路由表，生成当前用户具的权限可访问的路由表，通过 router.addRoutes 动态挂载到 router 上。页面功能按钮显示也是根据权限来的。调用某个API，后台进行权限判断是否有权限访问。
       3、这是一款完整的权限管理系统，按角色分配权限，包括菜单权限、功能(某个按钮)权限等，不管是VUE前端还是WebAPI都是非常适合二次开发和学习。本权限系统已在公司内部使用，测试无bug。
二、功能介绍
       1、系统管理
           （1）菜单管理：设置菜单及菜单功能
           （2）角色管理：包括角色分配权限
           （3）用户管理
           （4）日志管理：登录日志、操作日志
       2、人力资源
           （1）部门管理：无限级
           （2）职级管理：无限级
           （3）员工管理
三、注意事项
       1、前端部分使用VUE。WebAPI开发环境为Visual Studio 2013，数据库为SQLServer2012，使用.net 4.5开发。
       2、不同身份登录:
           （1）超级管理员登录：用户名：60001，密码：123456
           （2）普通用户登录：用户名：60002，密码：123456
       3、附加数据库连接字符串配置文件在web.config（OA.DataAccess文件夹下的App.Config，OA.WebAPI下的Web.config）
       4、DB_51aspx文件夹中是数据库文件，附加即可
       5、前端请使用以下命令
           （1）安装依赖
       npm install
           （2）本地开发，启动项目
       npm run dev
           （3）生成项目，部署项目，生成后的资源在dist文件夹中
       npm run build
       6、前端项目说明
           （1）设置端口号：在config/index.js文件里设置port值即可；
           （2）设置开发环境的WebAPI访问地址和文件访问地址：开发环境在config/dev.env.js文件中设置，生产环境在config/prod.env.js文件中设置；
           （3）菜单图标设置：①从http://www.iconfont.cn/中下载svg图片，放在src/icons/svg文件夹中；②在设置菜单图标时填写svg图标的名称即可；