项目简介
Materialize 是一个基于 Bootstrap 5 的 Material Design 风格管理后台模板包,提供纯 HTML 静态版本以及 Laravel、Django、ASP.NET Core 等多框架集成版本,适合快速构建企业级管理后台应用。
技术栈
- Bootstrap 5(前端框架)
- HTML5 / CSS3 / Vanilla JavaScript(静态版本)
- Laravel(PHP 框架集成版)
- Vite(构建工具,Laravel 版本)
- SQLite / Redis(数据库及缓存)
- Docker(容器化部署支持)
- Figma(设计资源)
项目结构
text
materialize-admin-v13.9.0/
├── html-version/ # 纯 HTML 静态模板
├── html-laravel-version/
│ ├── full-version/ # Laravel 完整功能版
│ │ ├── .env.example
│ │ ├── composer.json
│ │ ├── package.json
│ │ ├── vite.config.js
│ │ └── docker-compose.yml
│ └── starter-kit/ # Laravel 起步套件
├── django-version/
│ ├── full-version/ # Django 完整版(含 Dockerfile)
│ └── starter-kit/ # Django 起步版
├── aspnet-core/
│ ├── MVC/
│ └── Razor Pages/
├── design-files/figma/ # Figma 设计源文件
└── Licensing/ # 授权协议
核心文件说明
html-version/— 纯静态模板,可直接在浏览器打开 index.htmlhtml-laravel-version/full-version/— Laravel 完整集成版,含 Vite、Docker 配置html-laravel-version/starter-kit/— Laravel 起步套件,适合快速上手django-version/full-version/— Django 完整版,含 SQLite 数据库及 Docker 支持aspnet-core/— ASP.NET Core 版本,含 MVC 和 Razor Pages 两种模式design-files/figma/— Figma UI 套件,供设计师参考或二次开发
快速开始
静态 HTML 版本:
直接在浏览器打开 html-version/index.html 即可预览。
Laravel 版本:
bash
cd html-laravel-version/full-version
cp .env.example .env
composer install
npm install
php artisan key:generate
php artisan serve
Django 版本:
bash
cd django-version/full-version
pip install -r requirements.txt
python manage.py migrate
python manage.py runserver
使用建议
本模板为商业授权(见 Licensing/ 目录),请在授权范围内使用。推荐根据团队技术栈选择对应版本:纯 HTML 适合无需后端的前端演示,Laravel/Django 版本则提供完整的后端功能支持。
