慧心医问——项目实训第六周实录

87 阅读5分钟

一、本周工作总结

本周我们主要的工作内容有以下两个方面

1. 进一步完善前台的功能

2. 对接系统前台中动态数据展示和后端的接口

下面将对这些工作进行简单介绍

二、完善前台的功能

2.1 前台新增功能

1、侧边栏 Aside:

点击加号按钮,跳转到新的页面

点击历史对话气泡要能够跳到新页面,并展示历史对话

点击设置按钮进入设置界面

点击头像跳转个人页面

2、首页(chat-init.vue)

换一换按钮实现推荐气泡内容的改变

点击图片图标上传

点击图像或搜索按钮 跳转至对话主页面

3、对话主页(chat-main.vue):

对话框实现

发送按钮实现

复制按钮实现

人工入口实现

 

2.2 具体实现

1. 对话主页面初步开发

(1) 实现对话框(不同角色)

(2) 实现底部输入框,及输入框上方功能键

(3) 实现发送按钮

2 、对话主页面细节开发

(1)复制按钮

效果图:

image.png (2)反馈窗口

image.png

(3)字符流输出

image.png

一、对接接口

2.1 接口文档编写

1、侧边栏
(1)获取某用户某条历史记录
类型:GET

传递参数: query: history (历史记录前数个字) ,userid,
期待返回:全部历史记录  

id,message,time,identity(问题是1,回答是0)  (历史记录表id你们自己起名就行)

假设:

idmessagetimeidentityuseridimgUrl其他属性
1头疼怎么治疗2024/5/22/17:0011默认”” 
2头疼可以XXXXX2024/5/22/17:0201  
3胃疼怎么治疗2024/5/22/17:0311  
4胃疼可以XXXX2024/5/22/17:0501  
5可以为空2024/5/22/17:0811/static/pic之类 

查询 message 包含 query:history 的全部内容

select * from XXX whee message like “%history%” 

总之就是模糊查询

问题是我不知道怎么区分当前对话和其他对话?靠时间还是靠标识?

(2) 获取用户历史记录
类型:GET

传递参数: userid

期待返回:message,time,identity(问题是1,回答是0)

按照用户id查询 相关的全部数据(按时间顺序)

2、对话首页
(1) 换一换按钮

类型:GET   /api/randMsg

传递参数:none

期待返回:五个随机问题内容  randMsg

数据库里存若干个可能的问题,只返回五个(随机)

(2) 发送图片

类型:POST  /api/addImg

参数: userid,imgUrl,time,identity
无返回
(3)发送问题
类型:POST   /api/addMsg

参数:userid,message,time,identity,......

无返回

3、对话主页面
(1)发送反馈信息
类型:POST   /api/feedback

参数:feedbackMsg,time,userid

其余同上,可以用同一个接口

4、用户主页

(1)获取个人信息
类型:GET   /api/user

参数:userid

期待返回:全部user个人信息

(2)编辑个人信息
类型:POST/PUT   /api/editUser

参数:form:(userid,username,password,avator......后台相同即可)
无返回值

5、注册主页
类型:POST  /api/regist

参数:username,password

无返回值

6、登陆主页

类型:GET  /api/login

参数:username,password

判断用户是否存在,用户名密码是否匹配

无返回值

2.2 Postman测试

1. 获取用户历史记录

image.png 1. 获取某次历史记录

image.png 1. 换一换按钮

image.png

一、总结

1.完善前台功能

本周,我们的工作重心之一是进一步完善前台的功能。具体而言,我们在现有功能基础上,根据用户的反馈和使用习惯进行了深度分析和调整。这些完善包括但不限于:

 

界面优化:我们对前台界面进行了细致的优化,使其更加符合用户的审美和操作习惯。通过调整布局、颜色和字体等细节,我们提升了用户的整体使用体验。

功能增强:针对用户在使用过程中提出的一些需求,我们增加了新的功能或改进了现有功能。这些功能旨在提高用户的操作效率,满足用户的多样化需求。

性能提升:我们对前台的性能进行了优化,包括加载速度、响应速度等方面的提升。这些改进有效降低了用户在使用过程中的等待时间,提高了系统的整体性能。

2.动态数据展示与后端接口对接

本周,我们还重点进行了前台动态数据展示与后端接口的对接工作。具体工作如下:

接口梳理:我们首先对后端提供的接口进行了梳理和测试,确保接口的稳定性和数据的准确性。同时,我们也与后端开发团队进行了密切的沟通和协作,确保接口能够满足前台的需求。

数据展示:在接口梳理完成后,我们开始了前台动态数据的展示工作。通过调用后端接口获取数据,并将其以直观、易懂的方式展示给用户。这些数据展示不仅包括数字、图表等形式,还包括了一些交互性的功能,如筛选、排序等。

测试与调试:在数据展示的过程中,我们进行了大量的测试和调试工作。通过模拟各种用户场景和操作,我们确保了前台与后端之间的数据交互准确无误,并修复了一些潜在的问题和bug。

3、总结与展望

本周,我们在前台功能完善和动态数据展示与后端接口对接方面取得了显著的进展。这些工作不仅提升了系统的整体性能和用户体验,也为我们后续的开发和优化奠定了坚实的基础。

在未来的工作中,我们将继续关注用户的需求和反馈,不断优化和完善前台的功能和性能。同时,我们也将加强与后端开发团队的沟通和协作,确保前后端之间的数据交互更加稳定、高效。我们相信,在团队的不懈努力下,我们的系统将更加完善、稳定、易用。