用 Coze 生成一个小孩职业便装应用|低代码打造你的第一个 AI 工具
在这篇文章中,我们将从零开始,使用 Coze AI 应用开发平台,创建一个可以根据孩子的照片与职业类型,生成职业便装形象的 AI 应用。全程无需写代码,只需通过可视化拖拽,即可快速搭建出一个可用的产品原型。
一、项目简介
目标应用是一个“儿童职业便装生成器”。用户上传一张孩子的照片,选择职业和性别,系统会生成对应职业风格的形象图。
整个应用由两个核心部分组成:
- 工作流(Workflow) :负责 AI 逻辑与数据处理。
- 用户界面(UI) :提供上传、生成和查看记录的交互。
二、创建第一个工作流:KidCareer
在 Coze 平台中新建一个工作流,命名为 KidCareer。它负责接收输入、生成图像并保存历史记录。
流程节点如下:
1. 开始(Start)
定义输入参数:
- 图片(上传的儿童照片)
- 职业(如医生、警察、教师等)
- 性别(男或女)
2. 选择器(Selector)
根据用户选择的职业与性别,设置生成提示的逻辑路径。
例如:
- 如果性别为“女”,职业为“医生”,则生成提示:“生成一个女医生风格的小孩形象”。
3. 文字处理(Text Process)
组合出最终的提示词(Prompt),准备输入给大模型或图像生成模块。
示例:
生成一张{性别}小孩穿着{职业}服装的高清照片,风格自然真实。
4. 变量聚合(Variable Merge)
将用户上传的图片、职业和提示文本进行聚合,生成统一的任务数据结构,方便后续调用。
5. 图片理解(Image Understanding)
通过 Coze 的图片理解模块,分析上传的儿童照片,提取人脸与姿态特征,确保生成图像风格一致。
6. 大模型(LLM)
调用 Coze 提供的大模型节点,将用户输入与生成指令组合,输出优化后的文本描述,提升生成质量。
7. 图像生成(Image Generation)
根据上一步生成的描述与用户上传的图片,生成职业便装风格图像。
8. 新增数据(Add Data)
将生成结果(包括原图、生成图、职业、性别、时间戳)保存到数据库,用于历史记录功能。
9. 查询数据(Query Data)
在生成后立即查询历史记录,用于展示“生成历史”界面。
10. 结尾(End)
返回结果对象:
- 生成图像链接
- 生成描述
- 历史数据列表
三、创建第二个工作流:MyPhoto
这个工作流用于在“历史记录”界面中查询用户之前生成的结果。
节点顺序如下:
- 开始(Start) :定义输入为用户 ID 或查询条件。
- 查询数据(Query Data) :从数据库中读取历史生成记录。
- 结束(End) :返回数据到前端界面进行展示。
四、构建用户界面(UI)
在 Coze 的页面编辑器中,我们为应用设计三个界面,分别对应上传、生成结果和历史记录。
1. 上传界面(Home)
包含以下组件:
- 图片上传组件(上传孩子的照片)
- 下拉框(选择职业)
- 性别选择(单选按钮)
- 提交按钮(调用 KidCareer 工作流)
当用户点击“生成”按钮后,会触发 KidCareer 流程,生成结果并跳转至第二个界面。
2. 生成结果界面(Result)
展示从工作流返回的生成图像与描述信息:
- 大图展示生成结果
- 返回按钮(回到首页)
- 历史记录按钮(跳转到历史记录页)
3. 历史记录界面(History)
通过 MyPhoto 工作流查询数据库,展示生成过的图片列表与时间记录:
- 卡片式图片展示(带生成时间)
- 点击可查看大图
五、运行与体验
完成上述步骤后,即可在 Coze 平台上直接运行应用。整个体验流畅、无需编写任何代码,只需配置节点与界面,即可实现完整的 AI 图像生成流程。
六、总结
本项目展示了 Coze 平台在低代码 AI 应用开发中的强大能力。
通过简单的节点配置与可视化界面,我们实现了一个从输入图片到 AI 生成、数据保存、历史查询的完整闭环。
即使没有编程背景,也能轻松搭建属于自己的 AI 工具。