Merge branch 'master' of http://49.235.147.88:3000/wo123/gushidianzibao-admin
This commit is contained in:
commit
4294d135b5
101
README.md
101
README.md
@ -21,6 +21,81 @@
|
|||||||
- 👻 集成 `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
|
||||||
@ -40,3 +115,29 @@ 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