项目技术栈

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"

✅ 总结

  • 项目整体采用 前后端解耦 + 多模块集成架构,兼顾灵活性和扩展性。
  • 技术栈现代化,配套完备,易于二次开发与自定义。
  • 支持私有化部署、信创环境兼容、集群扩展等企业级特性。