简介

Dunwoo Admin 是使用现代 Web 技术,Webpack, NPM, SASS, HTML5, CSS3jQuery, 基于 Bootstrap 4 而设计的通用后台管理模板。为了便于升级 Bootstrap 4 的版本,通过修改变量对其进行自定义,而不是修改它的源码。

本文档简单介绍了此模板的源码结构,以及如何对其进行编译和扩展。

此模板源码可从顶部菜单的 GitHub 链接下载,或者关注微信公众号「顿悟源码」回复关键词「Bootstrap」 获取百度网盘下载链接。

如果您有任何问题或者反馈,请通过 邮件 或者 GitHub Issues

开始使用
项目结构

在 zip 文件中,您可以找到以下目录和文件,其中包含已编译和压缩的分发文件以及源码文件。

dunwoo-admin/
├── .babelrc.js
├── .browserslistrc
├── .gitignore
├── package.json
├── webpack.config.js
├── README.md
├── src/
│   ├── scss/
│   │   ├── base/
│   │   ├── pages/
│   │   ├── partials/
│   │   ├── utilities/
│   │   ├── vendor/
│   │   └── _theme.scss
│   ├── js/
│   │   ├── modules/
│   │   ├── vendor/
│   │   └── theme.js
│   │── fonts/
│   └── img/
└── dist/
    ├── css/
    │   └── theme.css
    ├── js/
    │   └── theme.js
    ├── img/
    ├── fonts/
    └── libs/
安装和编译

该主题使用 webpack 打包和编译前端资源,所以在此之前,您需要安装 Node.js

安装 Node.js 之后,使用 npm install 下载安装主题的依赖,所有的依赖都会下载到 node_modules 目录:

npm install

然后可以编译所有源文件,最终文件生成到 dist/:

npm run build

或者通过 webpack 和 webpack-dev-server 提供的轻量级 Web 服务器,访问 http://localhost:3000 实时查看修改结果:

npm start