当前位置: 首页 > article >正文

实战开发coze应用-姓氏头像生成器(下)

​欢迎关注【AI技术开发者】

在上篇文章中,我们完成了“用户界面”的配置,下面我们就要进行头像生成的逻辑配置了

7ab571d538ca45ddbc2068124d96bce8.png

选择页面逻辑-工作流的+号,新建工作流

ed8848d047fe4151877afa1c3886e289.png

选择刚才新建的工作流

cb9785d8c96540189e30690bba51b0a2.png

点击开始节点

基础上设置,新增两个变量

变量名:xingshi、类型String 必填 用户的姓氏

变量名:tid、类型Integer 必填 用户选择的头像模板

然后添加一个大模型节点

11a3ff9a15ca40ed9d262d9b8b01a3b1.png

将开始节点连接到大模型节点

模型选择豆包·Lite即可

技能这里添加“必应搜索”

33ee9e1df3804a64ad3a1708487993e3.png

82b196879bb54e3985ed005cc9d8b6ef.png

系统提示词可以参考我这个,生成一个短语

根据用户的问题,解析出以下信息:
name:用户的姓氏
谐音梗示例:
马到成功 肖兔崽子 蔡貌双全 汪哪里跑
dy:用户姓氏开头的谐音梗,需要以姓氏开头。有趣 幽默 网络热梗(不包含姓氏)2-4字。只返回梗,不要返回其他内容。示例:马到成功,只返回“到成功”
不要返回无关内容。

用户提示词选择 input变量

6263392dcb6c4a44a4c76c6021476b35.png

输出格式选择“JSON”

并添加两个变量

name(姓氏)和dy(短语)

接下来添加一个 “选择器”节点

aaf3dcbd2de147ee8d583fbfbbdf5f5a.png

条件这里选择开始节点的tid变量

选择 “等于” ,值就是头像模板

比如值等于1 ,就进入生成头像模板 1的流程

下面添加 画板 节点

1b3f3241a23445e9a93e4890d03d77d6.png

连接到选择器

设置两个变量

xingshi和dy,选择大模型返回的变量值

fe0681f46cd84fb0bb1b2e9797774267.png

接下来 编辑模板

6c587ffbf9514538818825ce40cb0dd7.png

上传头像模板

a996dbb8a484422a82d184a506b78017.png

修改画板尺寸

28e6111af63e4e39bc82d62c3188e38e.png

将背景图铺满屏幕并置底

8eead70d740a40feb0d1d5d1e0a7c413.png

拖动变量,放在合适位置,调整颜色 大小 字体等

b4a22b33c6ae4e1fbaf16caf939856e6.png

然后重复四次

将四个模板全部设置好

87b0e406bc9d43bf84ce2e34656ef0f9.png

我这里是为了演示,所以并没有微调,做出来可能会有点丑,见笑了

接下来添加变量聚合节点,将生成的图片返回到用户

f401c4881db143f1b16c5269321d8930.png

d1b10b26131849bab22927ba19a8147f.png

将几个画板节点返回的值都添加进去

最后连接到“结束”节点,选择变量聚合的返回值

79649bc09d43406fb026fc281637c114.png

至此,生成逻辑就完成了。

接下来,继续修改用户界面

添加一个新的页面,用户展示生成结果

cab246a97c69488eae374292daf28e42.png

添加一个图片组件和按钮

点击 返回首页 按钮

dd09b848ecc74a5cbbbc680295433a05.png

在事件页面,新建事件,

类型-点击时

动作-页面跳转

页面类型-内部页面

选择页面-首页

2462f72e61d14117a7df8001c6035faf.png

我们回到首页,点击“立即生成”按钮,选择“事件”页面

新建事件:

类型-点击时

动作-页面跳转

92aca48292054b9488a2f28fe7782bc3.png

名称自定义,自己知道就行,一会要用

5aafb30e6af74f1da29e417f3cb0401e.png

入参选择输入和选择框

6506780c3e3c47abb39585e94c75ea39.png

89c740885de0485ebe65308928d7dbbd.png

不知道是哪的话可以点击左边的“结构”

ff5dd805442f4b6a8395ee5a81448e06.png

鼠标悬浮在图层上,可以看到右边会显示一个虚线框框告诉你在选择哪里

11bd3adf58044a1b9c15f52a87aa28e0.png

接下来 点击图片2 的图片

选择-事件

新建一个事件,加载时调用工作流

a24db5f3f51b41b497c6db1d497143e5.png

工作流参数选择页面入参传递的参数

0f8a883a5497426885a9373e98a5364e.png

到此,即为搭建完成!

本章写的逻辑可能有些乱,还请见谅。有问题请留言。

欢迎关注【AI技术开发者】


http://www.kler.cn/a/552980.html

相关文章:

  • 【开源免费】基于SpringBoot+Vue.JS医疗挂号管理系统(JAVA毕业设计)
  • python绘图之箱型图
  • 如何通过Bigemap Pro实现面合并和相交
  • 【大模型】DeepSeek 的人工智能发展之路
  • 前端对话框项目 react如何实时接收,Node.js 服务端转发Coze API响应结果详解
  • AOSP Android14 部分页面使用触摸会崩溃
  • 【数据结构-并查集】力扣1202. 交换字符串中的元素
  • 【复现DeepSeek-R1之Open R1实战】系列7:GRPO原理介绍、训练流程和源码深度解析
  • 从中心化到点对点:视频通话SDK组件EasyRTC如何通过WebP2P技术实现低延迟通信
  • 双脑微状态:一种量化任务驱动的脑间非对称性的超扫描EEG新方法
  • DeepSeek模型快速部署教程-搭建自己的DeepSeek
  • UE_C++ —— Container TMap
  • Spark 和 Hive 的关系与区别
  • 旧手机热点无法提供ipv6解决方法(emui 8 热点提供ipv6)
  • windows系统本地部署DeepSeek-R1全流程指南:Ollama+Docker+OpenWebUI
  • 【Postgresql】Windows 部署 Postgresql 数据库 (图文教程)
  • Cursor实战:Web版背单词应用开发演示
  • C# 实现完善 Excel 不规则合并单元格数据导入
  • 蓝桥杯备考:二分算法之木材加工
  • 【前端学习笔记】Vite