《扣子编程从零开始搭建智能体 卢欣欣 清华大学出版社》【摘要 书评 试读】- 京东图书《扣子编程从零开始搭建智能体》全书案例持续更新-CSDN博客在“小睿智评”智能体的功能与参数配置全部就绪后为确保系统交付质量需进行系统功能测试。测试范围涵盖输入引导、作业批改、学情报告生成及错题数据入库等关键功能。其中批改功能的测试结果如图11-37所示。图11-37 批改测试经过多轮测试无误后单击智能体页面右上角的“发布”按钮按照系统引导完成发布最后可将智能体链接分享给用户使用。11.5拓展提升从对话式交互到可视化应用前文构建的智能体采用纯对话式方式进行交互底层完全依赖11.3.2节讲解的工作流驱动。这种“一次输入、全程自动”的机制有效简化了操作流程但是其在交互颗粒度与灵活性上存在明显局限其一批阅结果结构化不足阅读体验欠佳其二每次批阅均强制触发学情报告生成流程用户缺乏按需控制权导致响应等待时间较长。针对自动化执行与灵活交互之间的矛盾本节将引入可视化UI组件搭建具备完整用户界面的应用程序以实现更精细的流程控制与体验升级。11.5.1解耦与拆分工作流11.3.2节创建的原始工作流将作业批改、学情分析与错题入库整合为单一流程。现在为满足前端UI按需调用的灵活性需求需对该单体工作流进行解耦拆分重构为三个相互独立的工作流。具体操作步骤如下。1.作业批改工作流correct基于原工作流复制副本。将作业批改“大模型”节点的右侧输出端点直接连接至“结束”节点并删除结束节点中关于学情报告的输出变量使其仅返回批改结果。最后删除其他多余节点改造后的工作流如图11-38所示。图11-38 批改测试2.学情报告工作流generate_report再次复制原工作流仅保留学情分析分支的节点删除批改与入库的相关节点。将“开始”节点的输入变量更改为String类型的correct_result批改结果数据以此承接上游传入的批改数据。改造后的工作流如图11-39所示。图11-39 批改测试3.数据入库工作流error2db同理复制原工作流并仅保留错题入库分支节点删除无关分支。将“开始”节点的输入变量同样修改为String类型的correct_result用于接收传入的批改数据。改造后的工作流如图11-40所示。图11-40 批改测试11.5.2创建应用“应用”是扣子平台提供的一种带可视化界面的工具本节介绍应用的创建方式。步骤1进入创建应用入口。在扣子编程首页中将鼠标悬停在“低代码模式”右侧的“更多”链接上文字会变成“打开应用开发”如图11-41所示。单击该链接进入创建应用页面。图11-41 创建应用步骤2选择应用模板。在应用模板窗口中选择“创建空白应用”。图11-42 选择应用模板步骤3填写应用基本信息。在弹出的“创建应用”对话框中填写应用名称、应用介绍、并生成应用图标。最后单击“确认”按钮完成应用的创建如图11-43所示。图11-43 填写应用信息应用创建成功后系统自动跳转至如图11-43所示的应用编辑页面在该页面中主要由左侧的“资源”区域和右侧的“编辑”区域组成。图11-44 应用编辑页面11.5.3批改作业功能的实现步骤1创建页面。单击编辑区域上方的“用户界面”标签切换到界面编辑模式。然后选择“小程序和H5”类型单击“开始搭建”按钮完成作业批改页面的创建如图11-45所示。图11-45 创建页面步骤2添加布局容器。为使页面排版更加整齐规范从左侧“布局组件”库中拖拽“容器”组件至画布中。然后选中该容器在右侧属性面板中将其高度设置为“适应内容”如图11-46所示。图11-46 添加容器步骤3添加页面元素。从左侧“输入组件”和“展示组件”分类中依次拖拽“图片上传”“按钮”“Markdown”组件至容器内部如图11-47所示。图11-47 添加页面元素选中组件后可在右侧属性面板中自定义组件的显示内容。步骤4绑定作业批改工作流。选中页面中的“开始批改”按钮在右侧属性设置中单击“事件”按钮切换至事件模式。然后单击“ 新建”按钮添加事件事件类型选择“点击时”触发执行动作选择“调用工作流”并从资源库中导入11.5.1节创建的批改工作流correct如图11-48所示。图11-48 绑定事件需确保11.5.1节创建的工作流已成功发布否则在资源库中无法被检索到也无法导入智能体。工作流导入后会显示工作流入参配置单击变量图标在弹出的列表中选择“ImageUpload1”组件下的“value”值即用户上传的图片文件单击“确定”按钮完成绑定操作如图11-49所示。图11-49 工作流入参配置“ImageUpload1”为图片上传组件的默认标识实际名称可能随组件增删而变化请依据实际界面选择对应组件的值。步骤4设置Markdown组件的内容。选中该组件在右侧属性面板的“内容”设置中单击“绑定数据”按钮。然后单击绑定变量图标在变量绑定列表中选择工作流correct的输出数据data完成批改结果的回显绑定如图11-50所示。图11-50 设置Markdown显示内容步骤5预览测试。单击页面右上角的“预览”按钮进入预览模式。在打开的预览界面中单击图片上传区域导入一幅本地作业图片。最后单击“开始批改”按钮触发工作流执行结果如图11-51所示。.图11-51 作业批改页面测试结果11.5.4批改作业功能的优化作业批改工作流的执行耗时较长用户单击“开始批改”按钮后页面若长时间处于无反馈的停滞状态极易造成系统卡死的误判。为提升交互体验需引入状态反馈与防重复提交机制具体从以下两个维度进行优化。1.增加加载状态提示步骤1添加提示信息。在Markdown组件上方拖入一个“文本”组件将其显示内容修改为“正在批改中请等待~”如图11-52所示。图11-52 添加文本组件步骤2配置条件可见性。选中文本组件在右侧属性面板的“可见性”设置中添加条件配置为当工作流correct的状态为“加载中”时显示该组件其余状态则默认隐藏如图11-53所示。图11-53 文本组件的可见性设置2.设置按钮防重复提交步骤3配置按钮禁用逻辑。选中“开始批改”按钮在右侧属性面板的“状态”设置中添加条件配置为当工作流correct的状态为“加载中”时禁用该按钮以防止用户重复点击造成多次触发工作流如图11-54所示。图11-54 按钮组件的状态设置完成上述优化配置后再次进入预览模式。单击“开始批改”按钮时页面将显示“正在批改中请等待~”的加载提示并禁用“开始批改”按钮待工作流执行完毕后自动恢复正常状态优化后的执行效果如图11-55所示。图11-55 测试结果11.5.5收藏错题功能的实现步骤1添加“收藏错题”按钮。从左侧“输入组件”库中拖拽一个“按钮”组件至画布放置于“开始批改”按钮的下方并将其显示文本修改为“收藏错题”如图11-56所示。图11-56 添加按钮组件步骤2配置按钮禁用逻辑。由于“收藏错题”操作依赖于批改结果须在批改工作流执行完毕后方可触发。选中该按钮在右侧属性面板的“状态”设置中为“何时禁用”添加条件当工作流correct处于“尚未调用”“加载中”或“请求错误”任意状态时禁用该按钮如图11-57所示。图11-57 按钮的状态设置步骤3绑定错题入库工作流。 选中“收藏错题”按钮在右侧属性面板中切换至“事件”模式新建事件。配置事件类型为“点击时”触发执行动作为“调用工作流”并从资源库中导入11.5.1节创建的数据入库工作流error2db。同时按需配置工作流调用成功与失败时的提示信息如图11-58所示。图11-58 绑定事件步骤4预览测试。单击页面右上角的“预览”按钮进入预览模式。首先上传作业图片并等待批改完成然后单击“收藏错题”按钮。最后进入后台数据库核验错题数据是否成功写入。前端应用执行结果如图11-59所示。图11-59 测试结果