HTML后台启动器

bootstrap-dashboard-starter-template — HTML 后台模板

作者 yuvrajsab

一个基于 Bootstrap 的后台仪表盘起步模板，使用 Nunjucks 模板和 Parcel 打包，适合快速搭建管理界面原型。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

查看源码在新标签页打开

作者提供的预览

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

基于 Bootstrap 的后台仪表盘布局起步模板

使用 Nunjucks 组织 HTML 模板

通过 Parcel 进行开发构建与生产打包

npm run dev 在 localhost:1234 启动本地服务

npm run build 输出编译压缩后的 build 目录

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

模板详细介绍

这是一个简单的 Bootstrap 仪表盘起步模板，用于快速搭建 Web 应用后台界面，省去从零设计布局的步骤。项目使用 Bootstrap 5 提供样式和组件，用 Nunjucks 组织 HTML 模板，并通过 Parcel v1 进行构建和本地开发。

开发流程上，克隆仓库后执行 npm install 安装依赖，npm run dev 会在 localhost:1234 启动本地服务，npm run build 则生成包含编译和压缩代码的 build 目录。README 中说明了两处已知限制：生产构建时 CSS 输出目录仍为 scss/ 而非 css/，需要手动重命名；项目选择 Parcel v1 而非 v2，原因是当时 v2 存在无法移除资源文件名 content hash 以及 livereload 相关问题。

该模板只提供 HTML 模板，若用于服务端应用，可先构建再复制 css 和 js 文件到服务端项目中使用。仓库采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可。

HTML后台启动器

适合你的项目吗？

适用场景

快速搭建管理后台的界面原型
作为服务端应用的前端静态资源模板
学习 Bootstrap 与 Nunjucks 结合的后台页面组织方式

适合人群

需要快速起步后台界面的开发者
使用 Bootstrap 技术栈的前端项目
希望以 HTML 模板形式接入现有服务端应用的项目

上手与定制指南

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

1
需要先安装 Node.js 和 npm
2
克隆仓库后执行 npm install 安装依赖
3
npm run dev 启动本地开发服务器，默认端口 1234
4
npm run build 生成 build 目录，其中 CSS 输出目录需手动从 scss 重命名为 css
5
用于服务端应用时，构建后复制 css 和 js 文件到服务端项目

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
生产构建时 CSS 输出目录仍为 scss/ 而非 css/，需手动重命名，否则样式路径可能不符合预期。
项目固定使用 Parcel v1，因当时 v2 存在无法移除资源文件名 content hash 及 livereload 问题；升级到 v2 可能遇到构建与热重载障碍。
模板仅提供静态 HTML 输出，用于服务端应用时需先构建再手动复制 css 和 js 文件，不包含服务端集成代码。

查看原文依据

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

It's a bug actually, I couldn't rename it to `css` on build so you have to do that manually.
README 原文

Parcel v2 currently as of 20/10/2021 has some problems like it doesn't let you remove `content hash` from your assets filename and some problem with livereload.
README 原文

It's just a `html` template, you can build the project using `npm run build` and copy `css` and `js` files to your server app.
README 原文

https://github.com/yuvrajsab/bootstrap-dashboard-starter-template/blob/master/LICENSE https://github.com/yuvrajsab/bootstrap-dashboard-starter-template/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

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

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: c31cd8892ef12885e165a1f7f9c472b1347a94b9259c1a22bb0bab9739a9e87c

2026-10-13T03:19:12.497Z

来源文件 / 仓库

# Bootstrap Dashboard Starter Template 

A simple Bootstrap css dashboard starter template for building web applications quickly without getting into much hassle of designing.

## Screenshots

![dashboard](https://github.com/yuvrajsab/bootstrap-dashboard-starter-template/blob/master/screenshot.png)

## Development

This project is built using [Bootstrap 5](https://getbootstrap.com/), [Nunjucks](https://mozilla.github.io/nunjucks/), and [Parcel Bundler](https://v1.parceljs.org/). Before you can start development you need to take care of a few prerequisites.

### Installing Prerequisites

#### Using apt package manager (Debian/Ubuntu)

```bash
sudo apt install nodejs npm
```

### Clone Project

You can simply clone the project using git as:

```bash
git clone https://github.com/yuvrajsab/bootstrap-dashboard-starter-template
```

or you can download ZIP and extract it.

### Build

switch into project directory
```bash
cd bootstrap-dashboard-starter-template
```

#### Install project dependencies

```bash
npm install
```

#### Running in development enviornment

```bash
npm run dev
```

This will build the project in dev mode and start a local server on `localhost:1234`

#### Building for production use

```bash
npm run build
```

This will generate `build` directory containing all the compiled and minified code.


## FAQ

1. Why are you using Parcel v1 instead of v2?

Parcel v2 currently as of 20/10/2021 has some problems like it doesn't let you remove `content hash` from your assets filename and some problem with livereload.

2. Why is there `scss/` directory for `css` files when I build the project in production?

It's a bug actually, I couldn't rename it to `css` on build so you have to do that manually.

3. What if I wanted to use this in some server side applications.

It's just a `html` template, you can build the project using `npm run build` and copy `css` and `js` files to your server app.

反馈内容错误