## 后端: 前端: ## 简介 基于[ **magic-api** ](https://gitee.com/ssssssss-team/magic-api)搭建的快速开发平台,前端采用Vue3 + naive-ui最新版本搭建,依赖较少,运行速度快。对常用组件进行封装。利用Vue3的`@vue/compiler-sfc`单文件编译,动态编译组件,可以实现在浏览器编写Vue代码,既改即生效快速开发。 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/system/1.png) | ## 功能 - 菜单管理:树结构,配置菜单、权限按钮、选择关联组件等,支持全局模糊搜索 - 组织机构:树结构,配置组织机构,类型:部门、公司(选择项存在数据字典),支持全局模糊搜索 - 角色管理:角色菜单权限分配、设置数据范围等。 - 用户管理:用户添加、导入用户(支持导入前预览数据)、登录状态更改等 - 数据字典:分为`系统类`和`业务类`两类数据维护 - 动态组件:在线编写Vue3业务页面代码,保存编译生效 - 操作日志:接口调用操作日志查询 - 登录日志:系统登录日志查询,包含登录失败日志 - 数据库监控:Druid Monitor SQL监控、数据源信息查看等 - 在线用户:当前活跃在系统内的用户,可以选择踢人下线 ## 在线体验 - 演示地址: 前台:[ **https://preview.magicboot.net/** ](https://preview.magicboot.net/) 后台:[ **https://api.magicboot.net:8443/magic/web/index.html** ](https://api.magicboot.net:8443/magic/web/index.html) - 文档地址:[ **https://magicboot.net/** ](https://magicboot.net/) - 账号: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) | | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/9.png) | ![](https://magicboot.oss-cn-beijing.aliyuncs.com/system/10.png) |