资讯 文档
技术能力
语音技术
文字识别
人脸与人体
图像技术
语言与知识
视频技术

卡片概述

整体概述

对智能体Agent而言,卡片作为LGUI(Lightweight Graphical User Interface,轻量级图形用户界面)的形式之一,能简化复杂信息并提供直观的操作方式。开发者可以通过不同卡片控件的编排与组合,让大模型回复拥有更丰富的信息展示与交互模式,显著提升用户的工作效率和体验。

用卡片输出大模型消息具有以下优点:

  • 丰富性:卡片可以为文本和图像信息提供更灵活的排列组合,让原本单一的消息回复更丰富。
  • 清晰性:卡片可以容纳多种类型的内容,并将相关的信息分组,提供更好的视觉层次。
  • 可交互性:卡片可以包含按钮、链接等交互元素,方便用户直接采取行动,快速访问或修改信息。

通用卡片

一张卡片通常包含文字、图片或图标、链接、按钮等元素,典型的应用场景有:搜索聚合、销售服务、项目管理、电商营销等。

1.png

AppBuilder基于通用需求,提前预置了以下通用卡片样式(如下表),供开发者直接选用,与Agent或组件绑定,更快速地丰富智能体回复样式。

卡片名称 场景描述 示意图
文字卡片
适用于展示简洁的文字信息,如方案推荐等场景。用户可以快速阅读和理解核心内容。
文字循环卡片
支持一系列纯文字信息的展示,适用于需要连续展示多个文本信息的场合,例如方案推荐列表。包含循环类控件,需要配合数组Array类的参数使用。
图文资讯卡片
结合了图片和文字的展示方式,适合用来呈现新闻资讯、教育培训等内容,提供更丰富的视觉体验。
图文资讯循环卡片
支持展示一系列图文信息,适用于需要滚动浏览多个图文条目的情况,如新闻流或课程列表。包含循环类控件,需要配合数组Array类的参数使用。
商品推荐卡片
支持商品信息、搜索结果的展示,可供用户跳转到落地页购买,适用于商品推荐等场景。
商品推荐循环卡片
支持展示一系列商品信息或搜索结果,用户可以在其中浏览多个商品选项,并可直接点击进入详情页或购买流程。适用于需要展示多个商品推荐的场景。包含循环类控件,需要配合数组Array类的参数使用。
信息检索卡片
百度AI搜索组件专属,用于百度AI搜索后的信息展示。

卡片参数

卡片参数是将输出参数传递到卡片控件的桥梁,当卡片参数成功被前端渲染后,应用就可以用设定的卡片样式展示大模型的消息并与用户互动。 9.png

绑定回复卡片时,选择结束节点输出的参数进行配置。创建卡片时,开发者可以通过添加卡片参数并将其与控件(如文本框、图片区)绑定。这些操作都可以在本文档【为应用绑定卡片】、【创建我的卡片】对应步骤中找到详细说明。

卡片编辑器

除了预置通用卡片样式之外,AppBuilder为开发者提供了强大易用的卡片编辑器,支持用户使用可视化、低代码画布定制卡片样式,并可直接基于源码修改。具体操作见本文档【创建我的卡片】。

10.png

上一篇
创建数据库
下一篇
为应用回复添加卡片样式