Upcube v2.2.0 - 响应式引导管理和仪表板模板

# 项目简介 Upcube 是一款基于 Bootstrap 5 的高级管理后台 HTML 模板，提供垂直/水平多种布局模式、深色主题及 RTL 支持。内置图表、数据表格、表单组件、日历等常用管理功能，适合快速构建企业级后台系统。 ## 技术栈 - Bootstrap 5.3.3 — UI 框架 - jQuery 3.7.1 — DOM 操作 - Gulp 4.0.2 — 构建工具 - Sass — CSS 预处理器 - DataTables、Chart.js、ApexCharts、ECharts — 数据可视化 - FullCalendar — 日历组件 - TinyMCE — 富文本编辑器 - SweetAlert2 — 弹窗通知 ## 项目结构 ``` Upcube_HTML_2.2.0/ ├── Documentation/ # 官方文档入口 │ └── index.html └── HTML/ # 模板主体 ├── gulpfile.js # Gulp 构建配置 ├── package.json # 依赖声明 └── src/ # 源码（含 @@include 片段） ├── index.html # 默认仪表盘 ├── charts-*.html # 各类型图表页 ├── tables-*.html # 表格相关页 ├── form-*.html # 表单相关页 ├── email-*.html # 邮件模块 ├── auth-*.html # 认证页 ├── pages-*.html # 错误页/空白页等 └── layouts-*.html # 各种布局变体 ``` ## 核心文件说明 - `HTML/package.json` — 定义所有 npm 依赖（含 Bootstrap、jQuery 及 50+ 插件） - `HTML/gulpfile.js` — 配置 Sass 编译、CSS 压缩、RTL 转换等构建任务 - `HTML/src/index.html` — 主仪表盘入口页面，含统计卡片和图表示例 - `HTML/src/pages-404.html` / `pages-500.html` — 错误页面模板 - `HTML/src/layouts-*.html` — 9 种布局变体（深色侧栏、水平、RTL 等） ## 快速开始 ```bash cd Upcube_HTML_2.2.0/HTML npm install # 安装依赖 npm install -g gulp-cli # 全局安装 Gulp CLI（如未安装） gulp # 启动开发服务器并监听文件变动 ``` 纯静态使用：直接用浏览器打开 `HTML/src/index.html`（但部分功能依赖构建后的资源）。 ## 使用建议 该模板适合需要即开即用的后台管理界面；若使用 @@include 语法，需通过 Gulp 构建后才可正常渲染页面。模板本身不含后端逻辑，仅负责前端展示层。