本周任务:完成了历史记录模块的编写。
一、前端展示
编写History.vue类,实现将结果显示在前端的功能。
编写HistoryComponent.vue,实现其余操作。
该vue文件中有一些其余方法用来获取存储的信息,传入对应的参数,调用前面实现的方法获取返回值。
二、效果展示
如上图所示,会以日期 成绩的形式显示,用户只要点击,便可进入对应的历史记录,记录中保存有用户的历史语音,点击播放按钮便可以进行播放,方便用户对以前的考试进行回顾,不断提升自己的水平。
三、其他功能
对于用户的每次考试,结束后系统会给出一个总的评价,便于用户有一个大体上的了解,代码如上图所示,最终结果如下。