👨💻 大家对上一篇教程《搞笑图文批量生成器》的效果反馈说很有帮助,群里有小伙伴和斜杠君提议能不能再做一个生成诗词绘本的应用,今天斜杠君就又做了一期《诗词绘本生成器生成器》的教程,下面和大家分享一下搭建的流程,希望对大家有所帮助。
我们首先来看一下应用效果:
输入一个古诗的名字,自动生成一组儿童绘本风格的古诗图文,并配有诗句和详细的解释。
用户交互界面:
生成效果
🎥 本文的视频教程已上传到知识星球,欢迎大家加入星球和斜杠君一起学习,加入方法可以要文章结尾查看。
原文链接_联系我:最新扣子(Coze)实战案例:自媒体博主必备《诗词绘本生成器》,批量生成儿童古诗绘本,输入古诗名字秒出儿童绘本风图片
🤹 接下来,话不多说,斜杠君用最简单的方式教给大家。💖大家可以关注收藏,以免之后找不到,而且也不会错过我后面的教程。
一、创建应用 https://mp.weixin.qq.com/s/fiGRzbLiA7DsAuQ0bcIrRw?token=737470722&lang=zh_CN
1、选择创建应用
选择左侧项目开发,再点击创建按钮。
2、创建空白应用
这里因为我们从头开始搭建,所以这里我们选择「创建一个空白应用」。
3、填写信息
填写应用名称及介绍,点击确认
看到这个界面的,我们第一步就创建完成了。
二、创建工作流
1、创建工作流
在这部分,我们需要创建一个工作流来完成应用的主要功能。点击左侧工作流的+即可创建工作流。
2、开始节点
在开始节点这里,需要我们配置好输入的参数,变量定义为name,变量类型为String。(这里指的是输入的古诗词名字)
3、大模型节点
添加完开始节点后,新增大模型节点,该节点的作用是为输入的古诗词增加绘图的提示词,这里我们选用豆包的通用模型。
📢 本文所用提示词都已加入到知识星球,请大家到知识星球查看,并有视频教程配合讲解。
3、批处理节点
添加完大模型节点之后,新增批处理节点
-
并行运行数量:这里选择3
-
批处理次数上限:这里选择100
-
输入:参数名为input,参数值选择大模型节点输出的output
-
输出:参数名data_list,参数值为data,变量类型会Array
在批处理体中增加「图像生成节点」
5、循环节点
在批处理节点后加入循环节点
-
循环类型:选择【使用数组循环】
-
循环数组参数1为image,参数值为批处理节点的data_list;参数2 为data,参数值为大模型节点的output
-
输出的参数名为images,参数值为data
6、循环体-画板
在循环体中加入画板工具
元素设置:元素1为image,元素2为sentence,元素3为explain;元素值为循环节点的image,sentence和explain
在画板中进行排版
7、结束节点
参数名为output,参数值为循环节点的images
三、设计用户界面
1、设计用户界面
点击「用户界面」选项卡,就可以开始设计用户界面了。
2、新建页面1
该页面是为了用户输入古诗词名字,将页面命名为【诗词绘本生成器】,可关闭导航栏
① 单行输入组件
-
标签内容为:请输入古诗词名称
-
占位文案:古诗名称
② 添加按钮
添加一个按钮,用来触发工作流:
配置「触发工作流」事件:
配置「页面跳转」事件:
3、新建页面2
该页面的作用是用来显示工作流生成的图文,这里我们将页面命名为【诗词绘本生成器】。
① 添加纵向列表
为了引入图片组件,引用组件后删除文本区域。
② 添加图片组件
③ 绑定图片数据
注意:该页面需要整体绑定应用返回的数据
为List组件绑定数据
④ 增加加载遮罩层
由于结果生成需要一定的时间,所以我们加一个加载遮罩层来过渡一下。
增加图片组件和文字组件:
其中图片上传加载中动图,文字为「绘本正在生成中,请稍等...」
四、测试并发布应用
接下来,让我们测试一下我们搭建的应用效果怎么样吧~
点击预览按钮进行测试:
可以看到以下界面,我们输入古诗的名字:
稍等一会儿,我们就可以看到图文内容生成好了~
怎么样,效果还不错吧~ 同学们都学会了吗?快动手搭建一下,试试效果吧,别忘了点赞支持一下噢~
📢 本期视频教程已上传至知识星球,有更详细的教学文档(包括完整的代码和提示词),欢迎大家加入和斜杠君学习,🧑🚀还有星球VIP群和大家一起讨论噢~
原文链接_联系我:最新扣子(Coze)实战案例:自媒体博主必备《诗词绘本生成器》,批量生成儿童古诗绘本,输入古诗名字秒出儿童绘本风图片