1
This commit is contained in:
parent
4294d135b5
commit
08eeafb6a6
101
README.md
101
README.md
@ -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> [ </span>
|
|
||||||
Gitee仓库
|
|
||||||
<a href="https://gitee.com/BigCatHome/koi-ui.git" target="_blank">点击这里</a>
|
|
||||||
<span> ] </span>
|
|
||||||
<p>
|
|
||||||
<p align="left">
|
|
||||||
<span> [ </span>
|
|
||||||
GitHub仓库
|
|
||||||
<a href="https://github.com/yuxintao6/koi-ui.git" target="_blank">点击这里</a>
|
|
||||||
<span> ] </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>
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user