基于 Bootstrap 5.3.8，配合 CSS 自定义属性实现主题定制
HTML后台
Bootstrap-Admin-Template — HTML 后台模板
作者 puikinsh
Metis 是一套基于 Bootstrap 5.3.8 的免费后台管理面板模板，使用 Vite、SCSS 与 Alpine.js 构建，包含仪表盘、用户管理、订单、日历、消息、认证与错误页等 30 个页面。
看看你的网站会是什么样
浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。
全部页面与视图 6
截图用于了解视觉与布局，交互效果请以实际项目为准。
采集于 2026-09-04查看来源
值得关注的模板亮点
从已有项目资料中，快速了解它的特点。
使用 Vite 8.2 与 SCSS 架构，支持热模块替换和生产构建
内置 30 个页面，覆盖仪表盘、CRUD、日历、消息、认证与错误页
图表颜色由 chart-palette.js 统一管理，经过色盲与对比度校验
字体、图表、代码高亮和图片全部自托管，无第三方运行时请求
提供深色/浅色模式切换，并通过 localStorage 持久化
模板详细介绍
Metis 是 puikinsh 维护的 Bootstrap 后台管理模板，当前版本 3.6.0，采用 Bootstrap 5.3.8、Alpine.js 3.17、Vite 8.2 与 SCSS 构建。模板提供分析仪表盘、用户管理、产品与订单管理、文件管理器、日历、消息、报表、设置、安全、帮助与支持等页面，并包含登录、注册、忘记密码、重置密码、两步验证、锁屏以及 404/500/维护等认证与错误页。设计上强调用边框而非阴影区分静态面板，阴影只用于下拉菜单、模态框和移动端侧边栏；强调色仅用于主操作、当前导航项和焦点环。图表颜色集中在 scripts/utils/chart-palette.js 中，经过明度、彩度、色盲区分度和对比度校验。模板自托管字体、图表、代码高亮和图片，不向第三方 CDN 发起运行时请求，可在离线或严格 CSP 环境下使用。
HTML后台
适合你的项目吗？
适用场景
- 搭建需要用户、产品、订单等 CRUD 页面的后台管理系统
- 为内部工具快速制作包含图表和报表的数据仪表盘
- 需要登录、注册、两步验证、锁屏等认证流程原型的项目
- 在离线环境或严格 CSP 策略下部署管理界面
- 作为 Bootstrap 5 与 Vite 构建流程的学习参考模板
适合人群
- 需要现成后台页面结构的前端开发者
- 使用 Bootstrap 技术栈的团队
- 需要离线或内网部署管理面板的项目
- 希望基于 SCSS 变量快速调整品牌色的项目
上手与定制指南
结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。
- 1
需要 Node.js 20.19 或更高版本，以及 npm 或 yarn
- 2
克隆仓库后执行 npm install，再用 npm run dev 启动开发服务器
- 3
生产构建使用 npm run build，本地预览使用 npm run preview
- 4
品牌色在 src-modern/styles/scss/abstracts/_variables.scss 中修改
- 5
运行 npm run test:build 需要自行安装 Playwright Chromium
授权与来源资料
使用条件与限制
待核对- 尚未完成使用条件评估，请先查看原仓库许可证。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 89 / 100
- 技术栈
- HTML
- 网站类型
- 后台
这个分数如何计算
本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-14
- 截图检查日期
- 2026-09-19
已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录；旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库，发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板，找到更适合的视觉与内容结构。
gentelella
Free admin dashboard template — vanilla JS, SCSS, Vite 8. No Bootstrap, no jQuery.
HTML · 后台
coreui-free-bootstrap-admin-template
Free Bootstrap Admin & Dashboard Template Built for AI-Assisted Development
HTML · 后台
dashboards
Responsive dashboard templates 📊✨
HTML · 后台
SB Admin 2
SB Admin 2 是 Start Bootstrap 推出的开源后台模板，基于 Bootstrap 构建，整体风格偏向经典管理界面。
HTML · 后台
Adminator-admin-dashboard
Adminator is easy to use and well design admin dashboard template with dark mode for web apps, websites, servi…
HTML · 后台
SB Admin
SB Admin 是 Start Bootstrap 推出的开源后台管理模板，基于 Bootstrap 构建，定位是简洁、实用的管理界面。
HTML · 后台