KOI ADMIN:二次元风格的管理系统模板

KOI-ADMIN 是一个为中后台管理界面设计的开源模板,系统简洁、快捷和容易理解,对新手非常友好,代码有详细的注释,结构清晰,并提供了大量的代码示例和案例,方便开发者学习和使用。并提供权限管理、系统监控、文件图库、文章管理等功能。

技术栈:Vue3 + Vite5 + TypeScript + Element Plus + Unocss + Pinia + Axios。

部分页面预览:鼠标(卡通人物)、头像、图标、字体都是二次元风格。

安装使用:

// 若未配置 pnpm,请先下载并配置镜像
npm install pnpm -g --registry=https://registry.npmmirror.com
// 安装依赖
pnpm install
// 启动
pnpm run dev
功能和特性:

响应式设计:支持移动端、iPad 和 PC 端的多种布局和主题,确保在不同设备上都能有良好的用户体验。

权限管理:内置了权限管理功能,方便与后端接口对接,实现用户权限控制。

用户认证:集成了登录、注销和权限验证功能,保障应用的安全性。

UI 组件封装:对按钮、输入框等基础 UI 组件进行了封装,增加了防抖、限流等实用功能,并且实现了背景水印和无限递归菜单。

状态管理:使用 Pinia 进行状态管理,并配置了持久化插件,以保持应用状态的持久化。

UI 交互组件:对对话框、抽屉、通知等 UI 交互组件进行了二次封装,使得它们更易于使用。

网络请求管理:对 Axios 进行了二次封装,以统一管理网络请求。

图表和样式:集成了 Echarts 图表库和 Unocss 原子 CSS 框架,简化了样式编写和图表绘制。

代码规范:集成了 Eslint、Prettier 和 Stylelint,确保代码的规范性和一致性。

多环境支持:支持多环境配置,方便在开发、测试和生产环境中使用。

Mock 服务:集成了 Mock 接口服务,便于在开发阶段模拟后端数据。

图标系统:集成了 Iconify 图标库,支持自定义 SVG 图标,使得图标使用更加灵活和优雅。


《前端资源推荐》星空博客收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!

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

其他推荐:

Sortablejs:功能强大的网页元素拖拽排序工具库
PagePlug:为开发者而生 低代码开发工具
Vue Flow:动态交互式流程图工具框架
Vue Draggable Plus:支持多种拖拽方式的组件库
600+ CSS Loading 动画加载器 
Vuetify:谷歌 Material 风格 响应式 UI 组件库

GitHub 56k+ Star 开源 AI 项目 一张截图就能生成前端代码

NutUI:京东开源 移动端 UI 组件库

THE END