【llm对话系统】Gradio快问快答

从问题出发

1. gr.Textbox如何显示一个默认文本

``python
import gradio as gr

def greet(name):
return "Hello " + name + “!”

demo = gr.Interface(
fn=greet,
inputs=gr.Textbox(value=“请输入你的名字”, label=“姓名”),
outputs=“text”
)

demo.launch()

### 2.如何隐藏一个模块，使得前端不展示
在 Gradio 中，你可以使用 `visible` 参数来控制一个组件是否在前端显示。将其设置为 `False` 即可隐藏组件。

**如 `gr.Textbox`, `gr.Chatbot`, `gr.Image` 等):**

   ```python
   import gradio as gr

   with gr.Blocks() as demo:
       textbox = gr.Textbox(label="This textbox is visible")
       hidden_textbox = gr.Textbox(label="This textbox is hidden", visible=False)  # 隐藏的文本框
       image = gr.Image(visible=False) # 隐藏的图像组件

   demo.launch()

3. 如何在chatbot中加入脚注（如右下角备注一个“AI生成，仅供参考”）

import gradio as gr
import time

def respond(message, chat_history):
  remark_html = '
*AI生成，仅供参考*
'
  # 初始的空消息和备注容器
  init_bot_message = f'
{remark_html}
'
  chat_history.append((message, init_bot_message))
  yield "", chat_history

  bot_message = ""
  for i in range(len(message)):
      time.sleep(0.05)
      bot_message += message[i]
      # 使用 JavaScript 更新消息内容，保留备注
      js_code = f"""
      () => {{
          let botMessage = document.getElementById('bot-message');
          let remark = document.getElementById('remark');
          botMessage.innerHTML = '{bot_message.replace("'", "\\'")}';
          botMessage.appendChild(remark);
      }}
      """
      chat_history[-1] = (message, f'
{bot_message} {remark_html}
')
      yield "", chat_history

with gr.Blocks() as demo:
  chatbot = gr.Chatbot()
  msg = gr.Textbox()
  clear = gr.Button("Clear")

  msg.submit(respond, [msg, chatbot], [msg, chatbot])
  clear.click(lambda: None, None, chatbot, queue=False)

demo.launch()