前几天大师兄已经使用扣子平台完成了“工作流”的制作，以及对话式智能体的制作。
《「惊觉」未来打工人标配 | 史上第二易懂智能体编程指南来了, 5分钟飞书扣子编程实例 【快收藏】》
《打工人变现新赛道 | 原来做智能体这么简单，5分钟0代码，草履虫实例 【快来学】》
有兴趣的小伙伴可以点击文章下方的#AI编程 进行系统学习。
大师兄今天将结合之前完成的工作流来制作一个有完整UI界面的智能体。
这次程序的流程图（Napkin生成）
《还在用Mermaid+Napkin？| 3步，让大老板深深记住你的名字，制作现场限时公开 【速转家人】》
先上最终成品：
下面大师兄就一步一步带大家完成这个app。
发布工作流
首先我们在资源库中找到我们已经创建的工作流。（见下图)
点击工作流名字，进入工作流编辑界面。 在右上角点击“发布”按钮，填写版本号和版本描述，点击“确定”。
版本号：
在软件开发中，用版本号方便进行软件版本的追踪，一般都V开头，V1.0就是正式版本。比1.0小的一般都是测试版本。 版本描述：方便以后自己追溯之前发布的版本内容。
新建智能体应用
点击 "工作空间"->"项目开发"->"创建"
在对话框中选择创建智能体。（智能体就是通过对话方式进行交互的，应用是通过界面方式，我们后续还会教大家创建应用)
与上次不同，这次选择“创建应用”。
我们创建一个空白的应用。
在智能体创建界面中设置智能体的名字，描述，以及图标。
点击"确定"就能看到应用的编辑界面，与对话智能体还是有很大的差别。
添加资源
在左上角可以看到“工作流”资源。在这里点击“+”号，把我们之前制作的工作流复制进来。
弹出窗口中，把工作流复制过来。
可以看到之前的“工作流”就被复制到这里。因为是复制，所以这个工作流在这里时可以随意修改，不会影响原来的工作流。
我们今天的案例较简单，就先不对工作流做修改了。
编辑用户界面
这个教程与上一个对话智能体不同点在于这个app是有复杂界面的。这一步是要为应用添加用户界面。这里应用到了低代码工具，只要通过简单的点击就可以生成界面。
切换编辑界面
在界面上方点击“用户界面”按钮，可以切换到“用户界面”编辑界面。
在弹出窗口中选择左边的“小程序和H5”->“开始搭建”。
进入界面，可以看到界面分成左中右三部分。中间是用户界面，看起来像一个竖屏手机。这个就是我们将来用户（可以是应用商店，也可以是手机小程序）看到的界面。
添加组件
编辑界面左边就是组件窗口，就是界面上完成功能的最小元素。每个组件包含了不同的功能。
我们今天会使用到的组件一共有三种。依次点击这三个组件，将能将他们添加到当中的用户界面中。
大师兄带你刨科技
加入以后界面就变成这样了。
修改参数
点击界面上的组件，可以在右边修改参数值。
“多行控件”
先点击多行控件，修改“标签内容”为“请输入标题内容”。这句话就会显示在“多行输入”控件中。
大师兄带你刨科技
Markdown控件
点击中间的Markdown控件，删除其中的内容，并将高度设置为“固定”。 再“溢出”中修改为“滚动”。
按钮
点击“按钮”控件，修改“内容”为开始。这是按钮上显示的字符。
添加事件
好了这一步就是设置用户在点击按钮以后启动生成的程序。
添加点击事件
首先选中“按钮”控件。然后在右上角点击“事件”标签。
现在没有事件，选择“新建”。保持“事件类型”为“点击时”，修改“执行动作”为“调用工作流”。
添加工作流
在workflow（工作流）选择我们之前做好的工作流。
在workflow 入参配置中，修改input参数为
{{TextArea1.value}}。 注意双花括号。
简单解释一下：
input参数：我们在做工作流时的工作流开始时的输入参数名。TextArea1：我们在这个界面上添加的Markdown控件的名字。TextArea1.Value: 这个是我们输入到Markdown控件里的文字内容。 使用“.”这个字符作为连接表示了层级关系。Value是TextArea1中的一个属性。
最后完成了，事件参数应该是这个内容，点击“确定”完成。
绑定输出
先点击Markdown控件，然后再“内容”中输入：
{{ shengcheng_biaoti.data.output }}
这里就是绑定了我们工作流shengcheng_biaoti的最终输出结果。
预览
完成所有的配置就可以开始测试这个界面了。点击右上角的“预览”按钮。
会弹出另外一个页面，这里就是我们设计好的应用了。
在输入框中输入一个标题的内容。点击“开始”按钮。就可以看到运行的结果了。
历史文章检索：
扣子（coze）编程
「极简」扣子(coze)教程 | 一篇讲透“变量聚合” 节点，让输入更灵活！
「极简」扣子(coze)教程 | 细节决定成败！这个小功能让用户满意度飙升，讲的太细了
「极简」扣子(coze)教程 | 添加插件的另一种方法，上百款插件一键添加，快速扩展你的应用功能！
「极简」扣子(coze)教程 | 上百款插件一键添加，快速扩展你的应用功能！
做小程序不求人 | 零代码神器！0基础秒做专业级App智能体，字节扣子平台抄详细实操纪实
打工人变现新赛道 | 原来做智能体这么简单，5分钟0代码，草履虫实例 【快来学】
「惊觉」未来打工人标配 | 史上第二易懂智能体编程指南来了, 5分钟飞书扣子编程实例 【快收藏】
文档系列
他为中央政治局第二十次集体学习演讲 | 郑南宁院士《科技赋能教育》
13所大学Deepseek公开课，一次拿走 | 更新浙大第2季《AI大模型如何破局传统医疗 》
不花钱请家教！秘塔这个AI免费功能让学习效率翻倍 | AIGC技术赋能教育数字化转型
未来教育风向标 | 教育学顶流985高校，华东师范大学《AIGC技术赋能教育数字化转型的机遇与挑战》,13所大学deepseek
中美博弈又添筹码，AI模型差距只剩千分之三 | 455页斯坦福2025 AI指数报告全新出炉，附文档免费下载及中文通意辅读工具
没有更全的了，免费拿走 | 12所大学Deepseek公开课，更新至浙大第2季《智能金融：AI 驱动的金融变革》
Deepseek公开课,不能再全了 | 中山大学 《从技术突破到场景落地：大模型发展图谱与DeepSeek创新应用》。
一次下载10个大学的Deepseek系列课 | 更新至哈工大，《从图灵测试到DeepSeek》 82页
清华大学 | 1-14 全网最全合集，《迈向未来的AI教学实验》369页爆肝呈现 【快收藏】
【免费下载】清华大学Deepseek系列之第九篇 |《DeepResearch应用报告》 【建议收藏】
【免费下载】政务七连发 |《北京“数据要素x”典型案例 》《智慧城市大脑建设方案》 【建议收藏】
【免费下载】制造业数字化两件套 | 《德勤制造业人工智能创新应用发展报告》《中国制造企业数字化转型白皮书》
给被315晚会扎心的朋友们补补血 | 《2024年宇树科技商业计划书》【免费下载】
【免费下载】阿里巴巴全域数据中台 | 华为数据中台建设路径：筑梦数字化未来之路
【免费下载】小朋友再不学AI就来不及啦 | “少年商学院｜DeepSeek中小学生使用手册（83页）”
[免费下载]浙江大学DeepSeek系列公开课：智能时代的全面到来和人机协作的新常态（含视频课
这一回不要羡慕别人了，快来取 | 北京大学：DeepSeek与AIGC应用
AI编程与系统
大师兄数字生命崛起 | 腾讯元器五分钟零成本集成”公众号文章问答“
办公&图文创作
立夏爆款！咸鱼最新副业山水藏字接单到手软，工具免费，附保姆级教程
为什么 DeepSeek 复制总带奇怪符号？| 解密AI时代的基础语言markdown
DeepSeek又抽风? | 5.1假期必备，一口气10个DeepSeek 稳定满血入口清单 【快收藏】
90%人不知道的功能 | 飞书多维表格批量自动爬取网上信息，0基础5分钟打造全自动信息加工厂实操【快来试】
一张海报=一部电影 | 一键带你重回电影的黄金年代，即梦3.0让人人都成为海报设计师
信息爆炸时代，怎么能不会这招 | 倍速吸收信息的秘密武器，阿里通意AI，送AI时代择业指南
何止提效10倍，全自动小红书卡片生产攻略 | 只需3步，DeepSeek+多维表格 【先进生产力收藏】
离谱！凌晨保险代理跟我卷AI | 5分钟顶你一天的小红书卡片模板批量生成
清华动手反制美国！又一个国产deepseek时刻？| 能自己动手查资料的智谱“沉思”完整测试
还在用Mermaid+Napkin？| 3步，让大老板深深记住你的名字，制作现场限时公开 【速转家人】
老板露出了赞赏的笑容 | 这个AI绘图神器，让你的 PPT 秒杀麦肯锡，免费 【建议收藏】
只知道Mermaid？ 这款独自与visio抗衡20年的免费软件竟让deepseek的生图效率再翻倍 【建议收藏】
废物简历秒变HR心动款！Deepseek教你3步改出必过简历 【建议收藏】
踩坑又踩坑 | 做到这些才能效率翻10倍！用deepseek三分钟绘制各种图表（建议收藏）
别再用KimiPPT助手了 | 比较了三个AI工具后大师兄给牛马的忠告
大师兄登录小红书 | 跟着大师兄学 AI 图文笔记，小红书创作不求人
三八妇女节海报设计0成本！用AI工具2步生成精美海报？0基础也能秒懂
体制人必看：DeepSeek智能改稿的3大禁忌与3个提效密码
特朗普VS泽连斯基刷屏 | 别被碎片化信息骗了！这才是AI分析特朗普事件的正确姿势
DeepSeek：选对模型，效率翻倍。 送Deepseek清华AI 5件套
AI五分钟科普
快转给爸爸 | 从平面到动画，5分钟零基础为小棉袄打造属于自己的迪斯尼魔法回忆
5分钟！| 早读课偷偷哼歌被表扬！这招让<出师表>秒变洗脑神曲无需安装！5 分钟体验 AI 文生图魔法（内有豆包安装方法）
AI新闻
AI 时代，你的工作会被取代吗？| 如何重塑AI时代的个人价值
马拉松新纪元：冠军只是开始，这些「翻车」画面才是重点，机器人马拉松比赛带来的机器人AI赛道的思考
这5条愚人节AI生成的假新闻你有没有中招 【快转给中招的朋友】
四大 AI 联合打造 315 晚会曝光清单，这些信息不容错过！
特朗普VS泽连斯基刷屏 | 别被碎片化信息骗了！这才是AI分析特朗普事件的正确姿势
扫一扫
124
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
