Appzia v2.3.0 - 响应式 Bootstrap 5 管理仪表板

# 项目简介 Appzia 是一款基于 Bootstrap 5 的多用途后台管理模板，版本号 2.3.0，由 Themesdesign 出品。内置 Gulp 构建流程，支持 SCSS 编译、组件复用（`@@include` 语法）及 RTL 布局切换。适合快速搭建企业级管理后台、SaaS 平台或数据仪表盘。 ## 技术栈 - **框架**：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 等 ## 项目结构 ``` 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 # 文档首页 ``` ## 核心文件说明 - `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`） ## 快速开始 ```bash # 安装依赖 cd appzia_HTML_2.3.0/Admin yarn install # 或 npm install # 启动开发服务器（BrowserSync 监听热重载） yarn start # 构建生产版本 yarn build ``` 纯静态使用时，可直接在浏览器打开 `Admin/src/index.html`，但需确保网络可访问 CDN 资源或已执行构建。 ## 使用建议 - **修改布局**：编辑 `Admin/src/layouts-*.html` 中的侧边栏和顶栏配置，可快速切换水平/垂直、盒装/全宽等布局模式。 - **深色/RTL 主题**：模板内置 Dark Version 和 RTL Version 支持，可参考 `Documentation/rtl.html` 中的说明进行切换。 - 源文件使用 `@@include` 复用头部、菜单等片段，正式部署前请先执行 `yarn build` 生成合并后的文件。