用 Coze 低代码平台打造宝宝职业合成应用:无需编程,轻松实现 AI 创意

27 阅读7分钟

引言

在人工智能与低代码技术飞速发展的今天,普通人也能快速构建功能强大的 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?

  1. 真正意义上的低代码
    不需要懂 HTML/CSS/JS,也不需要服务器运维经验,拖拽即可完成 UI 设计。
  2. AI 集成无缝衔接
    一键接入多种 AI 模型,自动处理文本、图像、语音任务。
  3. 团队协作友好
    产品经理、设计师、运营人员都能参与开发讨论,共同迭代产品。
  4. 快速上线,成本极低
    从构思到上线仅需几小时,节省大量开发人力成本。

最终效果展示

​编辑

  • 用户上传宝宝照片
  • 选择“男孩” + “程序员”
  • 点击生成 → AI 输出一张“小程序员”形象图
  • 历史页中可查看所有记录,随时回味

结语:人人都能成为 AI 应用创造者

过去,开发一款 AI 应用意味着需要懂前端、后端、算法、部署……而现在,借助 Coze 这样的低代码平台,你只需要一个想法,就能快速实现它。

无论是亲子互动工具、教育辅助系统,还是企业内部智能助手,都可以通过 Coze 快速落地。未来已来,AI + 低代码 = 每个人的创造力爆发点