gradio学习记录

基本格式

import gradio as gr
from wst_reasoning import predict_gradio

inputs = [
    gr.Textbox(placeholder="请输入",label="prompt"),
    gr.Dropdown(checkpoint, label="微调模型&#
Gradio是一个开源工具,它主要用于创建交互式的机器学习模型演示和API接口。关于在Gradio中构建一个侧边的聊天记录栏,通常不是Gradio的核心功能,但你可以通过结合前端技术来实现。例如,你可以使用JavaScript和HTML来设计一个独立于Gradio界面之外的弹出窗口或者滚动条,用于显示用户输入和模型响应的历史记录。 以下是一种简单的步骤: 1. **创建聊天记录容器**:在HTML中添加一个隐藏的`<div>`元素,作为聊天记录的容器。 ```html <div id="chat-history" style="display:none;"></div> ``` 2. **处理交互事件**:在Gradio的回调函数里,每当有新的消息产生(如用户输入或模型预测),更新这个容器的内容,并可能显示出来。 ```python import gradio as gr def chatbot_response(input_text): # ... 模型计算逻辑 response = "Model reply: " + input_text.upper() # 更新聊天历史 chat_history.innerHTML += f"<p>{input_text} -> {response}</p>" # 如果需要,将聊天记录显示给用户 if len(chat_history.children) > 10: # 示例限制最多显示10条记录 chat_history.scrollTop = chat_history.scrollHeight # 自动滚动到底部 return response gr.Interface/chatbot_response/input=gr.Textbox("Type something", type="text") ``` 3. **触发显示**:当你想要展示聊天记录时,比如在会话结束时,可以设置一个按钮或者其他触发条件,切换`<div>`的`display`属性。 ```python # 当点击显示全部历史时... button = gr.Button("Show All History") button.click = lambda: chat_history.style.display = "block" ``` 请注意,这只是一个基础示例,实际应用中可能需要更复杂的布局管理和用户体验优化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值