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文件夹中是数据库文件,附加即可
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)菜单图标设置:从iconfont中下载svg图片,放在src/icons/svg文件夹中;在设置菜单图标时填写svg图标的名称即可

此资源下载价格为50米币,请先
下载价格:50 米币
VIP优惠:5 折
0
分享到:
没有账号? 忘记密码?

社交账号快速登录