项目简介link

Appzia 是一款基于 Bootstrap 5 的多用途后台管理模板，版本号 2.3.0，由 Themesdesign 出品。内置 Gulp 构建流程，支持 SCSS 编译、组件复用（@@include 语法）及 RTL 布局切换。适合快速搭建企业级管理后台、SaaS 平台或数据仪表盘。

技术栈link

• 框架：Bootstrap 5.3.3 + jQuery 3.7.0
• 构建工具：Gulp 4.0.2 + gulp-file-include
• 样式预处理：SASS/SCSS
• 图表库：Chart.js、ApexCharts、ECharts、Morris.js、Flot
• 数据表格：DataTables（集成响应式、自动填充、按钮、选择等功能）
• 图标：Dripicons、Font Awesome、Material Design Icons、Remix Icon
• UI 组件：SweetAlert2、Toastr、Owl Carousel、Magnific Popup、Select2 等

项目结构link

appzia_HTML_2.3.0/
├── Admin/
│   ├── gulpfile.js          # Gulp 构建配置
│   ├── package.json         # 依赖管理
│   ├── yarn.lock
│   └── src/                 # HTML 源文件（需构建）
│       ├── index.html       # 控制台首页
│       ├── auth-*.html      # 登录/注册/找回密码等认证页
│       ├── charts-*.html    # 各类图表示例
│       ├── form-*.html      # 表单组件示例
│       ├── tables-*.html    # 表格组件示例
│       ├── ui-*.html        # UI 基础组件示例
│       ├── layouts-*.html   # 不同布局变体
│       ├── icons-*.html     # 图标集
│       ├── maps-*.html      # 地图集成
│       └── pages-*.html     # 错误页/维护页等
├── Documentation/
│   └── index.html           # 文档首页

核心文件说明link

• Admin/package.json — Node 依赖声明，定义了 40+ 款插件及构建脚本
• Admin/gulpfile.js — Gulp 任务配置，控制 SCSS 编译、CSS/JS 压缩、文件包含及 RTL 转换
• Admin/src/index.html — 仪表盘首页源码，展示卡片统计、图表等组件用法
• Admin/src/pages-404.html — 404 错误页面模板
• Admin/src/pages-500.html — 500 服务器错误页面模板
• Admin/src/auth-login.html — 登录页模板（位于 auth-login.html）

快速开始link

# 安装依赖
cd appzia_HTML_2.3.0/Admin
yarn install   # 或 npm install

# 启动开发服务器（BrowserSync 监听热重载）
yarn start

# 构建生产版本
yarn build

纯静态使用时，可直接在浏览器打开 Admin/src/index.html，但需确保网络可访问 CDN 资源或已执行构建。

使用建议link

• 修改布局：编辑 Admin/src/layouts-*.html 中的侧边栏和顶栏配置，可快速切换水平/垂直、盒装/全宽等布局模式。
• 深色/RTL 主题：模板内置 Dark Version 和 RTL Version 支持，可参考 Documentation/rtl.html 中的说明进行切换。
• 源文件使用 @@include 复用头部、菜单等片段，正式部署前请先执行 yarn build 生成合并后的文件。