1.创建应用
这一次我们选择的就是新建应用,而不是新建智能体啦;
这个时候我们直接新建这个空白的应用即可:这个名字和对应的介绍我们都可以按照自己的这个理解填写即可,至于你这个图标,直接点击按个按钮,这个时候AI就会自动生成,您现在看到的我的这个上面显示的图标就是AI自动生成的,我觉得这个效果还是非常不错的哈;
我们的这个应用创建成功之后,就是下面的这个页面效果:
2.创建工作流
创建出来这个新的工作流之后,其实这个也就是和之前的一样,包含这个开始的节点和结束的节点,我们需要去在这个初始化的基础上面去添加新的内容:
接下来我们对于这个工作流里面的开始节点的相关的变量进行定义,如下所示,因为我们的这个是建筑相关的,因此需要上传的就是对应的图片,输入这个对应的风格,以及这个表示空间区域的space,这个数据的类型我们可以直接在那个下拉框里面去进行选择;
我们添加这个大模型的节点,设置这个输入的参数就是来自于我们的这个开始节点里面的相关的应用的内容,接下来很重要的就是我们的这个大模型的系统提示词和这个用户提示词的配置,如下所示,相当于就是给我们的这个大模型设置了一下这个对应的角色之类的;
下面的这个用户提示词的写法也是经常使用的,第一次件的小伙伴可以学习一下子;
对于这个图像生成的节点,我们可以按照下面的这个方式进行相关的配置:
1)参考图里面的这个内容就是需要选择这个模型,我选择的事这个空间深度,还有就是参考图来自于我们的这个开始节点里面的image这个变量的内容;
2)针对于这个输入里面的内容,其实就是来自于我们的这个大模型的节点,我们会对于这个变量进行了重新的命名,也就是下面的这个prompt,并且把这个呈现在了我们的正向提示词里面去;
在这个结束节点里面,我们选择就是这个生成图像这个节点的输出的参数data里面的具体的内容:
3.设计用户界面
在下面的这个界面我们,我们新建了一个容器:
然后把下面的这个图片上传的组件添加进去即可:
右边的这个就是针对于我们的这个图片上传的这个组件的相关的配置的信息的内容:我们可以设置一下这个提示文案之类的,以及这个上传的数量,这个就是设置的每一次只能上传一张这个图片;
设计下拉列表里面可以选择这个控件的类型,这个下拉列表也是很容易在这个左边找到的:
然后就是这个风格的选择和这个选项的相关的配置的内容:需要注意的事这个具体的提示词啥的都是可以修改的,因为这个是界面,而不是其他的内容,只要是可以看到的,基本上都是可以进行设置和自定义的;
关于加载状态的配置:
事件配置的时候我们一定要选择这个变量对应的value ,否则后面就会出现其他的问题,如下所示:
下面的这个就是完整的配置的具体内容:
图片组件绑定的是我们的这个工作流输出的这个变量内容,如下所示:
下面的这个就是我们全部做完之后的生成的效果:
对于这个工作流也可以进行测试,发现是没有问题的: