源码地址
花期鲜花预订与配送商城:按场景选花,把贺卡与预约接到交付流程
生日、毕业和纪念日赠花,既要选对花束,也要说明送给谁、什么时候送、贺卡写什么。花期将场景选花、配送预约、赠礼信息和制作配送进度接在同一笔订单上,让买家表达心意,让店员按流程处理预约。
本文使用当前分支真实页面和隔离数据库中的虚构演示数据。花束为演示商品,图片为仓库原创SVG插画,姓名、全零电话和地址均为虚构。支付与配送不连接真实服务;视频为截图剪辑。
买家与管理员,两类角色完成赠礼闭环
买家注册后筛选花束、选择规格、预约配送、填写贺卡并查看订单进度;管理员维护商品档案和时段容量,依次制作、配送、确认送达,并查看经营统计。
管理员角色与权限
管理员负责花束维护、时段容量和订单履约,普通用户负责购买、赠礼与查看进度。角色管理提供菜单分配入口。
角色:管理员。真实页面截图,使用虚构演示数据。
鲜花档案关联场景与花材
四款虚构花束分别关联日常悦己、生日祝福、毕业启程和浪漫纪念,档案记录花材、色系和起价。先维护商品规格,再关联鲜花档案。
角色:管理员。真实页面截图,使用虚构演示数据。
配送时段管理预约容量
时段记录日期、开始结束时间、容量和已预约数。本次将2026年10月5日09:00—12:00容量调整为1,供演示预约占位;一笔订单占一个名额,花束数量另扣商品库存。
角色:管理员。真实页面截图,使用虚构演示数据。
买家浏览鲜花目录
花期首页展示鲜花场景、花束插画和筛选入口,支持花名/花材搜索、色系和最高预算。图片为仓库内原创 SVG 演示插画,商品均为虚构。
角色:买家。真实页面截图,使用虚构演示数据。
按毕业场景选择花束
点击毕业启程后实际筛选出向阳毕业季,花材为向日葵、黄色,起价89元。打开规格选择3枝/清新款,演示初始库存30。
角色:买家。真实页面截图,使用虚构演示数据。
预约送达并附上贺卡
购物车选择虚构收花地址和明日上午时段,填写购买人联系方式、贺卡署名和留言。本次未启用匿名赠送。页面说明下单预占库存与名额,未支付可取消,付款为演示操作。
角色:买家。真实页面截图,使用虚构演示数据。
模拟支付后等待制作
订单提交后执行模拟支付,状态变为待制作,金额89元。订单保留预约时段、收花信息和贺卡快照;数据库确认所选时段占位1/1,SKU库存从30变为29。
角色:买家。真实页面截图,使用虚构演示数据。
管理员开始制作
制作与配送待办提供日期和状态筛选。本次依次操作开始制作、制作完成,订单先进入制作中,再进入待配送;每次变化记录持久化进度事件。
角色:管理员。真实页面截图,使用虚构演示数据。
制作完成后开始配送
订单进入配送中,管理员可以确认送达并填写交付说明。流程由管理员手动推进,没有地图、路线规划或真实物流接入。
角色:管理员。真实页面截图,使用虚构演示数据。
买家查看送达结果
管理员填写明确标注模拟交付的说明后,买家看到已送达。本次为了展示全流程,在预约时间之前手动完成演示,不能据此认为系统校验或保证真实送达时间。
角色:买家。真实页面截图,使用虚构演示数据。
查看完整进度记录
查看进度弹窗是本次专门展示的业务功能,记录待支付、待制作、制作中、待配送、配送中和已送达六个状态及时间,串起预约到交付的过程。
角色:买家。真实页面截图,使用虚构演示数据。
经营看板与热销花束
实际统计更新为预约订单1、已支付金额89元、已送达1、未来待处理0;热销表显示向阳毕业季销量1。热销按已送达订单明细数量统计,不把待支付订单当成交销量。
角色:管理员。真实页面截图,使用虚构演示数据。
技术栈与适用范围
后端为 Java25、Spring Boot4.0.6、MyBatis-Plus、Spring JDBC、MySQL8.4与Sa-Token;Web为React18、TypeScript、Umi Max、Ant Design与Pro Components。