快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
开发一个电商订单管理系统演示应用，展示如何使用UNION ALL合并来自网站、APP和第三方平台的订单数据。要求包含：1) 模拟三个不同数据源的表结构 2) 使用UNION ALL合并查询的实现 3) 结果分页展示 4) 数据统计图表。使用React前端和Node.js后端，提供完整的代码示例。- 点击'项目生成'按钮，等待项目生成完整后预览效果
电商系统中的UNION ALL实战：合并多源订单数据
最近在开发一个电商订单管理系统时，遇到了一个典型问题：订单数据分散在不同来源（网站、APP、第三方平台），但需要统一展示和分析。这时候SQL的UNION ALL操作就派上了大用场。下面分享下我的实战经验。
多源订单数据合并的挑战
电商系统通常会有多个销售渠道，每个渠道的订单数据存储结构可能略有不同。比如：
- 网站订单：包含会员ID、优惠券信息
- APP订单：多了设备类型字段
- 第三方平台订单：有平台特有的交易编号
如果分别查询再合并，不仅效率低，还会增加前端复杂度。UNION ALL可以完美解决这个问题。
数据表结构设计
为了模拟真实场景，我设计了三个订单表：
- 网站订单表(web_orders)
- 包含订单基础信息+网站特有字段
如会员等级、来源URL等
APP订单表(app_orders)
- 包含基础信息+APP特有字段
如设备类型、推送通知状态等
第三方平台订单表(platform_orders)
- 包含基础信息+平台特有字段
- 如平台交易号、结算状态等
三个表都有共通的订单基础字段：订单ID、用户ID、金额、创建时间等，这为UNION ALL操作奠定了基础。
UNION ALL合并查询实现
核心SQL语句是这样的：
SELECT 订单ID, 用户ID, 金额, 创建时间, '网站' AS 来源 FROM web_orders UNION ALL SELECT 订单ID, 用户ID, 金额, 创建时间, 'APP' AS 来源 FROM app_orders UNION ALL SELECT 订单ID, 用户ID, 金额, 创建时间, '平台' AS 来源 FROM platform_orders这里有几个关键点：
- 使用AS统一了来源标识
- 确保每个SELECT选择的字段数量和类型一致
- 保留了所有记录（包括重复记录）
相比UNION，UNION ALL不进行去重操作，性能更好，适合订单这种通常不需要去重的场景。
分页展示实现
合并后的数据量可能很大，需要分页展示。我在Node.js后端实现了分页逻辑：
- 先获取总记录数
- 使用LIMIT和OFFSET实现分页
- 返回分页数据和总页数给前端
前端用React的Ant Design Table组件展示，配合分页器，体验很流畅。
数据统计图表
为了直观展示各渠道销售情况，我用ECharts实现了几个图表：
- 渠道销售占比饼图
- 每日销售额趋势图
- 渠道对比柱状图
这些图表的数据都基于UNION ALL合并后的查询结果，通过GROUP BY和聚合函数计算得出。
性能优化经验
在实际使用中发现几个优化点：
- 为常用查询字段添加索引
- 大表查询时考虑分批处理
- 前端增加加载状态提示
- 缓存常用统计结果
踩过的坑
- 字段类型不一致导致合并失败
- 解决：确保对应字段类型兼容
- 分页时总数计算不准确
- 解决：使用COUNT(*) OVER()窗口函数
- 大数据量查询超时
- 解决：增加查询超时设置
总结
UNION ALL在合并多源数据时非常实用，特别是在电商这种多渠道销售场景。通过这次项目，我总结了几个最佳实践：
- 设计表结构时预留扩展字段
- 统一关键字段的类型和命名
- 考虑使用视图简化复杂查询
- 前端做好大数据量展示优化
这个项目我在InsCode(快马)平台上完整实现了，包括前后端代码和数据库设计。平台的一键部署功能特别方便，不用自己配置服务器环境，几分钟就能把demo跑起来。
对于想学习SQL高级用法或电商系统开发的同学，这个案例很有参考价值。在InsCode上可以直接体验完整项目，还能基于它继续开发新功能，确实是个不错的实践平台。
快速体验
- 打开 InsCode(快马)平台 https://www.inscode.net
- 输入框内输入如下内容：
开发一个电商订单管理系统演示应用，展示如何使用UNION ALL合并来自网站、APP和第三方平台的订单数据。要求包含：1) 模拟三个不同数据源的表结构 2) 使用UNION ALL合并查询的实现 3) 结果分页展示 4) 数据统计图表。使用React前端和Node.js后端，提供完整的代码示例。- 点击'项目生成'按钮，等待项目生成完整后预览效果
