Techmin - Bootstrap UI Kit and Admin Dashboard Template

# 项目简介 Techmin 是一款基于 Bootstrap 5 构建的响应式后台管理模板，集成了丰富的 UI 组件和图表功能，适合用于搭建 CRM、 CMS 或管理后台系统。模板支持 Gulp 构建流水线，可快速定制主题和布局。 ## 技术栈 - Bootstrap 5（核心 CSS 框架） - Gulp 4（构建自动化） - Sass（样式预处理） - Chart.js / ApexCharts（图表可视化） - DataTables（表格插件） - jQuery（DOM 操作） ## 项目结构 ``` Techmin_v1.0/Admin/ ├── gulpfile.js # Gulp 构建配置 ├── package.json # 项目依赖 ├── src/ # 源代码目录 │ ├── index.html # 主仪表盘页面 │ ├── pages-starter.html # 空白起始页示例 │ ├── charts-apex.html # ApexCharts 图表示例 │ ├── tables-datatable.html # DataTables 表格示例 │ ├── form-elements.html # 表单组件示例 │ └── layouts-*.html # 各种布局变体 └── Documentation/ # 官方文档（可浏览器直接打开） ``` ## 核心文件说明 - `gulpfile.js` — Gulp 任务定义，支持热重载、压缩、RTL 转换等构建流程 - `package.json` — 声明了 Bootstrap 5、Chart.js、ApexCharts、DataTables 等 40+ 依赖 - `src/index.html` — 主仪表盘模板，展示统计卡片、折线图和商家列表等组件 - `src/pages-starter.html` — 使用 `@@include` 语法的模块化页面模板示例 - `src/layouts-*.html` — 多种布局方案（侧边栏折叠、Boxed、RTL 等） ## 快速开始 ```bash # 安装依赖 yarn install # 启动开发服务器（热重载） gulp # 生产环境构建（压缩输出到 dist） gulp build ``` 纯静态页面也可直接在浏览器中打开 `src/index.html` 预览。 ## 使用建议 - 二次开发时优先参考 `src/pages-starter.html` 的模块化结构，通过 `@@include` 复用顶部导航、侧边栏和页脚等公共部分 - 模板内置了 RTL 支持，运行 `gulp build --rtl` 可快速生成阿拉伯语等从右到左布局的版本