MyAdmin后台管理系统
介绍
该项目是一个前后端分离的项目,后端主要基于springboot、mybatis-plus、shiro+jwt并整合了activiti工作流。前端主要基于vue以及element-ui,基本包含了后台管理系统中所需的所有功能。
- 演示地址:http://8.129.86.120/
- 演示环境说明:演示地址目前只有工作流示例和生成代码展示可以进行增加及修改系列操作,其他功能只开放了查询操作
- 账号:管理员(
admin
),其他用户(user1、user2、user3...
具体可查看系统中用户模块)
- 密码:所有用户的密码都为
123456
- 相关文档:独立完成系统开发 系列博客,如果觉得写得不错或对你有帮助可以给个赞和关注哈~
- 源码
提示:项目暂未完全开源,如有需要可持续关注,谢谢
项目特性
- 内置代码生成器可以快速生成前后端代码,并且由于使用了mybatis-plus所以开发中基本不需要编写sql,极大提高开发效率
- 该系统集成了activiti工作流,支持在线设计流程图以及关联业务并部署流程,并且系统中还提供了审批流和业务流的使用示例
- 开发时严格遵循阿里java代码规范,注释完整以及通过swagger生成接口文档,可以很好的支持前后端分离的的开发模式
- 系统中包含各种监控,包括所有请求、登录、sql以及服务器性能的监控
- 包含完善的日志记录及管理,便于后续的分析及排查
- 同时支持redis和ehcache缓存,可根据实际场景进行切换
- 通过token进行鉴权,支持分布式及单机,如果一台服务器出现性能瓶颈可支持部署多台机器
- 支持接口级别的功能权限与数据权限,可自定义对权限进行分配
- 前端包含一系列封装好的常用组件以及常用的图表组件,开箱即用
- 系统采用响应式布局,除了支持PC端还支持移动端(已经在最大程度支持手机移动端),并且还支持系统主题自由切换
系统功能
- 首页:对本周和上周的访问数据进行统计对比
- 系统管理
- 用户管理:提供系统中用户的相关配置,可以给用户赋予角色及分配部门
- 角色管理:对系统中的角色进行管理,可以给不同的角色配置不同的权限
- 部门管理:提供系统中部门的相关配置
- 菜单管理:配置系统的菜单及菜单中的按钮
- 业务字典:用于维护系统中可枚举的数据
- 系统监控
- 日志监控
- 登录日志:用于记录每个用户每次登录时的信息及状态
- 操作日志:用于记录操作中所涉及的接口的请求信息,如果接口发生异常还会记录异常信息
- 服务监控:对服务器的信息状态进行实时监控
- 数据源监控:druid提供的监控,用于监控数据源及操作的sql信息
- 系统工具
- 代码生成:提供代码生成的配置以及生成代码等操作
- 接口文档:通过swagger生成的接口文档,里面包含每个接口的信息
- 图标:包含系统中的所有图标,其中里面含有element-ui内置图标以及自己添加的svg图标
- 图表:一些echart图表的使用示例
- 地图:高德地图的使用示例,该示例提供位置定位以及位置搜索等功能
- 常用组件:包含系统中封装的常用组件的使用示例
- 错误页面:错误页面的示意图,包含404以及401的示意图
- 工作流
- 模型管理:用于维护工作流模型,支持在线设计流程图、查看流程文件及部署设计的流程
- 流程管理:对部署之后的流程进行维护,支持部署外部流程文件以及将部署后的流程转为系统中的流程模型还有将流程跟业务进行关联等操作
- 待办任务:当前登录人员的代办任务信息,可在该页面中对任务进行办理,如果有代办任务消息通知中会有相关提示
- 已办任务:当前登录人员已经办理的所有任务,可对已办理任务所属流程的流程信息进行查看
- 运行中流程:系统中所有正在运行的流程实例,可对这些流程进行查看及挂起等相关操作
- 已结束流程:包含系统中所有已完成的流程实例,可对历史流程进行查看
- 流程示例
- 请假审批流演示:对审批流进行演示的示例,依附于请假这个业务,具体流程业务可查看相关流程模型
- 购物流程业务流:对业务流进行演示的示例,依附于购物这个业务,具体流程业务可查看相关流程模型
- 业务管理
- 示例
- 代码生成展示:展示了通过代码生成器生成代码后直接使用在系统中的样子
- 个人中心:用于查看及维护个人信息,只有本人才能操作
技术栈
下面是本项目涉及到的技术,还有更细的没有一一列举出来,具体可以参考项目中的maven以及npm依赖。
- 前端
- 基础的:html、js、css、ES6、scss
- vue系列及相关:vue.js、vuex、vue-router 、vue-cli,element-ui、axios
- 插件:插件有很多这里简单列举几个:echarts、xlsx、wangeditor、vue-amap等等
- 其他:node.js、webpack、mock.js、ESlint、Babel
- 后端
- 基础的:java
- 框架:springboot、mybatis-plus、shiro、swagger2、activiti
- 数据库:mysql
- 缓存:ehcache、redis
- 其他:jwt、druid、logback等等
- 工具
- 前端开发工具使用vsCode,因为这个可以结合ESlint插件实现代码格式自动修复
- 后端开发工具使用idea,当然eclipse也行,经过使用后我觉得idea在各个方面真的比eclipse要好,只不过占的内存有点大
- 代码管理使用git,而且idea对git的支持比svn要好
- web服务器,在正式环境这里使用nginx来实现动静分离及反向代理,如果部署多台后端还可以通过nginx实现负载均衡,前端项目通过webpack打包好之后直接放到nginx中就可以了,当然如果开发环境我们直接使用webpack-dev-server来实时打包构建就可以了,vue-cli构建的项目都会自带,至于后端直接使用springboot内置的tomcat就行了。
特别鸣谢
- 该项目前端主要基于vue-element-admin前端模板进行开发,感谢 PanJiaChen大佬提供的前端模板
- 在项目开发过程中查资料的时候发现已经有大佬基于vue-element-admin开发了eladmin ,写的还是很不错的,因为都是基于vue-element-admin开发的所以有些功能的前端对该项目有所借鉴,感谢elunez大佬的开源分享
支持浏览器
|
|
|
|
Chrome |
Firefox |
Edge |
Safari |
注意:不兼容IE(Internet Explorer)系列
系统预览
PC端
移动端
工作流演示
注意:gif动图稍微有点大,如果github上看不了可以到gitee上面查看或自己到演示地址中测试
提示:gitee中大于1M的文件要求登录后才能查看哦
请假审批流
并行请假审批流
购物流程业务流
捐献
如果你觉得这个项目不错或有帮助到了你,表示鼓励请作者喝杯咖啡吧☕
微信 |
支付宝 |
|
|