VueHTML后台

bootstrap-vue-admin — Vue 后台模板

作者 ikaiguang

基于 Vue、BootstrapVue 与 vue-router 的后台管理系统模板，提供登录、仪表盘与响应式布局示例页面。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

桌面端首页

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

桌面端截图首屏预览

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

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

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

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

值得关注的模板亮点

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

基于 Vue、BootstrapVue 和 vue-router 构建的后台管理界面模板

提供登录页与仪表盘等示例页面

包含移动端适配的界面截图示例

README 提供在线演示地址及演示账号密码

使用 @vue/cli 作为开发工具，通过 npm run serve 启动

采用 MIT 许可，可免费使用、修改、商用和分发

模板详细介绍

这是一个后台管理系统的前端模板，技术栈为 Vue + BootstrapVue + vue-router，仓库描述与 README 均指向同一用途：搭建管理后台界面。

模板包含登录页、仪表盘（dashboard）以及多张截图所示的列表/内容页面，并提供移动端适配的界面示例。README 中给出了在线演示地址与演示账号（[email protected] / password），可据此查看实际页面效果。

项目依赖 @vue/cli 进行开发，安装与运行流程为全局安装 @vue/cli、克隆仓库、执行 npm install，再用 npm run serve 启动开发服务。README 未说明后端接口、数据来源、状态管理或权限方案，因此这些部分需要自行补充。

许可方面，仓库采用 MIT 许可，可免费使用、修改、商用和分发该版本代码；但演示图片、字体、图标等第三方素材需单独核对其许可，域名、托管、数据库等外部服务也可能另行收费。

VueHTML后台

适合你的项目吗？

适用场景

搭建管理后台的前端界面原型
学习 Vue 与 BootstrapVue 组合的页面组织方式
作为内部管理系统界面的起始模板

适合人群

需要 Vue + BootstrapVue 后台界面起点的开发者
希望参考登录页与仪表盘布局的前端人员
接受自行补充接口与业务逻辑的项目

上手与定制指南

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

1
需先全局安装 @vue/cli：npm install -g @vue/cli
2
克隆仓库后进入目录执行 npm install
3
使用 npm run serve 启动开发服务
4
演示账号为 [email protected]，密码为 password
5
第三方素材与外部服务的许可和费用需另行核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

README 提供的在线演示需使用指定演示账号（[email protected]）与密码（password）登录，仅用于查看演示页面，并非项目运行所必需的账号或密钥。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

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

Account : [email protected] Password : password
README 原文

https://github.com/ikaiguang/bootstrap-vue-admin/blob/master/License https://github.com/ikaiguang/bootstrap-vue-admin/blob/master/readme.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2023-01-06
截图检查日期: 2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: c1aeaf9c691c36e3d90f88e5bfe7a9d908eb4fcd133fdf4d8d20285dc4a814c9

2026-10-02T18:40:10.685Z

来源文件 / 仓库

# bootstrap-vue-admin

bootstrap-vue-admin : admin management system template based on vue + bootstrap-vue + vue-router

> [live-dome](http://bootstrap-vue-admin.uufff.com/#/admin/dashboard)

## depend on @vue/cli

install : `npm install -g @vue/cli`

## install && run

```base

git clone https://github.com/ikaiguang/bootstrap-vue-admin.git

cd bootstrap-vue-admin

npm install

# vue cli v3
npm run serve

```

## Documentation

- [vue-js](https://cn.vuejs.org/)
- [bootstrap-vue](https://bootstrap-vue.js.org/)

## live dome

http://bootstrap-vue-admin.uufff.com/#/admin/dashboard

```text

Account  : [email protected]
Password : password

```

## images

> index

![index.png](public/readme/index.png)

> index2

![index2.png](public/readme/index2.png)

> mobile-phone

![mobile-phone.png](public/readme/mobile-phone.png)

> icon

![icon.png](public/readme/icon.png)

> response

![response.png](public/readme/response.png)

> response2

![response2.png](public/readme/response2.png)

> login

![login.png](public/readme/login.png)

> web

![web.png](public/readme/web.png)

## License

Released under the [MIT License](License)

反馈内容错误