疯狂飙车的蜗牛的博客

前面的章节介绍了Gradio的接口类，组件，让我们对Gradio有了整体的认识，接下来，我们使用Gradio一步一步搭建一个基于大模型的聊天机器人，整个过程循序渐进，从最简单的问答，到多模态，再到引入大模型，langchain等，让我们开始吧；gr.ChatInterface包含许多参数，您可以使用这些参数来自定义聊天机器人的外观及功能,使其符合你的需求参数名描述fn要围绕聊天界面包装的函数。该函数应接受两个参数：一个字符串输入消息和一个由形如的两元素列表组成的列表，表示聊天历史，并返回一个字符串响应。

Gradio 提供了多种组件和功能，用于构建交互式界面和处理用户输入。以下是一些关键组件的使用和示例代码，特别是关于错误处理和信息显示的组件。通过这些示例和组件，你可以更好地理解和使用 Gradio 来构建交互式界面，并处理用户输入和显示信息。

Blocks 可以让组件布局更加灵活，在不适用Blocks的情况下，组件的布局是默认的垂直布局。通过gr.Row , gr.Column等控制组件的布局Blocks 是 Gradio 的低级 API，它允许您创建比 Interfaces 更多的自定义 Web 应用程序和演示（但仍然完全使用 Python）。与 Interface 类相比，Blocks 提供了更大的灵活性和控制：（1） 组件的布局 （2） 触发函数执行的事件 （3） 数据流（例如，输入可以触发输出，从而触发下一级输出）。

TabbedInterface 是 Gradio 中的一个高级功能，允许开发者创建带有多个标签页的界面。每个标签页可以包含不同的输入和输出组件，使得用户可以在不同的标签页中切换，查看和操作不同的内容。TabbedInterface 是 Gradio 中一个非常有用的功能，它通过标签页的方式，使得用户可以更直观地切换和查看不同的内容。这不仅提高了用户体验，还使得开发者能够更灵活地展示和测试他们的模型。通过自定义 CSS 和 JS，开发者还可以进一步增强界面的视觉效果和交互功能。

上一节介绍了interface类，本节介绍Gradio 的ChatInterface类，ChatInterface 是 Gradio 用于创建聊天机器人 UI 的高级抽象，允许您通过几行代码围绕聊天机器人模型创建基于 Web 的演示。只需要一个参数：fn，它采用一个函数，根据用户输入和聊天历史记录来控制聊天机器人的响应。其他参数可用于控制演示的外观和行为。类别参数描述核心参数fn需要包装的用户界面函数，接收message和history参数，返回字符串响应chatbot定义聊天机器人的组件，可传入。

以上两个章节内容介绍了Gradio 常用基础组件的使用，不需要记忆，大家可以根据日常的开发需求进行查找使用即可。

还记得我们第一节的示例代码吗？还记得我们上一节说的接口类吗？在接口类里面有输出，输出组件，Gradio内置类多种组件，当然你也可以自定义组件，本节开始，我们分别认识这些组件，在实际应用中，可以查阅文档进行使用该类有三个核心参数：Interfacefn：将用户界面 （UI） 包裹起来的函数inputs：用于输入的 Gradio 组件。组件数应与函数中的参数数匹配。outputs：用于输出的 Gradio 组件。组件数应与函数的返回值数匹配。

gr.Interface 类是 Gradio 库中的一个高级抽象，它通过指定输入类型和输出类型，帮助用户快速创建任何 Python 函数的交互式演示。该类有三个核心参数：Interfacefn：将用户界面 （UI） 包裹起来的函数inputs：用于输入的 Gradio 组件。组件数应与函数中的参数数匹配。outputs：用于输出的 Gradio 组件。组件数应与函数的返回值数匹配。

如果你不能分享一个漂亮的演示有什么用？Gradio 可让您轻松共享机器学习演示，而不必担心在 Web 服务器上托管的麻烦。只需在 中设置，即可为您的演示创建一个可公开访问的 URL。本章先介绍了Gradio的内网穿透能力，这个可以不看，先学习后面的基础组件的使用，等到应用发布时再来学习。

Gradio 是一个开源 Python 包，允许您为机器学习模型、API 或任何任意 Python 函数快速构建演示或 Web 应用程序。然后，您可以使用 Gradio 的内置共享功能在几秒钟内共享指向演示或 Web 应用程序的链接。无需 JavaScript、CSS 或 Web 托管经验！Gradio最大的特点就是简单，便捷，短短几行代码就可以快速构建大模型web应用程序；当前很多人工智能模型的演示都是使用Gradio打造的；您会注意到，为了制作第一个演示，您创建了该类的实例。