一、安装Gradio

在命令行中执行以下命令安装Gradio：

pip install gradio

二、创建基础网页应用

新建Python文件app.py，编写以下代码创建一个问候功能网页：

import gradio as gr

def greet(name):
    return "你好, " + name + "!"

demo = gr.Interface(fn=greet, inputs="text", outputs="text")
demo.launch()

运行应用：

python app.py

访问终端输出的本地URL（如http://127.0.0.1:7860）即可看到交互界面。

三、添加滑块控件

修改代码实现文本重复功能，包含文本输入和滑块控制：

def repeat_word(word, times):
    return (word + " ") * times

demo = gr.Interface(
    fn=repeat_word,
    inputs=["text", gr.Slider(minimum=1, maximum=10)], 
    outputs="text"
)

四、图片处理功能

实现图片转灰度功能：

from PIL import Image

def to_grayscale(image):
    return image.convert("L")

demo = gr.Interface(
    fn=to_grayscale,
    inputs=gr.Image(type="pil"),
    outputs=gr.Image()
)

五、生成临时公网链接

添加share参数生成可公开访问的链接：

demo.launch(share=True)

生成的gradio.live域名链接有效期为72小时。

六、增强界面友好性

添加标题、描述和示例：

demo = gr.Interface(
    title="文字重复器",
    description="输入文字并选择重复次数",
    examples=[["测试", 3], ["示例", 2]]
)

七、常用组件参考

实现不同功能时可替换以下组件：

• 文本输入：gr.Textbox()
• 数字输入：gr.Number()
• 文件上传：gr.File()
• 下拉选择：gr.Dropdown(["选项1","选项2"])
• 多输出：outputs=[gr.Textbox(), gr.Image()]

八、部署建议

长期部署可考虑：

• Hugging Face Spaces免费托管
• 使用docker容器化部署
• 配置launch(server_name="0.0.0.0")用于内网共享

九、调试技巧

• 开发时添加debug=True参数查看详细日志
• 使用gr.Interface(test_inputs=["示例输入"])预先测试
• 复杂布局建议使用gr.Blocks()构建

通过组合不同组件，可快速构建数据可视化、模型推理等各类Web应用。