如何使用 Gradio 创建交互式网页界面

9 min read

Gradio 是一个方便的工具，可以帮助用户通过简单的界面创建交互式网页界面。下面是一些步骤来使用 Gradio 创建交互式网页界面：

  1. 安装 Gradio

首先需要在计算机上安装 Gradio。在 Linux 上，可以通过终端使用以下命令安装：


   pip install gradio

或者，可以在 Google Colab 或 Jupyter Notebook 上使用以下代码执行：

   
   !pip install gradio
  1. 编写 Python 函数

下一步是编写一个 Python 函数，该函数将被 Gradio 使用。此函数应接受输入参数并返回输出结果。以下是一个示例函数：

   
   def predict_gender(name):
       gender = ""
       if name[-1] == 'a':
           gender = "Female"
       else:
           gender = "Male"
       return gender

函数 predict_gender 接受参数并返回一个字符串值，其中字符串表示输入名称的性别。

  1. 定义输入和输出的方式

下一步是定义输入和输出的方式。在本例中，输入应该是一个包含 name 的字符串，输出应该是一个字符串表示性别。

   
   import gradio as gr

   input_text = gr.inputs.Textbox(label="Enter Name Here")
   output_text = gr.outputs.Textbox(label="Gender")
  1. 创建 Gradio 接口

在编写 Python 函数和定义输入输出方式之后，需要创建 Gradio 接口。可以使用以下代码创建一个简单的 Gradio 接口：

   
   iface = gr.Interface(fn=predict_gender, inputs=input_text, outputs=output_text, 
               title="Gender Predictor", description="Predict Gender from Name")

   iface.launch()

fn 参数指向要使用的 Python 函数，inputs 参数指定输入方式，outputs 参数指定输出方式，title 和 description 参数用于为 Gradio 界面提供标题和描述。

  1. 启动 Gradio 界面

运行该代码会在该端口上启动 Gradio 界面，该接口将在用户输入名称时返回性别。 然后，用户可以通过指定名称并单击“提交”按钮使用 Gradio 界面与该接口交互。

以上是使用 Gradio 创建交互式网页界面的基本步骤。用户可以更改 Python 函数、输入和输出方式以及 Gradio 界面的标题和描述以满足其需要。