KOI-ADMIN

一款开箱即用的 Vue3 中后台管理系统框架[纯前端]

 [  演示 点击这里  ] 

简介

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

特点

• 🎯 使用 Element Plus + Vite + Vue3 + TypeScript + Uncoss + Pinia 等主流技术。
• 🍊 多种布局和丰富的主题适配移动端、IPad和PC端。
• 🐼 内置权限管理页面，进行二次开发可直接对接后端接口即可。
• 🌸 集成登陆、注销及权限验证。
• 🎃 封装按钮和Input框的防抖、限流和背景水印以及左侧无限递归菜单。
• 🍀 集成 pinia，vuex 的替代方案，轻量、简单、易用，并且配置pinia持久化插件。
• 😍 二次封装Dialog对话框、Drawer抽屉、Notification通知、Message消息提示和Popconfirm确认框，操作更加方便快捷。
• 🍓 二次封装axios，方便接口更好的统一管理。
• 🌍 集成Echarts图表。
• 🌈 集成 unocss，antfu 开源的原子 css 解决方案，非常轻量。
• 🐟 集成多环境配置，dev、测试、生产环境。
• 🌻 集成 eslint + prettier，代码约束和格式化统一。
• 🌻 集成 husky + commitlint，代码提交规范化。
• 👻 集成 mock 接口服务。
• 🏡 集成 iconify 图标，支持自定义 svg 图标, 优雅使用icon。

预览

预览截图

支持

如果觉得 KOI-ADMIN🌻这个框架不错，或者已经在使用了，希望你可以在 Github 或者 Gitee(码云) 帮我点个 ⭐ ，这将对我是极大的鼓励。

快速开始

# 启动
pnpm run dev

打包发布

# 构建环境
pnpm build
# 生产环境
pnpm build:prod

源码

 [  Gitee仓库 点击这里  ] 

 [  GitHub仓库 点击这里  ]