
Dastyle v1.1 - Admin & Dashboard Template
category后台管理
# 项目简介
Dastyle 是一套基于 Bootstrap 4 的后台管理模板,包含 Dashboard、Email、聊天、电商、任务管理等模块。适合快速搭建 SaaS 平台或企业内部管理系统的原型界面。
## 技术栈
- Bootstrap 4
- jQuery
- SCSS
- Gulp(构建工具)
## 项目结构
```
Dastyle-v1.1/
├── gulpfile.js # Gulp 构建配置
├── package.json # 项目依赖
├── Documentation/ # 官方文档(含样式源文件)
│ ├── index.html
│ ├── css/ # 编译后的 CSS
│ ├── scss/ # SCSS 源码
│ └── js/
└── dastyle_v1.1/ # 实际使用的模板文件
└── *.html # 各功能页面
```
## 核心文件说明
- `gulpfile.js` — Gulp 自动化构建配置,支持 SCSS 编译、CSS 压缩
- `package.json` — 定义项目依赖(gulp、sass、autoprefixer 等)
- `Documentation/scss/style.scss` — 样式入口文件
- `Documentation/js/app.js` — 导航交互、滚动监听、锚点跳转等逻辑
- `dastyle_v1.1/` — 完整页面集合(电商、邮件、日历、聊天等业务模块)
## 快速开始
```bash
cd Dastyle-v1.1
npm install # 安装依赖
npx gulp # 启动构建并监听 SCSS 变更
```
构建完成后直接在浏览器打开 `dastyle_v1.1/index.html` 即可预览。
如无需二次开发,直接打开 `dastyle_v1.1/*.html` 文件在浏览器中查看效果。
## 使用建议
模板提供了深色侧边栏等主题变体,修改 SCSS 变量可快速定制配色和布局,适合作为后台系统开发起点。
help_outline
FAQ
Comments0
PublishedJan 21, 2026
Tech Stack
HTML