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

boyanx2个月前技术教程11

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 插件

相关文章

Farm 火了!比 Rspack/Vite 更快的打包方案!

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!高级前端进阶今天给大家带来的主题是Farm,即一个快速、强...

esbuild:一款快 10-100 倍的 JS 打包 / 压缩工具

为什么又造个轮子?为什么又要构建一个 JavaScript 构建工具呢?因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”,证明我们的 JavaS...

用啥 selenium!JS逆向不香吗?

正所谓条条道路通罗马,上次我们使用了Selenium自动化工具来爬取网易云的音乐评论,Selenium自动化工具可以驱动浏览器执行特定的动作,获得浏览器当前呈现的页面的源代码,做到可见即可爬,但需要...

uniapp 多端应用开发框架

unibest 是一个功能强大、开箱即用的 uniapp 开发框架,适合需要快速开发跨平台应用的开发者。它结合了最新的前端技术栈,提供了高效的开发体验和高质量的代码规范,同时支持多种平台,降低开发成本...

uniapp 移动端 UI 组件库

ThorUI 是一个轻量、简洁、且全面的移动端 UI 组件库,包含 uniapp 版本和原生微信小程序版本,uniapp 版本支持 nvue 编译模式、easycom 组件模式,并支持编译到 IOS、...

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

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

发表评论    

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