山东大学 创新项目实训 雅思口语老师（10）

本周任务：完成了历史记录模块的编写。

一、前端展示

编写History.vue类，实现将结果显示在前端的功能。

编写HistoryComponent.vue，实现其余操作。

该vue文件中有一些其余方法用来获取存储的信息，传入对应的参数，调用前面实现的方法获取返回值。

二、效果展示

如上图所示，会以日期 成绩的形式显示，用户只要点击，便可进入对应的历史记录，记录中保存有用户的历史语音，点击播放按钮便可以进行播放，方便用户对以前的考试进行回顾，不断提升自己的水平。

三、其他功能

对于用户的每次考试，结束后系统会给出一个总的评价，便于用户有一个大体上的了解，代码如上图所示，最终结果如下。