Coze实战:零代码编程——搭建一个趣味儿童职业照生成应用

99 阅读6分钟

前言

在AI技术飞速发展的今天, “人人都能做开发者” 已不再是口号。字节跳动推出的 Coze(扣子)平台,正是这一理念的最佳实践者。

Coze 是一个集成了 大语言模型、插件系统、知识库、工作流引擎和多代理协作能力 的 AI Bot 开发平台。它最大的亮点在于:无需编程基础,也能快速构建功能完整的 AI 应用

本文将带你从零开始,使用 Coze 平台开发一款极具趣味性的 AI 应用 —— “宝宝未来职业照生成器” 。用户只需上传一张宝宝的照片,选择性别与理想职业,即可生成一张充满童趣的“未来职业形象照”。

一、用户界面设计思路

1.应用主体设计

将其想象成一个手机应用,所有手机应用都应该拥有一个首页,用于展示一个应用的主要功能,同时调控各个页面之间的转换

那我们的应用主页设计就很清晰了,一个主页标题,中间设计主要功能,底部导航栏实现页面之间的跳转

我们再具体结合我们这个应用的功能设计一下主页界面。我们应用的目的是生成一张童趣职业照片,为此就需要用户提供一张宝宝的照片,同时还需要识别宝宝的性别和用户预想的职业,所以主页清晰地框架就出来了,中间主要功能需要收集用户提供的图片,判断宝宝的性别以及用户预想的职业。

image.png

这里我们采用一张图片输入,和两个下拉列表进行输入,再完善一下基本信息,给用户清晰的需求,同时设置好相应的值,用以后续绑定事件

image.png

完成了中间的主体内容组件,我们谈一下底部导航栏的设计,我们的应用是生成一张童趣职业照,那需要的页面就会有主要功能的主页,完成生成的效果页面,还有保存历史生成结果的记录页面,再详细一点,当我们带入用户的视角,我们会希望在查看众多历史生成记录的时候,能够点击一张图片进入,放大查看。

这样分析完,底部导航栏的设计就很清晰了,一个主页,一个生成页面,一个历史记录查看,而点击历史生成查看虽然也拥有一个页面,但不设计进导航栏中

image.png

再绑定好导航栏图标的页面跳转功能,我们就完成了用户界面的主体设计

2.分页面设计

我们再来谈一谈其余分页面的设计。

首先是生成页面,这个页面很简单,只需要最简单的一张图片展示即可。

历史生成页面是展示以前生成的所有图片,一个简单的图片展示肯定不够,我们可以添加一下多界面的展示组件,这里我们选择瀑布流组件进行历史生成的预览。

点击查看页面也只需要在简单的一个图片展示组件,查看我们点击的图片即可。

image.png

二、 业务逻辑

现在我们的应用已经有了主体框架——用户页面设计,但是空有其表,我们还需要具体的内容输出,这就需要我们通过设计业务逻辑来完成数据的输入,处理,产出,再绑定到相应的页面组件中去,最终呈现出完整的应用内容。

1.工作流设计思路

工作流其实就是用来服务用户界面的流程,所做的一切都是为了得到用户页面中所需要的内容数据,所以工作流的设计其实还是脱离不开用户界面。

现在我们来看看我们用户界面能提供的数据,和所需要的数据分别都是什么

用户界面提供的的数据:

  • 一张儿童照片 photo
  • 儿童的性别 gender
  • 用户对儿童未来职业的构想 career

用户界面需要的数据:

  • 一张生成好的照片
  • 历史生成的照片

有了以上梳理,我们便可以真正开始搭建我们的工作流了

2. 生成所需要的图片

我们能够获取到photogendercareer,那简单的思路就是将photogendercareer的值输入,通过通过数据处理,将筛选后的值交给ai大模型进行文字处理,得到我们所需要的prompt,再将它输入给图像处理的ai工作流节点进行输出。并且将每一次生成的图片进行保存,这就需要我们创建数据库节点,将生成的图片的url,career保存。

3. 生成历史图片页面

上一个工作流中,我们创建了数据库进行保存每一次创造的图片,现在我们可以再创建一个工作流,这个工作流只需要简单的调用之前创建的数据库,得到里面的url,将其绑定到组件中即可

4. 点击查看图片

这个简单的页面跳转,其实不需要涉及到工作流的调用,只需要在跳转时进行页面入参将当前图片的数据进行传递,再下一个页面时再进行事件绑定(加载时),对页面变量进行赋值,然后将赋值的变量绑定得到的数据传入图片展示组件即可

简单来说就是 点击图片跳转时传参 —> 下一个页面加载时对页面变量赋值 -> 赋值的变量进行数据绑定展示

即 a -> b , b -> c

三、总结

通过本文的完整实践,我们成功使用 Coze 平台 构建了一个功能完整、交互流畅的 AI 应用 —— “宝宝未来职业照生成器”

这个项目充分体现了 Coze 的三大优势:

  1. 低门槛开发:无需写一行代码,拖拽式完成 UI 与逻辑搭建
  2. 强大集成能力:LLM + 图像生成 + 数据库三位一体
  3. 快速迭代验证:从想法到上线仅需数小时

四、结语

AI 正在重塑应用开发的方式。像 Coze 这样的平台,正在让创意本身成为最宝贵的资源,而不是编码能力。

你的下一个爆款 AI 应用,也许就藏在今天的一个小小灵感里。

现在就打开 coze.com,开始你的创作之旅吧!