Astro 组件化页面结构,配合 Bootstrap 5.3.3 栅格与组件
bootstrap-admin-template — Astro 后台模板
作者 asterodigital
基于 Astro 与 Bootstrap 5.3 的响应式后台模板,含明暗主题、RTL 与多套仪表盘布局,可 npm 或 CDN 引入。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内置明暗主题切换与 RTL 布局支持
提供分析型仪表盘、紧凑侧边栏等多种后台布局
SCSS 变量驱动,便于按品牌调整配色与字体
支持 npm 安装、CDN 引入或克隆仓库三种使用方式
模板详细介绍
AsteroAdmin 是一套用 Astro 和 Bootstrap 5.3.3 搭起来的后台界面模板,定位偏静态前端骨架:页面由 .astro 组件与布局拼装,样式走 SCSS 变量体系,构建链整合了 ESBuild、Rollup、LightningCSS 和 PostCSS。仓库把组件、布局、页面、脚本、样式分层放在 src 下,另配一套 tools 脚本,整体结构对想接手二次开发的人比较友好。
功能层面,它提供分析型仪表盘、紧凑侧边栏、明暗主题切换、RTL 支持、Offcanvas 导航,以及图表、表格、表单等常见 UI 组件示例;登录与注册页面只是设计稿,README 没有说明对接任何真实认证或后端接口。安装方式有三种:npm 包 asteroadmin、jsDelivr CDN,或克隆仓库后 npm run dev 本地起服务。
它更适合需要快速搭出管理后台视觉层、并愿意自己接数据与权限的项目。上线前建议核对:LICENSE 文件虽写 MIT 但仓库许可状态标注为 review;图表、表格的数据来源与交互逻辑需自行确认;浏览器支持仅列出 Chrome、Firefox、Safari、Edge、Opera 的最新版本。
适合你的项目吗?
适用场景
- 需要快速搭建管理后台视觉层、再自行接入数据接口的项目
- 以 Bootstrap 为技术栈、希望用 Astro 组织页面的团队
- 需要明暗主题或 RTL 语言支持的后台界面原型
- 用于演示或内部工具的前端静态骨架
适合人群
- 熟悉 Bootstrap 与 SCSS、能读懂 Astro 组件语法的开发者
- 接受自行实现认证、权限与数据请求的前端项目
- 需要现成仪表盘与表单组件示例作为起点的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 建议 Node.js v18 或更高版本,使用 npm 或 yarn 管理依赖
- 2
克隆仓库后执行 npm install,再运行 npm run dev,开发服务默认在 http://localhost:1234
- 3
登录与注册页面仅为设计稿,未说明接入真实后端,需自行实现认证逻辑
- 4
仓库许可状态标注为 review,使用前应核对 LICENSE 与授权范围
- 5
图表、表格等组件的数据来源与交互行为需在接入前自行验证
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可证明确允许免费使用、修改、分发和商用,仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 在所有副本或实质性部分中包含版权声明和许可声明
额外费用与待核对事项
- README未说明图片、字体等静态素材的单独授权范围
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
The above copyright notice and this permission notice shall be included in all
许可证原文
https://github.com/asterodigital/bootstrap-admin-template/blob/main/LICENSEhttps://github.com/asterodigital/bootstrap-admin-template/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 86 / 100
- 技术栈
- Astro · HTML
- 网站类型
- 后台
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-12-01
- 截图检查日期
- 2026-09-07
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

AdminLTE
AdminLTE - Free admin dashboard template based on Bootstrap 5
Astro · 后台

flowbite-astro-admin-dashboard
Open-source admin dashboard template built with Astro, Flowbite, and Tailwind CSS
Astro · 后台
accessible-astro-dashboard
accessible-astro-dashboard 是一个以无障碍为设计核心的 Astro 后台管理模板。
Astro · 后台

accessible-astro-docs
Official documentation website for all the Accessible Astro Projects, which include the Starter, Dashboard and…
Astro · 后台

astro-blog
Astro 6 blog template with built-in browser admin panel. Write & publish MDX posts without touching a text edi…
Astro · 后台

n8n-stats
Community health dashboard for n8n - track growth, templates, nodes, creators, and events
Astro · 后台
