项目简介link

Upcube 是一款基于 Bootstrap 5 的高级管理后台 HTML 模板，提供垂直/水平多种布局模式、深色主题及 RTL 支持。内置图表、数据表格、表单组件、日历等常用管理功能，适合快速构建企业级后台系统。

技术栈link

• Bootstrap 5.3.3 — UI 框架
• jQuery 3.7.1 — DOM 操作
• Gulp 4.0.2 — 构建工具
• Sass — CSS 预处理器
• DataTables、Chart.js、ApexCharts、ECharts — 数据可视化
• FullCalendar — 日历组件
• TinyMCE — 富文本编辑器
• SweetAlert2 — 弹窗通知

项目结构link

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  # 各种布局变体

核心文件说明link

• 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 等）

快速开始link

cd Upcube_HTML_2.2.0/HTML
npm install       # 安装依赖
npm install -g gulp-cli  # 全局安装 Gulp CLI（如未安装）
gulp              # 启动开发服务器并监听文件变动

纯静态使用：直接用浏览器打开 HTML/src/index.html（但部分功能依赖构建后的资源）。

使用建议link

该模板适合需要即开即用的后台管理界面；若使用 @@include 语法，需通过 Gulp 构建后才可正常渲染页面。模板本身不含后端逻辑，仅负责前端展示层。