项目技术栈
TduckX 项目技术栈说明
TduckX(旗舰版) 是填鸭表单的后端服务项目,提供完整的 API 接口支持,采用 前后端分离架构,支持横向多节点集群部署。
项目架构设计
- 架构模式:Maven 多模块 单体式架构
- 开发模式:前后端分离、MVC 架构
- 部署模式:支持横向扩展(集群部署)
🧑💻 开发环境要求
| 工具/技术 | 版本 | 说明 |
|---|---|---|
| JDK | 8~16 | 推荐使用 JDK8 |
| IDE | IntelliJ IDEA | 需安装 Lombok 插件 |
| 构建工具 | Maven ≥ 3.5.4 | 管理依赖和多模块打包 |
| 数据库 | MySQL ≥ 5.7 | 推荐使用 MySQL 8.x |
| 缓存 | Redis ≥ 3.0 | 键值缓存中间件 |
🚀 后端技术栈
| 类别 | 技术 | 说明 |
|---|---|---|
| 基础框架 | Spring Boot 2.7.8 / 3.x | 核心应用容器 |
| 安全认证 | Spring Security | 安全框架 |
| ORM 框架 | MyBatis-Plus 3.5.3.1 | 简化 MyBatis 开发 |
| 数据源 | HikariCP | 高性能连接池 |
| 流程引擎 | Flowable 6.6.0 | 工作流引擎 |
| 其他组件 | Hutool、Knife4j、WxJava | 工具库 & Swagger增强 & 微信SDK |
| Web容器 | Undertow 2.7.8 | 高性能替代 Tomcat |
📌 结构图参考:

🎨 前端技术栈
tduckx前端使用现代 Vue3 + Vite + TypeScript 技术栈构建,组件化开发,支持响应式布局与多终端适配。
📦 技术核心
| 类别 | 技术 | 说明 |
|---|---|---|
| 框架 | Vue 3.2.x | 核心框架 |
| 构建工具 | Vite | 快速构建 |
| UI 组件库 | Element Plus | 主后台界面 |
| 状态管理 | Pinia | 替代 Vuex |
| 路由 | Vue Router 4 | 页面导航 |
| 工具库 | Lodash-es / Day.js / Axios / NanoID / Mitt | 常用 JS 工具库 |
| 数据可视化 | ECharts / Wordcloud | 报表、统计展示 |
| 表单能力 | Codemirror / Formulajs | 支持复杂公式、富文本 |
| 拖拽/交互 | SortableJS / Vuedraggable / vue-drag-resize | 拖拽、布局调整 |
| 国际化 | vue-i18n | 多语言支持 |
| 二维码/签名 | vue-qr / signature_pad | 表单扩展组件 |
| 其他 | Screenfull、NProgress、JsBarcode、JsEncrypt 等 | 功能增强 |
📁 示例依赖清单片段(截至 2023-11-11)
"@codemirror/language": "^6.8.0",
"@formulajs/formulajs": "^4.2.1",
"@element-plus/icons-vue": "^2.1.0",
"dayjs": "^1.9.4",
"echarts": "^5.4.2",
"mitt": "^3.0.0",
"pinia": "^2.0.34",
"vue": "^3.2.47",
"vue-router": "^4.2.3",
"vxe-table": "^4.5.12"
✅ 总结
- 项目整体采用 前后端解耦 + 多模块集成架构,兼顾灵活性和扩展性。
- 技术栈现代化,配套完备,易于二次开发与自定义。
- 支持私有化部署、信创环境兼容、集群扩展等企业级特性。