基于 Vue 3、Element Plus 与 Pinia 的后台基础结构
vue-relaxed-admin — Vue 后台模板
作者 shoppingzh
基于 Vue 3 的中后台模板,集成 Element Plus、Pinia、TailwindCSS,提供主题换肤、暗黑模式、配置化表格等常用后台能力。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
集成 TailwindCSS,并提供暗黑、色弱、灰色模式与主题色换肤
内置配置化表格、图表、水印、全屏、快捷键等功能指引类方案
工程侧包含 ESLint/Prettier、husky/commitlint、JSX 与多页 history 路由支持
提供 SVG 雪碧图与自动下载 iconfont 方案,并支持组件自动注册与 Mock
模板详细介绍
vue-relaxed-admin 是一个面向中后台场景的 Vue 前端模板,采用 MIT 许可发布,仓库包含在线预览与 README 说明。模板在工程层面集成 ESLint/Prettier、husky/commitlint,支持 JSX、多页 history 路由、SVG 雪碧图与自动下载 iconfont,并包含作者标注的性能优化内容。
开发层面以 Vue 3、Element Plus、Pinia 为基础,提供组件自动注册、Mock、TailwindCSS 集成,以及暗黑模式、色弱模式、灰色模式和主题色换肤。解决方案层面覆盖平滑滚动、复制粘贴、断网检测、全屏、快捷键、功能指引、水印、图表和配置化表格。
模板定位为开箱即用的中后台起点,适合在此基础上按业务需要调整页面与配置;README 未列出具体依赖版本号,也未说明生产环境下的性能与稳定性表现,使用前应自行核对依赖与第三方素材的许可。
适合你的项目吗?
适用场景
- 需要 Vue 3 中后台起步模板,快速搭建带侧边栏与数据页面的管理界面
- 希望在项目中直接使用 Element Plus 与 TailwindCSS 组合开发后台页面
- 需要暗黑模式、主题色换肤或色弱/灰色模式等界面偏好能力
- 需要配置化表格、图表、水印、全屏等常见后台交互组件
- 需要多页 history 路由或 JSX 写法的 Vue 后台工程结构
适合人群
- 熟悉 Vue 3 与 Element Plus、希望减少后台基础搭建工作量的前端开发者
- 需要可修改源码、按业务定制主题与页面布局的中后台项目
- 接受 MIT 许可并愿意自行核对第三方素材许可的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
仓库采用 MIT 许可,分发代码副本或实质性部分时需保留版权声明与许可声明
- 2
README 未列出具体依赖版本,安装前应核对 package.json 中的依赖与兼容性
- 3
演示图片、字体、图标等第三方素材需按各自许可单独确认
- 4
模板提供在线预览地址,可先对照预览确认功能范围再决定是否使用
- 5
外部服务如域名、托管、数据库等可能产生额外费用,需自行评估
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/shoppingzh/vue-relaxed-admin/blob/main/LICENSEhttps://github.com/shoppingzh/vue-relaxed-admin/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-03。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 64 / 100
- 技术栈
- Vue
- 网站类型
- 后台
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-08-22
- 截图检查日期
- 2026-10-03
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-04
查看当时使用的来源资料
SHA-256: 56f9c93f82a36eef68c7f03f6600d33f98807be9e60a299607b8dea39dea891e
2026-10-03T15:52:29.228Z
来源文件 / 仓库# vue-relaxed-admin 轻松的、开箱即用的中后台模板。 ## 🍧 预览 在线访问地址:[https://vue.zhengxiaoping.xyz/](https://vue.zhengxiaoping.xyz/)  ## 🚀 特性 **工程基础** - ESLint/Prettier 集成 - husky/commitlint 集成 - JSX支持 - 兼容性 - 多页支持(支持多页history路由!) - svg 雪碧图与自动下载 iconfont 方案 - 性能优化 **开发基础** - Vue3/Element Plus/Pinia - 组件自动注册 - Mock - TailwindCSS 集成 - 暗黑模式/色弱模式/灰色模式 - 支持主题色换肤 **解决方案** - 平滑滚动 - 复制粘贴 - 断网检测 - 全屏 - 快捷键 - 功能指引 - 水印 - 图表 - 配置化表格
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

vuestic-admin
Vuestic Admin is an open-source, ready-to-use admin template suite designed for rapid development, easy mainte…
Vue · 后台

v3-admin-vite
v3-admin-vite 是一个主打 AI 编程友好体验的 Vue3 后台管理模板,基于 Vue3、Vite、TypeScript、Element Plus 构建。
Vue · 后台

vue-typescript-admin-template
vue-typescript-admin-template 是一套面向后台管理界面的前端解决方案,基于 Vue 2.6、TypeScript 和 Element UI 构建。
Vue · 后台

vue-antd-admin
Vue Antd Admin 是 Ant Design Pro 的 Vue 实现版本,目标是为中后台项目提供一套开箱即用的前端与设计解决方案。
Vue · 后台

coreui-free-vue-admin-template
Free Vue Admin & Dashboard Template Built for AI-Assisted Development
Vue · 后台

nova-admin
A simple and flexible admin template based on Vue3, Vite, TypeScript, NaiveUI
Vue · 后台
