基于 Vue3 开箱即用的中后台管理系统框架

Naive UI Admin 是一个现代化的中台前端框架,它通过提供最新的技术栈、高效的开发工具、丰富的组件封装和完善的权限管理,帮助开发者快速构建和定制中台管理系统。

技术栈:Vue3 + Vite + NaiveUI + TypeScript + Pinia + Alova + ECharts + Tailwindcss。

部分页面预览:

工作台

基础列表

菜单权限管理

用户角色管理

个人设置

拖拽功能

项目包含三种角色权限处理方式:

通过前端配置角色方式控制,通过 API 接口返回角色字段过滤。

通过后台 API 接口来动态获取路由,生成路由表。

通过后台 API 接口返回所有权限集合,包括菜单和按钮,前端固定路由,进行过滤。

项目启动:

// 安装 yarn
npm i -g yarn
// 安装依赖
yarn
// 启动运行
npm run dev

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

GitHub:https://github.com/jekip/naive-ui-admin

官方文档:https://docs.naiveadmin.com/guide/introduction.html

原文链接:,转发请注明来源!