项目简介link

Techmin 是一款基于 Bootstrap 5 构建的响应式后台管理模板，集成了丰富的 UI 组件和图表功能，适合用于搭建 CRM、 CMS 或管理后台系统。模板支持 Gulp 构建流水线，可快速定制主题和布局。

技术栈link

• Bootstrap 5（核心 CSS 框架）
• Gulp 4（构建自动化）
• Sass（样式预处理）
• Chart.js / ApexCharts（图表可视化）
• DataTables（表格插件）
• jQuery（DOM 操作）

项目结构link

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/       # 官方文档（可浏览器直接打开）

核心文件说明link

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

快速开始link

# 安装依赖
yarn install

# 启动开发服务器（热重载）
gulp

# 生产环境构建（压缩输出到 dist）
gulp build

纯静态页面也可直接在浏览器中打开 src/index.html 预览。

使用建议link

• 二次开发时优先参考 src/pages-starter.html 的模块化结构，通过 @@include 复用顶部导航、侧边栏和页脚等公共部分
• 模板内置了 RTL 支持，运行 gulp build --rtl 可快速生成阿拉伯语等从右到左布局的版本