magic-boot/README.md

##

新前端项目地址：[ **https://gitee.com/ssssssss-team/magic-boot-naive** ](https://gitee.com/ssssssss-team/magic-boot-naive)  

## 简介

基于[ **magic-api** ](https://gitee.com/ssssssss-team/magic-api)搭建的快速开发平台，前端采用Vue3 + Element Plus最新版本搭建，依赖较少，运行速度快。对常用组件进行封装。利用Vue3的`@vue/compiler-sfc`单文件编译，动态编译组件，可以实现在浏览器编写Vue代码，既改即生效快速开发，利用magic-api本身特性安全隔离生产和开发环境。将Vue代码以插件化的方式交给`magic-api`管理。  
QQ群（[ **576433387** ](https://jq.qq.com/?_wv=1027&k=KD6DPvB0)）


| 代码 | 效果 |
|----|----|
| ![](https://magicboot.oss-cn-beijing.aliyuncs.com/code.png)  | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/view.png)  |


## 功能
- 菜单管理：树结构，配置菜单、权限按钮、选择关联组件等，支持全局模糊搜索
- 组织机构：树结构，配置组织机构，类型：部门、公司（选择项存在数据字典），支持全局模糊搜索
- 角色管理：角色菜单权限分配、设置数据范围等。
- 用户管理：用户添加、导入用户（支持导入前预览数据）、登录状态更改等
- 数据字典：分为`系统类`和`业务类`两类数据维护
- 代码生成：生成`magic-api`接口代码和前端代码，自动保存到`magic-api`的“接口”和“组件”栏中
- 操作日志：接口调用操作日志查询
- 登录日志：系统登录日志查询，包含登录失败日志
- 数据库监控：Druid Monitor SQL监控、数据源信息查看等
- 在线用户：当前活跃在系统内的用户，可以选择踢人下线

## 在线体验
- 演示地址：  
前台：[ **https://magic-boot-ui.ssssssss.org.cn/** ](https://magic-boot-ui.ssssssss.org.cn/)  
后台：[ **https://magic-boot.ssssssss.org.cn/magic/web/index.html** ](https://magic-boot.ssssssss.org.cn/magic/web/index.html)  
- 文档地址：[ **https://www.ssssssss.org/magic-boot/** ](https://www.ssssssss.org/magic-boot/)
- 账号：system/123456

## 系统截图
| ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/1.png)  | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/2.png)  |
|---|---|
| ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/3.png)  | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/4.png)  |
| ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/5.png)  | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/6.png)  |
| ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/7.png)  | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/8.png)  |