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

13,942 阅读3分钟

前言

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

Naive UI Admin

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

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

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

Admin Work

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

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

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

Soybean Admin

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

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

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

zce/fearless

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

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

tsx-naive-admin

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

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

写在最后

如果你喜欢我的文章,欢迎加我wx: xsp_web_share 为好友,一起交流前端技术。