From 5393c1b6e27a1c5c1db551033ef5b0ff98d879eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?= =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com> Date: Mon, 14 Apr 2025 15:27:26 +0800 Subject: [PATCH] 1 --- README.md | 132 ------------------------------------------------------ 1 file changed, 132 deletions(-) diff --git a/README.md b/README.md index bb7b54b..de45bda 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,8 @@ -
-
-
一款开箱即用的 Vue3 中后台管理系统框架[纯前端]
-- [ - 纯前端演示[开源] - 点击这里 - ] -
- -
- [ - 前后端演示[129元] - 点击这里 - ] -
- -
- [ - 博客演示[269元] - 点击这里 - ] -
- -前后端版本模版[129元]:SpringBoot3、JDK17、Sa-Token等技术; -博客版本[269元]:博客 + 管理平台; - -## 1、简介 - -KOI-UI🌻 是一款开源企业级别的中后台管理平台模板,基于 Vue3、Vite、TypeScript、Pinia、Pinia持久化插件、Unocss 和 ElementPlus等前端最新技术栈。相较于其他比较流行的后台管理模板,更加简洁、快捷和容易理解,对萌新小白十分友好。此项目学习成本非常低含有相关代码注释以及大量的案例,非常适合企业级项目、中小型项目、个人项目以及毕业设计。后续将用户、角色、菜单、字典管理和通用管理平台页面依次编写,做到直接对接后端接口即可,使之快速开发。常见的组件有小伙伴提供可提issus会依次封装进去展示。 - ## 2、特点 - 🎯 使用 Element Plus + Vite + Vue3 + TypeScript + Uncoss + Pinia 等主流技术。 @@ -52,81 +21,6 @@ KOI-UI🌻 是一款开源企业级别的中后台管理平台模板,基于 Vu - 👻 集成 `mock` 接口服务。 - 🏡 集成 `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、预览 - -> 预览截图 - -
![]() |
- ![]() |
-
![]() |
- ![]() |
-
![]() |
- ![]() |
-
![]() |
- ![]() |
-
- [ - Gitee仓库 - 点击这里 - ] -
-
- [ - GitHub仓库 - 点击这里 - ] -
- -## 9、入群交流 - -> 注意:加微信方式时记得添加备注:KOI-UI,支持知识付费。 - -
![]() |
- ![]() |
-