Vue后台

material-vue-full — Vue 后台模板

作者 flatlogic

Flatlogic 出品的 Vue 2 + Vuetify 后台模板，2025 年起从付费转为免费，页面覆盖仪表盘、电商、用户与图表。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

已检查补充预览来源，暂未找到更多可用的页面或手机端截图。

仓库预览 1

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

作者提供的预览

来自项目仓库的原始界面图片。

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

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

采集于 2026-09-27查看来源

值得关注的模板亮点

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

原为 69 美元以上的付费模板，2025 年 1 月起免费开放

基于 Vue 2.6.11 与 Vuetify，遵循 Material Design

内置三套配色主题与暗色模式

页面覆盖仪表盘、电商、用户管理、表单、图表、表格、地图等

同时使用 Highcharts 与 Apexcharts 两类图表库

可搭配 Flatlogic 的 Node.js 后端项目扩展为全栈

模板详细介绍

material-vue-full 是 Flatlogic 早期以 69 美元以上价格出售的 Vue 后台模板，2025 年 1 月起免费开放。技术底座是 Vue 2.6.11、Vuetify、Vue Router、Vuex、Sass 与 Webpack，走 Material Design 路线，提供三套配色主题和暗色模式。它的价值不在于某个单点功能，而在于一次性给出较完整的后台页面集合。

页面清单相当宽：Dashboard、电商模块（商品管理、商品网格、商品详情）、用户管理（列表、新增、编辑）、表单校验与元素、折线/饼图/柱状图、基础与动态表格、Google 地图与矢量地图，以及日历、发票、图库、搜索结果、时间线等辅助页。图表同时引入 Highcharts 和 Apexcharts，登录页与错误页也在其中。适合需要快速搭出后台外观、或想找 Vue 2 + Vuetify 参考实现的团队。

需要留意的是，README 只说明这些是页面和 UI 组件，并未声明已接入真实后端；登录、用户管理等界面应视为前端示例。仓库还提到可搭配 Flatlogic 的 nodejs-backend 做全栈，但那是独立项目，需自行核对接口与版本。另外 Vue 2 已停止官方维护，许可证状态在资料中标记为待确认，商用前建议先核实授权条款。

Vue后台

适合你的项目吗？

适用场景

需要快速搭建 Vue 后台界面外观与页面骨架
寻找 Vue 2 + Vuetify 的组件与页面组织参考
为电商、用户管理等后台模块准备现成的前端页面
评估 Flatlogic 系列模板在 Vue 技术栈下的实现方式

适合人群

仍在使用 Vue 2 技术栈、接受 Vuetify 的项目
需要成套后台页面而非从零写 UI 的开发者
希望参考 Material Design 后台布局的前端工程师

上手与定制指南

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

1
克隆仓库后执行 yarn install（或 npm install），再用 yarn start 启动，默认地址为 http://localhost:3000/
2
生产构建使用 yarn build；README 另提到 yarn start:backend，但后端需搭配独立的 nodejs-backend 项目
3
登录、用户管理等页面在 README 中仅列为页面，未说明已接入真实后端，接入前需自行核对接口
4
Vue 2 已停止官方维护，长期项目需评估升级或迁移成本
5
资料中许可证状态为待确认，商用前应核实具体授权条款

查看仓库使用说明