This commit is contained in:
王创世 2025-04-14 15:33:16 +08:00
parent 4294d135b5
commit 08eeafb6a6

101
README.md
View File

@ -21,81 +21,6 @@
- 👻 集成 `mock` 接口服务。 - 👻 集成 `mock` 接口服务。
- 🏡 集成 `iconify` 图标,支持自定义 svg 图标, 优雅使用icon。 - 🏡 集成 `iconify` 图标,支持自定义 svg 图标, 优雅使用icon。
## 3、无需递归路由
众所周知,在实现左侧无限递归路由的时候,后端需要进行树形递归,前端再二次进行递归处理,这样增加了前后端开发难度,如何解决如下?
此项目,前端使用扁平化路由,实现三级及以上页面依旧存在路由缓存效果。
后端提供接口菜单不需要再进行递归直接根据提供的json格式进行提供接口[数据如下],简化后端难度,实现无限递归路由。
```properties
{
"status": 200,
"msg": "SUCCESS",
"data": [
{
"menuId": 1,
"menuName": "系统管理",
"parentId": 0,
"menuType": "1",
"path": "/system",
"name": "systemPage",
"component": "",
"icon": "Tools",
"isHide": "1",
"isLink": "",
"isKeepAlive": "0",
"isFull": "1",
"isAffix": "1",
"redirect": "/system/user"
},
{
"menuId": 11,
"menuName": "用户管理",
"parentId": 1,
"menuType": "2",
"path": "/system/user",
"name": "userPage",
"component": "system/user/index",
"icon": "UserFilled",
"isHide": "1",
"isLink": "",
"isKeepAlive": "0",
"isFull": "1",
"isAffix": "1",
"redirect": ""
},
}
```
## 4、预览
> 预览截图
<table>
<tr>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI1.png" /></td>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI2.png" /></td>
</tr>
<tr>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI3.png" /></td>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI4.png" /></td>
</tr>
<tr>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI5.png" /></td>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI6.png" /></td>
</tr>
<tr>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI7.png" /></td>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/KOI8.png" /></td>
</tr>
</table>
## 5、支持
如果觉得 KOI-ADMIN🌻这个框架不错或者已经在使用了希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ,这将对我是极大的鼓励。
## 6、快速开始 ## 6、快速开始
```properties ```properties
@ -115,29 +40,3 @@ pnpm build
# 生产环境 # 生产环境
pnpm build:prod pnpm build:prod
``` ```
## 8、源码
<p align="left">
<span>&nbsp;[&nbsp;</span>
Gitee仓库
<a href="https://gitee.com/BigCatHome/koi-ui.git" target="_blank">点击这里</a>
<span>&nbsp;]&nbsp;</span>
<p>
<p align="left">
<span>&nbsp;[&nbsp;</span>
GitHub仓库
<a href="https://github.com/yuxintao6/koi-ui.git" target="_blank">点击这里</a>
<span>&nbsp;]&nbsp;</span>
<p>
## 9、入群交流
> 注意加微信方式时记得添加备注KOI-UI支持知识付费。
<table>
<tr>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/WeChat.png"/></td>
<td><img src="https://gitee.com/BigCatHome/koi-photo/raw/master/photos/KOI-ADMIN/WeChatPay.png"/></td>
</tr>
</table>