扣子工作流与用户界面搭建

今天我们站在技术实现的角度来给大家分享下这个项目的实现过程，一共分为两个部分：用户界面业务逻辑首页进入扣子（coze.cn）选中「创建应用」选中「创建空白应用」然后输入「应用名称」进入项目搭建页面。进入项目搭建页面我们首先是需要先搭建「业务逻辑」部分[heading3]业务逻辑[content]先新增一个工作流，工作流名称叫做psy_ai这个项目主要的业务逻辑是通过上传儿童的绘画作品分析心理状态，在《PsyDraw:A Multi-Agent Multimodal System for Mental Health Screening in Left-Behind Children》论文中提到为了提高分析结果的准确性，需要把这个分析过程分为多个步骤来实现。工作流的编排流程图：上传作品->多个多模态大模型识别不同元素->分别提取特种并分析->综合分析结果->给出评估与建议所以最后得出了以下工作流结构：接下来从左到右分为三组大模型给大家一一拆解：第一组多模态大模型主要作用是分析图片元素：整体特征、房屋特征、树木特征、人物特征第二组通用大模型主要是对提取到的信息进行对应内容的总结分析第三组通用大模型先汇总结果，然后再分别提取不同（诊断评估与建议）的结果。以上所有大模型节点对应的prompt（提示词）：文档地址：https://vcn5grhrq8y0.feishu.cn/wiki/Z3NzwrtEKi9h5mk0rTOcAT0xnTc当搭建完工作流后就开始进行「用户界面」的搭建，选择「桌面网页」类型。

这个板块是一个表单组件。其中包含2个选项+1个按钮+分割图+1个输入框+1个按钮。我挑重点来截图。选项配置：点击生成按钮之后会触发一个事件，调用日历生成工作流。日历正在生成中时，生成按钮变成禁用状态，防止用户再次点使工作流断掉出错。“生成特定日期的日历”的配置与上面类似，不再赘述。日历正在生成时，用一个loading按钮的动态变化展示。[heading3]板块2：生成星座日历图片[content]新建一个容器，里面包含：一个文本组件、一个列表组件。[heading3]板块3：查看星座生成记录[content]新建一个容器，里面包含：一个按钮组件、一个列表组件。点击按钮，调用读取生成历史的工作流。列表绑定生成历史工作流的输出结果。[heading3]板块4：查看示例[content]新建一个容器，里面包含一个文本组件、4个图片组件。配置如下：最后将应用发布到商店，大功告成！PC应用地址：https://www.coze.cn/store/project/7460351997796122659?bid=6f2ptrss83g0j&entity_id=1能看到这里，说明你离做出来就差一步行动了，期待在群里看到你的成果！我是kkk五津：C端新闻、视频产品经理，AI春晚共创者，我在小红书上会分享一些AI创作【简单易懂聊AI的张果果】https://www.xiaohongshu.com/user/profile/5aaf86084eacab3992de2429

{{ImageUpload1.value[0]}}是获取图片上传组件的第一张图片，因为组件是可以上传多张图片的所以需要通过下标数来获取，数组的下标是从0开始的。{{psy_ai.error}}是工作流的报错信息。当用户上传图片点击按钮的时候会进入一个在家中的状态所以右边的内容显示容器里面有两个组件图片组件显示加载中的gif图片（默认隐藏）Markdown组件显示分析内容图片配置：来源本地上传加载中gif图尺寸-宽度：百分比-100%，高度：适应内容可见性-隐藏：{{!psy_ai.loading}}，当loading为true的时候就隐藏，但是前面加了「!」就是取反（true=>false），也就是工作流运行中不隐藏（代表显示）。Markdown配置：内容显示是psy_ai工作流输出的结果隐藏根据{{psy_ai.loading}}，psy_ai工作流运行完了就显示到这里页面所有的布局和数据交互就全部完成了。