Vue后台

vuetify-admin-console — Vue 后台模板

作者 lhsazevedo

基于 Vue 与 Vuetify 的后台管理界面模板，模仿 Google Admin 的仪表盘布局，目前处于开发中状态。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

桌面端首页

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-04查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

使用 Vue 与 Vuetify 组件库搭建后台管理界面

界面风格参考 Google Admin 控制台

通过 Vue Router 管理页面路由

图标资源来自 Material Design Icons 与 Icons8

README 中列出功能路线图，首页已完成，其余条目待实现

模板详细介绍

这是一个使用 Vue 和 Vuetify 组件库构建的后台管理仪表盘模板，目标风格接近 Google Admin 控制台。项目在 README 中明确标注为 work-in-progress，功能路线图显示仅首页（Home）已完成，仪表盘、操作表格、用户创建对话框、设置布局和国际化等条目仍处于未完成状态。

模板使用 Vue Router 处理路由，图标来自 Material Design Icons 与 Icons8。仓库提供在线演示，可查看当前已实现页面的实际效果。项目采用 MIT 许可，可免费使用、修改和分发代码，但第三方素材需单独核对许可。

Vue后台

适合你的项目吗？

适用场景

作为学习 Vue 与 Vuetify 组合使用的参考项目
在内部工具中借鉴其 Google Admin 风格的后台布局
基于现有首页结构继续补充仪表盘等页面

适合人群

需要 Vue 后台界面起步结构的开发者
希望参考 Vuetify 管理端布局的开发者
接受在未完成模板上继续开发的前端项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
项目标注为 work-in-progress，README 路线图中多数功能尚未完成
2
代码采用 MIT 许可，分发时需保留版权与许可声明
3
演示图片、字体、图标等第三方素材需按各自许可单独核对
4
仓库未提供依赖版本与运行环境说明，使用前需自行确认

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

项目自述为开发中的模板，README 路线图显示仅首页完成，仪表盘、操作表格、用户创建对话框、设置布局与国际化等均未实现，不适合直接用于生产环境。
图标素材来自 Icons8，属于第三方资源，其许可与 MIT 代码许可相互独立，使用或分发前需自行核对 Icons8 的授权条款。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

A work-in-progress Google Admin like dashboard app template
README 原文

- [Icons8](https://icons8.com/)
README 原文

https://github.com/lhsazevedo/vuetify-admin-console/blob/master/LICENSE https://github.com/lhsazevedo/vuetify-admin-console/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-04。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 68 / 100
技术栈: Vue
网站类型: 后台

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2021-06-05
截图检查日期: 2026-10-04

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Vue。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: ea98ab63c67589288062326b7d12e5a4af5800f6b77d3411a38fc1d2b4d775d9

2026-10-04T02:51:35.264Z

来源文件 / 仓库

<p align="center">
  <a href="https://lhsazevedo.github.io/vuetify-admin-console/">
    <img src=".github/assets/logo.svg" alt="Vuetify Admin Console" width="500" />
  </a>
</p>
<p align="center">
  <img src="https://travis-ci.com/lhsazevedo/vuetify-admin-console.svg?branch=master" alt="Build status" />
</p>
<p align="center">A work-in-progress Google Admin like dashboard app template</p>

## See it in action
Demo: https://lhsazevedo.github.io/vuetify-admin-console/

## Features Roadmap
- [x] Home
- [ ] Dashboard
- [ ] Action table
- [ ] User creation dialog
- [ ] Settings layout
- [ ] Internationalization


## Packages and technologies used
- [Vue.js](https://vuejs.org/) framework
- [Vue Router](https://router.vuejs.org/)
- [Vuetify](https://vuetifyjs.com/en/) component library
- [Material Design Icons](https://materialdesignicons.com)
- [Icons8](https://icons8.com/)

反馈内容错误