管理系统桌面版

• springboot+vue+electron实现的桌面版管理系统
• 基于MyBatis-Plus，快速完成CURD，使用自定义模板生成后台代码
• 权限相关
  • 认证使用自定义filter实现（AuthenticationFilter）
  • 鉴权使用自定义切面实现（PermissionAspect）
  • 会话管理使用Redis
  • 功能权限，基于RBAC，支持菜单、按钮级别控制，支持动态更新
• 其他
  • 操作日志
  • 登录日志
  • 统一的异常处理
  • Swagger Api

核心依赖

前端

• electron 8.3.4
• vue 2.6.11
• vue-router 3.3.4
• vuex 3.5.1
• axios 0.19.2
• element-ui 2.13.2

后端

• Spring Boot 2.3.1.RELEASE
• Mybatis Plus 3.3.2
• Mapstruct 1.3.1.Final
• Swagger 2.10.5

运行

后台

环境准备

• MySQL 5.7
• Redis 5.0

IDEA

• IDEA 安装Lombok安装Lombok plugin
• 克隆代码

初始化数据库

• 执行数据库脚本 /db/init.sql
• 修改MySQL与Redis配置，application-dev.yml

spring:
  datasource:
    druid:
      url: jdbc:mysql://localhost:3306/qd_mis?characterEncoding=utf-8&ti&useSSL=false
      username: root
      password: 123456
      ...
  redis:
    host: localhost
    port: 6379
    password:
    database: 9

运行

• 运行QdServerApplication
• 访问 localhost:8099/swagger-ui.html 查看接口文档

前端

环境准备

• Node 12.14
• Yarn 1.21

配置镜像

yarn config set registry https://registry.npm.taobao.org 
yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/

安装依赖

cd qd-desktop
yarn

运行

cd qd-desktop
yarn electron:serve

• 用户名 admin
• 密码 123456

构建

cd qd-desktop
# 根据机器打包桌面程序
yarn electron:build
# 打包macOS、windows桌面程序
yarn electron:build:all

待开发

• 角色分配资源

UI展示