5款非常优秀的基于 vue3.x 和 Native UI 的中后台管理系统模板

简介: 5款非常优秀的基于 vue3.x 和 Native UI 的中后台管理系统模板

前端学习路线一条龙【内含入门到进阶到高级精选资源】无套路获取!!!

前端小菜鸡之菜鸡互啄,公众号:前端开发爱好者xy哥怒肝,前端学习路线一条龙【内含入门到进阶到高级精选资源】无套路获取!!!

前言

哈喽,大家好 我是xy👨🏻‍💻。在上一篇文章中详细的给大家讲解了如何使用 Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架。今天给大家分享5款开源且非常优秀的基于 vue3.xNative UI 的中后台管理系统模板,助力大家快速开发一个中后台管理系统

Naive UI Admin

仓库地址: https://github.com/jekip/naive-ui-admin

介绍: Naive Ui Admin 完全免费,且可商用,基于 Vue3.0ViteNaive UITypeScript 的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目, 相信不管是从新技术使用还是其他方面,都能帮助到你。

  • 二次封装实用高扩展性组件
  • 响应式、多主题,多配置,快速集成,开箱即用
  • 最新技术栈,使用 Vue3、Typescript、Pinia、Vite 等前端前沿技术
  • 强大的鉴权系统,对路由、菜单、功能点等支持三种鉴权模式,满足不同的业务鉴权需求
  • 持续更新,实用性页面模板功能和交互,随意搭配组合,让构建页面变得简单化

image.png

Admin Work

仓库地址: https://github.com/qingqingxuan/admin-work

介绍: Admin Work,是 Vue Admini Work 系列中最成熟和完善的中后台框架,全面的系统配置,优质模板,常用组件,真正一站式开箱即用 采用时下最流行的 Vue3 UI 库--NaiveUI

  • 使用了当今最流行的技术框架:Vue3 + Vite2 + Typescript + Navie UI
  • 支持前端控制路由权限和后端控制路由模式
  • 支持 mock ,完全独立于后台
  • 提供了非常多的 mxin 代码块,方便集成各种功能
  • 内置了大量常用的组件,比如,上传,消息提示等
  • 支持多主题、多布局切换

image.png

Soybean Admin

仓库地址: https://github.com/honghuangdc/soybean-admin

介绍: Soybean Admin 是一个基于 Vue3ViteNaive UITypeScript 的免费中后台模版,它使用了最新的前端技术栈,内置丰富的插件,有着极高的代码规范,开箱即用的中后台前端解决方案,也可用于学习参考。

  • 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的npm包管理器pnpm
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题:丰富可配置的主题
  • 代码规范:丰富的规范插件及极高的代码规范
  • 路由配置:简易的路由配置

image.png

zce/fearless

仓库地址: https://github.com/zce/fearless

介绍: 一个基于 Vue.js 3.x & TypeScript & Vite 的管理平台脚手架,包含基本的身份认证和鉴权,相对来说比较纯净,可以直接使用image.png

tsx-naive-admin

仓库地址: https://github.com/WalkAlone0325/tsx-naive-admin

介绍: 基于Vue 3 + Naive UI + TSX + Vite 的后台管理基本模板image.png

相关文章
|
1月前
|
JavaScript 前端开发
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
16 0
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
|
2月前
|
JavaScript 前端开发
vue element-ui分页插件 始终保持在页面底部样式
vue element-ui分页插件 始终保持在页面底部样式
21 0
|
27天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
3月前
|
Linux 测试技术
Linux基础项目开发1:量产工具——UI系统(五)
Linux基础项目开发1:量产工具——UI系统(五)
33 0
Linux基础项目开发1:量产工具——UI系统(五)
|
5月前
|
JavaScript
vue中有关表格中的表格头中添加悬浮提示的ui问题
vue中有关表格中的表格头中添加悬浮提示的ui问题
55 0
|
3月前
|
资源调度 JavaScript
Vue + Element-ui组件上传图片报错问题解决方案
Vue + Element-ui组件上传图片报错问题解决方案
|
12天前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
17 1
|
1月前
|
JavaScript
UI库的按需加载(vue的问题)
UI库的按需加载(vue的问题)
14 0
|
2月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
47 0
|
2月前
|
Web App开发 前端开发 JavaScript
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
28 1