前端项目分析

125 阅读1分钟

三、前端样式以及功能分析****

3.1LLM对话组件框****

3.1.1.基本要求:使得用户能够基于网页界面与医疗健康大模型进行对话。

3.1.2参考样式:

  image.png

  image.png

  image.png

 

 

 

ChatGPT   Claude

  Coze

 

3.1.3组件能力

l 需要支持用户输入对话,且对话内容支持图片、PDF等多媒体格式(可能上传病例);

l LLM 返回内容可能为:文本、Markdown、图片等;

l 需要支持显示大模型的执行结果;

l 需要正确展示这些格式内容,需要支持LLM 流式返回结果,实现逐行打印效;

l 需要复制返回结果内容。

 

3.1.4设计预览

 

3.2Login页面功能样式****

 

3.3History页面功能样式****

3.4前端技术栈****

l 大模型:

l 框架:Vue

l 工程化:

n 使用Typescript编写代码

n 团队协作,日志更新

四、数据收集与数据库设计****

4.1Login页面:****

在登录页面,用户需要输入以下内容:

userid:用户的唯一标识符(例如,用户名或邮箱)。

password:用户的密码,用于身份验证。为安全起见,密码需要加密存储。

l Userinfo表

字段名****数据类型****约束条件****备注****
useridCHAR(25)PRIMARY KEY用户的唯一标识符
passwordVARCHAR(6)NOT NULL加密后的密码

4.2LLM对话页面:****

用户消息,AI回复,储存历史聊天

消息存储:

将用户消息和AI回复存储到数据库中,以便后续调用。

表名:conversations