第11章订单确认与生成

《微信小程序电商实战（前后端分离架构）》第11章订单确认与生成本章目录01订单确认与生成功能分析02前后端接口设计与数据流转03前端页面开发与数据渲染04后端核心逻辑实现（库存、价格、订单）05实战案例与联调测试06常见问题排查与总结订单确认与生成——交易的核心环节承上启下的关键步骤连接购物车与支付页面的桥梁，是用户从商品选择到最终支付的必经之路，确保流程顺畅衔接。信息确认的最后关口用户在此最终确认商品、数量、价格及收货地址等关键信息，是交易前的最后一道防线，减少后续纠纷。后端逻辑的集中体现集中处理库存校验与锁定、价格二次确认及订单状态管理，保障交易数据一致性与系统安全性。本章核心目标掌握完整业务流程与技术实现，攻克高并发场景下的库存超卖难题，确保系统在极端流量下的稳定性。功能分析与整体架构订单确认与生成系统架构示意图核心功能模块订单预览

确认商品清单与库存地址选择

选择或修改收货地址金额计算

计算总价、运费与优惠备注填写

添加订单备注信息提交订单

确认信息并创建订单前后端协作流程1.用户发起请求：点击结算/购买，前端请求预览数据2.后端处理：校验库存价格，返回预览数据，前端渲染3.提交与创建：用户提交后，后端锁定库存生成订单，返回结果后端接口设计：订单预览与创建接口功能请求方式接口URL请求参数(示例)响应数据(示例)获取订单预览数据POST/api/orders/preview{"cartItemIds":["sku123"],"productId":"","quantity":1}{"code":200,"data":{"items":[...],"totalAmount":1998}}创建订单POST/api/orders{"addressId":"addr789","items":[{...}],"totalAmount":1998}{"code":200,"data":{"orderId":"order_123456"}}预览接口说明用于获取商品实时信息（价格、库存），支持购物车列表或直接购买，为用户提供确认依据。创建接口说明核心接口，用户确认后正式生成订单。需接收完整信息：收货地址、商品项、总金额及备注。安全性保障所有接口均强制用户认证，确保仅登录用户可操作。数据传输建议采用HTTPS加密协议。核心难点：库存锁定策略对比特性维度下单减库存(Order-Deduct)付款减库存(Payment-Deduct)操作时机用户提交订单时用户支付成功后核心优点库存控制严格，有效防止超卖适合高价值、稀缺商品场景用户体验好，取消订单无需恢复库存减少因放弃支付导致的无效库存占用潜在风险可能出现“占库存不付款”，影响销量需实现订单超时自动取消机制高并发下极易超卖，需额外防超卖机制对库存实时性要求极高适用场景秒杀、限量抢购；库存少、价值高商品日常销售、库存充足；高支付转化率场景本章选择与实现：采用“下单减库存”策略以保证严谨性。为解决“占库存不付款”问题，将实现订单超时未支付自动取消（30分钟）机制，并自动恢复库存。前端页面结构：订单确认页前端逻辑实现：页面加载与数据渲染order-confirm.js(核心逻辑片段)Page({data:{address:{},orderItems:[]},onLoad(options){this.options=options;this.loadOrderPreviewData();this.loadUserAddress();},asyncloadOrderPreviewData(){constres=awaitrequest('/api/orders/preview',{data:this.options});this.setData({orderItems:res.data.items});},asyncloadUserAddress(){...}});页面初始化(onLoad)获取购物车或商品页传入的参数，触发数据加载流程，确保页面启动即初始化。加载订单预览数据异步请求后端接口，获取商品清单、总价及运费信息，实时更新页面状态。加载用户收货地址获取地址列表，默认选中用户的默认地址或首个地址，保障下单流程通畅。注意：所有数据请求均需包含错误处理逻辑，使用try-catch捕获异常并提示用户，提升用户体验。前端逻辑实现：提交订单//核心逻辑代码片段(order-confirm.js)后端核心逻辑：订单预览接口实现order.controller.js-CoreLogic//1.获取商品信息并校验库存constpreviewItems=awaitPromise.all(items.map(async(item)=>{constsku=awaitSku.findById(item.skuId).populate('productId','namemainImage');if(!sku)thrownewError('SKU不存在');if(sku.stock<item.quantity){thrownewError('库存不足');}return{name:ductI,price:sku.price};}));场景判断与参数接收区分购物车结算或直接购买，校验入参合法性商品与SKU信息查询关联查询商品名称、图片、规格及实时价格数据库