目录
前言
一、进入页面
二、训练页面编辑
三、考试页面
四、历史页面
前言
时间 6.16-6.18 第十七周 项目实训
本周目标:整合项目
一、进入页面
![](https://img-blog.csdnimg.cn/direct/ba83e95f9e9247a3984c218f9bb01c0e.png)
主要采用侧边栏,侧边栏可以跳转,然后右侧内容部分分为三个容器,右上方可以看到欢迎页面,显示用户,下端展示这个ai老师的的特点,
![](https://img-blog.csdnimg.cn/direct/45b570187c4048adb00e5a2faa315b34.png)
二、训练页面![](https://img-blog.csdnimg.cn/direct/8577a4daf0454dd0bd7ca1de66e6b240.png)
这里左侧也是侧边栏跳转,路劲是train,右侧是内容,进行对话会交互显示,点击下面录音按钮,可以进行录音,网页显示的信息考message传入传出
三、考试页面
![](https://img-blog.csdnimg.cn/direct/3226ab8f9a0b449092acecc15e472101.png)
基本上内容同上,这里讲解一下主要的讲解流程
![](https://img-blog.csdnimg.cn/direct/2cd2d6a3bfaf4970aadea4367d3c8c99.png)
![](https://img-blog.csdnimg.cn/direct/32dc0f19c284498187afe4cc6b3756d7.png)
四、历史页面
![](https://img-blog.csdnimg.cn/direct/cf3f898560614e07b6fbddcc69b24df6.png)
前端,在点击历史记录后会显示过往历史记录已经成绩
![](https://img-blog.csdnimg.cn/direct/a4635d32f4b94defb7472dbc87ddd64c.png)