# koi-ui

**Repository Path**: sdwl_git/koi-ui

## Basic Information

- **Project Name**: koi-ui
- **Description**: 🔥YU-ADMIN🌻 是一款开源的后台管理模板，基于 Vue3、Vite3、TypeScript、Pinia、Pinia持久化插件、Unocss 和 ElementPlus等前端最新技术栈。相较于其他比较流行的后台管理模板，此项目更加简洁、轻量，风格清新，学习成本非常低含有相关代码注释，非常适合中小型项目或者个人项目。
- **Primary Language**: Java
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.koi-screen.online/home
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 216
- **Created**: 2023-09-22
- **Last Updated**: 2024-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 简介

YU-ADMIN🌻 是一款开源的后台管理模板，基于 Vue3、Vite、TypeScript、Pinia、Pinia持久化插件、Unocss 和 ElementPlus等前端最新技术栈。相较于其他比较流行的后台管理模板，更加简洁、快捷和容易理解，对萌新小白十分友好。此项目学习成本非常低含有相关代码注释以及大量的案例，非常适合中小型项目、个人项目以及毕业设计。后续将用户、角色、菜单、字典管理和通用管理平台页面依次编写，做到直接对接后端接口即可，使之快速开发。主题有常见的明亮和暗黑模式，如果有好看的其他主题可提issus，常见的组件有小伙伴提供可提issus会依次封装进去展示。

### 温馨提示

小伙伴们有好看好用的组件和Bug可以提issus，我会依次封装进去展示和修改。

### 功能

- 🎯 集成 [ElementPlus](https://element-plus.org/zh-CN/component/color.html)
- 🌸 集成登陆、注销及权限验证。
- 🎃 封装按钮和Input框的防抖、限流和背景水印以及左侧无限递归菜单。
- 🍀 集成 `pinia`，vuex 的替代方案，轻量、简单、易用，并且配置pinia持久化插件。
- 😍 二次封装Dialog对话框、Drawer抽屉、Notification通知、Message消息提示和Popconfirm确认框，操作更加方便快捷。
- 🍓 二次封装axios，方便接口更好的统一管理。
- 🍊 适配移动端和PC端。
- 🌍 集成Echarts图表。
- 🌈 集成 `unocss`，antfu 开源的原子 css 解决方案，非常轻量。
- 🐟 集成多环境配置，dev、测试、生产环境。
- 🌼 集成 `eslint + prettier + stylelint`，代码约束和格式化统一。
- 🌻 集成 `husky + commitlint`，代码提交规范化。
- 👻 集成 `mock` 接口服务。
- 🏡 集成 `iconify` 图标，支持自定义 svg 图标, 优雅使用icon。

### 预览

> 预览地址：http://www.koi-screen.online/login

<img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/light.png"/>

<img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/dark.png"/>

### 响应式数据大屏

[响应式数据大屏](https://gitee.com/BigCatHome/koi-screen)

https://gitee.com/BigCatHome/koi-screen

<img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/koi.jpg"/>

### 快速开始

```properties
# 启动
pnpm run dev
```

### 打包发布

```properties
# 构建环境
pnpm build
```

### 源码

- Gitee: [https://gitee.com/BigCatHome/koi-ui.git](https://gitee.com/BigCatHome/koi-ui.git)

- Github: [https://github.com/yuxintao6/koi-ui.git](https://gitee.com/BigCatHome/koi-ui.git)

### 入群交流

入群需要支付30元后加QQ：1736306607 后截图，收费主要原因：

1、YU-ADMIN🌻管理平台源码和响应式数据大屏源码是开源的，喜欢白嫖的直接star和fork即可。

2、作者平常工作比较繁忙，对于喜欢白嫖的家人们的问题，太多也没时间回答。所以不如针对一部分愿意支付买知识的人（可指导毕业设计和工作）。

3、服务器和域名维护每年需要Money

4、支付入群可提供前端管理平台、uniapp，后端JAVA，Minio、OSS、微信支付、退款，支付支付和退款等相关问题回答，闲暇时间也可以一对一提供帮助。

<table>
    <tr>
        <td><img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/wx.jpg"/></td>
        <td><img src="https://koi-fish.oss-cn-beijing.aliyuncs.com/koi/screen/images/zfb.jpg"/></td>
    </tr>
</table>