2024创新项目实训之前端美化

项目直接采用了gradio的前端页面，我们想在此基础上进行进一步的设计与美化。

虽然我们调用了服务器的接口，但是前端样式还是取决于我们本地的gradio，所以要在运行机上修改gradio。

Gradio 是一个Python库，用于快速创建与机器学习模型交互的web应用。它让研究人员和开发人员可以轻松地通过简洁的API制作可用于演示、实验或测试的定制界面。Gradio可以与常见的机器学习库如 TensorFlow, PyTorch, HuggingFace等集成，支持多种输入和输出类型，包括文本、图像、音频和视频。

通过命令安装（可以在虚拟环境中安装）

pip install gradio

然后进入到安装目录，比如我的虚拟环境是C:\Users\用户\.conda\envs\QuizGPT

随便找个地方新建一个python文件，如gradiotest.py

import gradio as gr

def greet(name):
  return f"HELLO {name.upper()}!"

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

这是一个非常简单的例子，我们创建一个接口来运行一个小程序，这个小程序的功能是把输入的文本变为全大写。

然后在终端打开

输入
 

python gradiotest.py

点击蓝色连接进入网页观看效果

这样我们就进行了一次成功的测试，学会了如何使用gradio，与gradio有了初步认识。