/thesixsectorTeam

Primary LanguageCSSApache License 2.0Apache-2.0

six-realms

six-realms为前后端分离项目,前端使用Vue全家桶,组件库采用Ant-Design-Vue

项目文档

预览地址

演示环境账号密码:

账号 密码 权限
scott 1234qwer 注册账号,拥有查看,新增导出等权限,但不能新增用户
jack 1234qwer 普通账户,仅拥有所有页面查看权限
sixsector 多次遭人恶意删除,不再提供 超级管理员,拥有所有增删改查权限

本地部署账号密码:

账号 密码 权限
scott 1234qwer 注册账号,拥有查看,新增导出等权限,但不能新增用户
jack 1234qwer 普通账户,仅拥有所有页面查看权限
sixsector liudaolunhui 超级管理员,拥有所有增删改查权限

使用教程

后端

  1. IDEA 或者 Eclipse安装lombok插件

  2. 新建MySQL(版本5.7.x)数据库,导入SQL文件

  3. 导入[backend项目]

  4. 修改数据库配置,redis配置,等待Maven下载依赖

  5. 启动backend项目

前端

  1. 安装node.js

  2. 切换到frontend文件夹下

# 安装yarn
npm install -g yarn

# 下载依赖
yarn install

# 启动
yarn start

功能模块

├─系统管理
│  ├─用户管理
│  ├─角色管理
│  ├─菜单管理
│  ├─部门管理
│  └─字典管理
├─系统监控
│  ├─在线用户
│  ├─系统日志
│  ├─Redis监控
│  ├─请求追踪
│  └─系统信息
│     ├─JVM信息
│     ├─服务器信息
│     └─Tomcat信息
│─任务调度
│  ├─定时任务
│  └─调度日志
│─网络资源
│  ├─天气查询
│  ├─影视资讯
│  │  ├─即将上映
│  │  └─正在热映
│  └─每日一文
└─其他模块
   └─导入导出

技术选型

前端

后端

系统特点

  1. 根据不同用户权限动态构建路由
  2. RESTFul风格接口
  3. 前后端请求参数校验
  4. 支持Excel导入导出
  5. 前端页面布局多样化,主题多样化
  6. 支持多数据源,代码生成
  7. 自定义Vue权限指令来控制DOM元素渲染与否:
指令 含义 示例
v-hasPermission 当用户拥有列出的权限的时候,渲染该元素 <template v-hasPermission="'user:add','user:update'"><span>hello</span></template>
v-hasAnyPermission 当用户拥有列出的任意一项权限的时候,渲染该元素 <template v-hasAnyPermission="'user:add','user:update'"><span>hello</span></template>
v-hasRole 当用户拥有列出的角色的时候,渲染该元素 <template v-hasRole="'admin','register'"><span>hello</span></template>
v-hasAnyRole 当用户拥有列出的任意一个角色的时候,渲染该元素 <template v-hasAnyRole="'admin','register'"><span>hello</span></template>

请求流程

下图展示了在six-realms中一个请求的完整流程:

request.png

系统预览

鸣谢

感谢以下优秀的开源项目: