上一篇 讯飞星火知识库文档问答Web API的使用（二） 把星火知识库搞明白了； 然后又花了时间学习了一下gradio的一些基础内容: 在Gradio实现两个下拉框进行联动案例解读：change/click/input实践（三） 在Gradio实现分栏、分页的效果（二） Gradio的重要函数以及一些代码示例学习（一）
好了，终于可以把笔者最终的想法开始实践了：
SparkDesk知识库 ChuanhuChatGPT前端 = 实现轻量化知识库问答 为什么有这个想法，是因为…笔者穷啊，没有GPU，搞不了
Langchain-Chatchat；搞向量数据库麻烦；PDF文档分chunk也是个技术活，一个人做搞到头发花白了去 笔者设想的是，借大厂的力，随便拉个机器就可以实现大数据知识库，岂不是美哉
目前实现的效果：
目前需要的功能：
- 右侧改造【知识库】栏目
- 新增PDF【上传星火】 的功能
- 新增根据上传文档进行【文档总结】功能
- 新增根据输入内容进行问答
- 【文档总结】和【文档问答】都在中间的对话框显示，且在对话的第一行显示[文档问答] [问答总结]的提示字样
当然你直接用大厂的也是可以的：
文章目录
- 1 星火知识库大致页面架构
- 2 文档问答的输出内容打在对话框中
1 星火知识库大致页面架构
详细可以参考：在Gradio实现两个下拉框进行联动案例解读：change/click/input实践（三）
笔者是设想在右侧加一个知识库上传、知识文档选择的下拉框，然后再主对话框进行对话：
在与ChuanhuChatGPT结合前，自己先搭了一个大致的框架：
具体效果如下：
上传模块：
文档总结模块：
问答模块：
具体代码我放在了github里面：sparkdesk_document_qa_test.py
因为笔者之前对Gradio一无所知，这里本篇就稍微提一些笔者在实践中的一些特别点
代码语言：javascript复制 # 上传星火
def upload_button_func(index_files):
# 输入：无输入项
# 输出：更新【一级下拉】选项，【二级下拉】置空
# 触发方式: click点击行为
global valid_files_group
for file in index_files:
# file_path = 'aigc相关报告/AIGC AI生成内容产业展望报告-量子位-34页.pdf'
print(file.name)
files = {'file': open(file.name, 'rb')}
body = {
"url": "",
"fileName": file.name.split('/')[-1],
"fileType": "wiki", # 固定值
"needSummary": False,
"stepByStep": False,
"callbackUrl": "your_callbackUrl",
}
response = dus.upload_files(files,body)
# 赋值
valid_files_group[file.name.replace('\','/').split('/')[-1]] = response.json()["data"]["fileId"]
# for file in index_files:
# valid_files_group[file.name.replace('\','/').split('/')[-1]] = 'fileid'
return gr.Dropdown.update(choices=list(valid_files_group.keys()),value = list(valid_files_group.keys())[0] ),
gr.Dropdown.update(choices=list(valid_files_group.keys()),value = list(valid_files_group.keys())[0] )
upload_button.click(upload_button_func, [index_files],
[FileSelectDropdown_first,FileSelectDropdown])以上传模块为例，主要就是定义这个【上传星火】按钮的输入、输出； 这里的输入项是拖放文件的名地址；输出是：更新 新增下面【文档总结】【文档问答】两个下拉框
当用户执行上传之后，或者多个文件上传后：
代码语言：javascript复制index_files = gr.Files(label="上传", type="file", elem_id="upload-index-file")之前定义的index_files此时收到的是带一连串绝对路径的文件名列表，比如：
["c:/a/b/c.pdf","c:/a/b/e.pdf"]之后输出的时候更新下拉框，就直接使用gr.Dropdown.update更新choices以及默认选项value：
gr.Dropdown.update(choices=list(valid_files_group.keys()),value = list(valid_files_group.keys())[0] )2 文档问答的输出内容打在对话框中
这里有一个问题就是点击[文档总结]后，希望将输出内容显示在中间的主对话框之中，此时就需要了解gr.chatbot的一些功能。
其中ChuanhuChatGPT项目中，中间的对话是由gr.chatbot构造：
chatbot = gr.Chatbot(
label="Chuanhu Chat",
elem_id="chuanhu-chatbot",
latex_delimiters=latex_delimiters_set,
# height=700,
show_label=False,
avatar_images=[config.user_avatar, config.bot_avatar],
show_share_button=False,
)那么需要的功能就只有在点击【文档总结】的时候，输出在gr.chatbot中即可，那么大概可以改造：
# 文档总结
def doc_summary_button_func(FileSelectDropdown_first,chatbot):
# 输入：无输入项
# 输出：更新【一级下拉】选项，【二级下拉】置空
# 触发方式: click点击行为
fileid = valid_files_group[FileSelectDropdown_first]
# print('fileid',fileid)
response = dus.file_summary(fileid)
summary = response.json()
# spark_output_text = f"文件名是：{' '.join(FileSelectDropdown)}，输入是：{SparkInputText}"
print('summary',summary)
if (summary['code'] == 0)&(summary['data']==summary['data']):
return chatbot [['[文档总结]n' FileSelectDropdown_first,summary['data']['summary']]]
else:
return chatbot [['[文档总结]n' FileSelectDropdown_first,f'未调用成功,报错输出为:{str(summary)}']]
doc_summary_btn.click(doc_summary_button_func, [FileSelectDropdown_first,chatbot],
[chatbot])其实就是把【1 星火知识库大致页面架构】里面的return到gr.chatbot
不过要传给chatbot，需要的是一个列表，大致为：
[("用户提问1","回答1"),("用户提问2","回答2")]关于gr.chatbot可以在 Gradio的重要函数以及一些代码示例学习（一） 细究
