引言
在人工智能与低代码技术飞速发展的今天,普通人也能快速构建功能强大的 AI 应用。本文将带你使用 Coze 平台,从零开始创建一个“宝宝职业合成”小程序——只需拖拽组件、配置逻辑,无需写一行代码,即可让家长上传宝宝照片,AI 自动生成孩子未来可能从事的职业形象(如程序员、律师等),并保存历史记录。
应用简介:宝宝职业合成器
这款应用的核心功能包括:
- 首页上传:用户上传宝宝照片,选择性别和职业类型。
- AI 合成页面:调用 AI 模型生成“宝宝+职业”的创意图像。
- 历史记录页:查看过往生成的合成图,支持分享与回看。
界面简洁直观,适配手机端,适合家庭娱乐、亲子互动场景。
使用 Coze 创建应用的全过程
第一步:进入 Coze 低代码开发平台
访问 Coze 官网 或打开其开发者平台,注册账号后进入「AI 应用开发」模块。Coze 提供了完整的低代码环境,支持:
- 拖拽式页面搭建
- 工作流编排(Workflow)
- 集成主流 AI 模型(如 Stable Diffusion、GPT 等)
- 无需编程知识即可完成复杂交互
如图选择低代码搭建
选择创建空白应用
特点:非技术人员也能参与开发,团队协作更高效!
第二步:设计页面结构
我们按照三页布局进行设计:
如图选择小程序
1. 首页(上传界面)
- 添加一个 图片上传组件,限制大小为 5MB,支持 PNG/JPG 格式。
可鼠标拖动组件移动位置
-
添加两个 下拉选择框:
- 性别:男孩 / 女孩
- 职业:程序员、律师、医生、宇航员……(可自定义)
第一个下拉选择框
第二个下拉选择框
- 添加一个 按钮组件:“开始生成”
- 设置底部导航栏:首页、合成页面、我的
新建页面后,点击底部导航栏,在最右边的Navigation进行设置
小技巧:在 Coze 中,所有组件均可通过属性面板设置样式、事件触发条件。
2. 合成页面(结果展示)
- 中央放置一个 大图预览区,用于显示 AI 生成的图像。
3. 我的页面(历史记录)
-
使用 列表组件 展示历史记录。
-
每条记录包含:
- 合成图片缩略图
- 职业名称(如“程序员”)
- 时间戳(例如:2025-11-02 17:28:07 +0800 CST)
第三步:配置工作流(Workflow)
这是整个应用的“大脑”,是整个程序能正常运行传输数据的关键部分。在 Coze 中,你可以通过可视化流程图连接各个动作。
1. 创建完成图片生成功能的工作流
首先创建一个工作流,对工作流的开始节点进行配置
然后添加节点,选择IF选择器,连接开始节点和IF选择器节点
对IF选择器进行配置
继续添加节点,选择文本处理
将IF选择器节点与三个文本处理节点连接,并对文本处理器进行以下配置:
文本内容:照片上应该是一个女孩子,请描述孩子的详细外貌特征,包括相貌、表情、神态、动作、衣着,但不要指出性别
再添加一个变量聚合节点,并将以上三个文本处理节点与变量聚合节点连接
对变量聚合节点进行如图配置
继续添加节点image,并配置节点内容
在image节点后添加并连接一个大模型节点
对大模型节点进行以下配置
系统提示词:
结合输入的孩子信息和职业信息,生成一段符合该职业形象的孩子照片提示词,要求保留孩子的形象特征,稍微增加一些年龄感,适当结合孩子的表情和符合该职业的着装、神态、动作和道具。应适当考虑在画面中添加突出职业特征的道具,比如教师类的教具、医生、运动员的道具,知识类工作者的眼镜等等,以强化职业辨识度。画面整体的场所应该是该职业的工作场所,参考用户描述的衣着,但要替换成该职业的正装衣着。-孩子性别: {{gender}}-孩子职业:{{career}}-照片风格:{{style}}# 输出内容输出描述该人物形象和场景的midjourney中文提示词,不要其他内容。
在大模型节点后添加并连接一个图片生成节点
对图片生成节点进行如图配置
正向提示词:
{{input}}
保留外貌的突出特征
然后继续添加节点,选择新增数据,对该节点进行图内配置
在 新增数据 节点后再添加一个 查询数据 节点,并进行图内配置
最后连接结束节点,输出变量选择 图像生成·data
2. 创建数据库保存历史记录
在业务逻辑页面,创建数据库
选择 创建扣子数据库 ,点击确认
对数据库添加字段,如图
3. 创建查看历史记录功能的工作流
创建新的数据流,添加查询数据节点,对该节点进行以下配置,并连接开始和结束节点
4. 启用工作流
在用户界面,选择首页的按钮,添加事件,步骤如图所示
第四步:测试与发布
应用测试
对该应用进行测试,引入一张小男孩的照片,性别选择男孩,职业选择律师,点击开始生成按钮
首页显示如下 :
生成结果如下:
历史记录页面如下:
应用发布
- 在 Coze 内部模拟器中预览各页面跳转与交互效果。
- 测试不同职业下的生成结果是否合理。
- 发布为 Web App 或嵌入微信小程序/APP。
Coze 支持一键部署,生成链接或 SDK,方便后续集成。
为什么选择 Coze?
- 真正意义上的低代码
不需要懂 HTML/CSS/JS,也不需要服务器运维经验,拖拽即可完成 UI 设计。 - AI 集成无缝衔接
一键接入多种 AI 模型,自动处理文本、图像、语音任务。 - 团队协作友好
产品经理、设计师、运营人员都能参与开发讨论,共同迭代产品。 - 快速上线,成本极低
从构思到上线仅需几小时,节省大量开发人力成本。
最终效果展示
编辑
- 用户上传宝宝照片
- 选择“男孩” + “程序员”
- 点击生成 → AI 输出一张“小程序员”形象图
- 历史页中可查看所有记录,随时回味
结语:人人都能成为 AI 应用创造者
过去,开发一款 AI 应用意味着需要懂前端、后端、算法、部署……而现在,借助 Coze 这样的低代码平台,你只需要一个想法,就能快速实现它。
无论是亲子互动工具、教育辅助系统,还是企业内部智能助手,都可以通过 Coze 快速落地。未来已来,AI + 低代码 = 每个人的创造力爆发点。