从选款预约到 AI 拍照上架，这个蛋糕定制小程序用 Zion 怎么搭？
顾客选蛋糕，店主要发图、记预约、跟进制作。能不能把这些环节放进一个小程序，再让 AI 帮忙整理新款信息？
这个 Demo 用 Zion AI Copilot 搭建数据表、页面和智能体，再通过可视化编辑器接通业务行为，实现了选款预约、订单状态管理和照片识别入库，也探索了 AI 生成蛋糕设计参考图的用法。
01
这个小程序能做什么？
项目包含两条已经跑通的流程：
- 顾客预约： 按分类浏览蛋糕 → 选择款式、填写姓名 → 提交预约 → 店主查看订单、更新制作状态。
- 商家上架： 上传蛋糕照片 → AI 提取名称、分类、介绍与参考价格 → 自动入库发布 → 商城读取新商品。
另一个探索功能是根据文字或参考图生成蛋糕设计图。目前智能体已有生成结果，页面展示和定制预约提交仍需完善。
02
先让 AI Copilot 把业务信息连起来
在 Zion 中新建微信小程序项目，先把需求告诉 AI Copilot：
我经营着一家蛋糕店，想让客户选款，也能通过文字或参考图片用 AI 定制蛋糕。下单后可以管理制作进度，上现货时可以拍照一键入库，帮我分类。
用研究模式补充“先跟我聊清楚 MVP 的功能”，确定第一版先做预约，状态保留“制作中”和“已完成/待取货”，支付、配送和通知暂不接入。文字定制也需要明确为“根据创意生成蛋糕图”，避免被理解成填写祝福语。
确认范围后，切换到自动搭建，发送：
搭建这个项目的数据库。
AI Copilot 创建业务表和订单类型、状态。支撑选款预约与上架的核心数据关系是：
数据
关键内容与关联
商品分类
保存分类名称，供顾客筛选
商品
保存图片、名称、介绍、参考价格和发布状态，关联商品分类
预约订单
保存客户姓名、订单类型和制作状态，关联当前顾客与所选商品
顾客身份使用 Zion 项目自带的账户表。项目还创建了 AI 生成记录表，预留定制记录结构，但自动保存与订单关联尚未接通。
这些关系决定了后面的实现方式：商城读取商品，预约新增订单，店主修改同一条订单，照片识别结果写回商品表。
03
选款与预约：把页面输入变成一条订单
商城怎样按分类显示商品？
向 AI Copilot 发送：
做一个蛋糕商品展示页，用于用户选购，支持按分类筛选。
它创建分类选择器和商品卡片列表，分别绑定商品分类表与商品表。商品卡片读取当前项的图片、名称、分类和参考价格。
列表配置两个过滤条件：商品必须已发布；顾客选择分类后，商品的分类关联要与所选分类匹配。这样，筛选操作就能改变列表展示的商品。
测试时，提前准备的蛋糕图片和信息通过 WorkBuddy 配合 Zion 插件批量导入项目。如果只需要文字测试数据，也可以让 AI Copilot 写入，再用实时预览检查列表。
点中的蛋糕怎样进入预约？
继续发送：
点击选购预约后，打开预约信息弹窗，填写姓名并提交预约。
AI Copilot 创建预约弹窗，并把当前商品 ID 传入弹窗。提交按钮配置“新增预约订单”，将页面输入与业务字段连接起来：
订单字段
数据来源
客户姓名
姓名输入框
商品关联
传入弹窗的当前商品 ID
客户关联
当前登录用户
订单类型
现货预约
这一步的关键是传递当前商品：顾客点击哪一款，新订单就关联哪一款。提交成功后关闭弹窗，订单默认状态为“制作中”。
在实时预览里选款、输入姓名并提交，再检查订单表，就能看到新增预约及其商品关联。
04
订单管理：让按钮只更新当前订单
向 AI Copilot 发送：
做一个店家查看订单、修改订单状态和接单的页面。
它创建订单管理页，绑定预约订单列表，展示客户姓名、订单类型、状态，并配置状态修改行为。补充“列表里要有蛋糕图”后，它再加入图片；图片比例与全屏查看功能则在编辑器中手动调整。
完成按钮的行为是：
定位列表当前订单 → 更新为“已完成/待取货” → 成功后刷新订单列表。
“当前订单”保证修改的是按钮所在卡片对应的记录；成功刷新则让新状态立即反映到列表中。第一版没有单独的“待接单”状态，预约提交后默认进入制作中。
05
AI 拍照上架：把识别结果直接接到入库流程
这是项目中值得展开的一段实现：AI 提取照片信息后，结果继续进入数据操作，最终成为商城商品。
先规定 AI 返回哪些字段
向 AI Copilot 发送：
创建一个蛋糕图片识别智能体。
AI Copilot 创建蛋糕图片识别助手，以照片为输入，并定义“蛋糕识别结果”对象，包含名称、分类、描述和参考价格。
固定输出字段让后续绑定有明确对应关系：名称写入商品名称，描述写入介绍，价格写入参考价格，分类用于查找关联。这样，行为流可以分别取用字段，写入数据库。
用行为流处理分类，再创建商品
继续发送：
新建一个商品上架页面，上传蛋糕照片，自动分析信息并完成上架。
AI Copilot 创建上架页与商品入库行为流，流程按顺序执行：
创建分类，遇到同名时跳过 → 按名称查询分类 → 新增商品并关联分类 → 将商品设为已发布。
为什么创建分类后还要查询？因为 AI 返回的分类可能已经存在。重复创建被跳过时，不会得到一条新分类记录；按名称查询可以取得已有分类的 ID，保证新商品仍能正确关联。
这个细节也决定了顾客能否在分类筛选里找到新商品。当前版本采用单分类关联，多标签可以作为后续扩展。
手动接通自动调用
页面和行为流创建后，还需要让上传动作触发它们。在编辑器中完成三个绑定：
- 上传成功时调用识别助手。 选中照片上传组件，将上传的图片传给智能体。
- 识别成功时调用入库行为流。 将原图片和 AI 返回的名称、分类、描述和参考价格分别传入。
- 入库成功时显示提示。 添加“入库成功”提示，反馈处理结果。
例如，上传老虎造型蛋糕照片测试后，页面出现成功提示，商品表新增了商品记录。回到商城，也能按生成的分类找到这款蛋糕。
至此，照片上传 → AI 识别 → 分类关联与商品写入 → 商城展示 就接通了。AI 估算的参考价格仍需店主核定；实际经营时也可以在自动发布前增加人工确认。
06
AI 定制探索：文字和参考图怎样接入生图能力？
向 AI Copilot 发送：
做一个根据文字或参考图片生成蛋糕设计图的智能体。
它创建蛋糕创意设计师，配置生图模型、创意描述与参考图片两个输入，以及生成提示词。先部署后端，在智能体调试区输入带嫦娥元素的中秋节蛋糕需求，就能检查生成结果；图片比例要求可以直接在提示词里调整为 1:1。
再发送“搭建 AI 定制蛋糕页面”，AI Copilot 创建文字输入、图片上传和生成按钮。按钮调用生图智能体，并传入顾客填写的内容。
页面展示还需要接收生成结果：导出配置中取返回图片数组的第一张，赋给页面图片变量，再由图片组件读取。当前智能体已有生成图，但页面展示仍需调试，定制预约提交也尚未接通。
商城里的定制入口则通过手动添加按钮实现，将点击行为设为导航到 AI 定制页。这部分可以继续完善为顾客提供设计参考、店主确认方案后接收预约的流程。
07
从自己的业务需求开始搭
这个 Demo 展示了 Zion 中几种实现方式的组合：AI Copilot 创建数据结构和页面，组件绑定输入与业务记录，智能体返回图片或固定字段，行为流处理连续的数据操作。
先描述需求，再查看 AI 搭出的配置，逐段测试实际结果，就可以把一个业务想法推进到可操作的版本。围绕真实门店，后续还可以补充手机号、取货时间、报价确认，以及支付、配送等环节；正式上线前需配置好顾客与店主的数据访问权限。
打开 Zion，把你的业务需求告诉 AI Copilot，试着搭出第一个版本。
