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

boyanx8个月前技术教程29

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

标签: js 插件

相关文章

可视化自定义 100+ 组件 UI 库

Mantine 是一个现代化的 React 组件库,专注于提供高性能、易于定制且功能丰富的组件。它支持主题定制、响应式设计,并与 Next.js 等现代框架无缝集成。Mantine 的目标是帮助开发者...

USB2JFFS,一个让Merlin梅林固件有更多可能的插件

写在前面嗷呜,由于之前写过两篇Easepi和易有云的使用体验,这次被小宝大神邀请使用Merlin梅林固件写体验啦,第一次跟大神距离这么近(简直受宠若惊~),感觉我离成为一枚优质学渣也不太远了~~折腾软...

新款HTTP代理抓包工具Proxyman(界面美观、功能强大)

不论是普通的前后端开发人员,还是做爬虫、逆向的爬虫工程师和安全逆向工程,必不可少会使用的一种工具就是HTTP抓包工具。说到抓包工具,脱口而出的肯定是浏览器F12开发者调试界面、Charles(青花瓷)...

基于 Vue3 的网页版 PPT 演示文稿

PPTist,一个基于 Vue3 的在线演示文稿PPT应用插件,支持文字、图形、图表、表格、公式、音视频等多种类型元素的添加,可以在浏览器中进行导入、编辑、演示、导出PPT等操作,提供多个右键菜单、快...

玩 ChatGPT 的正确姿势「GitHub 热点速览 v.22.49」

火了一周的 ChatGPT,HG 不允许还有小伙伴不知道这个东西是什么?简单来说就是,你可以让它扮演任何事物,据说已经有人用它开始了颜色文学创作。因为它太火了,所以,本周特推在几十个带有“chatgp...

开源流程图 思维导图 信息工程图 室内平面图等多种类型绘图工具

drawio 是一个功能强大的图形绘图工具,开源免费,支持开发者在线部署、还可以安装到 Windows、Mac 操作系统中进行离线使用,它允许用户创建和编辑图表、流程图、思维导图、UML 图、网络图、...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。