預(yù)覽圖

簡(jiǎn)介

YU-ADMIN?? 是一款開源的后臺(tái)管理模板，基于 Vue3、Vite、TypeScript、Pinia、Pinia持久化插件、Unocss 和 ElementPlus等前端最新技術(shù)棧。相較于其他比較流行的后臺(tái)管理模板，更加簡(jiǎn)潔、快捷和容易理解，對(duì)萌新小白十分友好。此項(xiàng)目學(xué)習(xí)成本非常低含有相關(guān)代碼注釋以及大量的案例，非常適合中小型項(xiàng)目、個(gè)人項(xiàng)目以及畢業(yè)設(shè)計(jì)。后續(xù)將用戶、角色、菜單、字典管理和通用管理平臺(tái)頁(yè)面依次編寫，做到直接對(duì)接后端接口即可，使之快速開發(fā)。主題有常見的明亮和暗黑模式，如果有好看的其他主題可提issus，常見的組件有小伙伴提供可提issus會(huì)依次封裝進(jìn)去展示。

溫馨提示

小伙伴們有好看好用的組件和Bug可以提issus，我會(huì)依次封裝進(jìn)去展示和修改。

功能

?? 集成 ElementPlus

?? 集成登陸、注銷及權(quán)限驗(yàn)證。

?? 封裝按鈕和Input框的防抖、限流和背景水印以及左側(cè)無(wú)限遞歸菜單。

?? 集成 pinia，vuex 的替代方案，輕量、簡(jiǎn)單、易用，并且配置pinia持久化插件。

?? 二次封裝Dialog對(duì)話框、Drawer抽屜、Notification通知、Message消息提示和Popconfirm確認(rèn)框，操作更加方便快捷。

?? 二次封裝axios，方便接口更好的統(tǒng)一管理。

?? 集成Echarts圖表。

?? 集成 unocss，antfu 開源的原子 css 解決方案，非常輕量。

?? 集成多環(huán)境配置，dev、測(cè)試、生產(chǎn)環(huán)境。

?? 集成 eslint + prettier + stylelint，代碼約束和格式化統(tǒng)一。

?? 集成 husky + commitlint，代碼提交規(guī)范化。

?? 集成 mock 接口服務(wù)。

?? 集成 iconify 圖標(biāo)，支持自定義 svg 圖標(biāo), 優(yōu)雅使用icon。

預(yù)覽地址：http://www.koi-screen.online/login

Gitee: https://gitee.com/BigCatHome/koi-ui.git