第一章 工作流分析

        输入城市名称返回（包含城市标志景点的天气示意图，日期时间，天气描述，最高温与最低温，以及一句诗）由于这是一个完整的程序而非单一的工作流，其中用户界面设计了前端的交互。

【业务逻辑1】开始时用户输入{city}值，随后调用大模型【墨迹天气】查找对应城市的当天日期的天气，其中我们要求用户输入的是{city}值其他都使用默认

        作为智能体最常见的结构化数据Array<Object>返回了所有的天气信息，保存在data整体里面。然后我们进行大模型的提示词工程，这一步的目的是将【墨迹天气】所查询到的城市和天气作为提示词，要求【大模型】生成诗句，以及反应出日期，描述出诗句的样子，以便后续的图像生成模型使用。

        提示词中如果包含传入的参数需要用{{}}将它们包含起来，同时这些关键参数往往也需要在【输入】中由上一个工作流板块传递来。根据提示词工程的相关内容，我们要使用【有序列表】完成对大模型的任务的描述，同时该提示词工程值得学习的地方是它还给出了案例。最终【提示词代码】要求大模型输出JSON格式的内容，包括了散文诗，描述诗歌的语句，以及当天日期。

        在图像生成的板块【提示词代码】传入了大模型中输出的"img_des":<输出描述诗词画面感的语句>板块结合了用户输入的城市名称，进行了绘图。【提示词代码】的要求是体现城市的景点，同时反应了【大模型】中天气相关诗句和描述。

        最终结束节点返回的内容包含了【开始】节点的城市，【大模型】节点的格式化日期和诗句，【墨迹天气】节点的最值温度，气象状况，【图像生成】节点的城市天气图片。

第二章 GUI前端设计

        在这个案例的学习里面，工作流其实并不复杂，但是作为调用【工作流】的应用，这个【城市天气画报】的GUI设计值得学习。

        我们注意到【城市天气画报】的UI设计主要是两个页面，其中【Home Page】页面引导用户输入城市的名称。该页面的组成部分是一个Div画布，其下有一个【Form1】在页面布局上有四个组件。其中【Text1】和【Text2】分别现实“每日天气壁纸”和“根据你所在的城市，每天推送精美的诗句和壁纸”这两个文本提示语句。【Textarea1】作为类似于python中input函数的作用提示用户输入【城市】变量。随后【Button1】组件的作用是提交用户的城市输出。

在【事件交互】方面【Home Page】有两个板块有【事件】存在是【Button1】和【Form1】。其中【Button1】事件的配置是当用户点击按钮，会提交用户的输入值，从而执行控制组件的作用，当实际点击【Button1】时用户输入的input将会提交给【Form1】

        当【Form1】实际收到消息后将直接执行【页面跳转】的动作，跳转到【页面2】同时将参数【Textarea1】的【Value】传入【页面2】

在【页面2】的具体流程中主要实施的是调用【工作流Today】同时下方的图片，诗句，天气和气温板块需要将【数据来源】设置为【today】中data对应的部分。

        最后有一个隐藏界面，用于大模型加载的过程中现实该板块包含两个主要的组件，是转圈圈的加载图标，和下方的一句提示语。