文章目錄
- 一、成績查詢模塊實現
- 1、學生成績查詢功能實現
- 1.1 頁面設計
- 1.2 前端頁面實現
- 1.3 后端功能實現
- 2、成績分段查詢功能實現
- 2.1 頁面設計
- 2.2 前端頁面實現
- 2.3 后端功能實現
- 二、試卷練習模塊實現
- 三、我的分數模塊實現
- 1、 頁面設計
- 2、 前端頁面實現
- 3、 后端功能實現
- 四、交流區模塊實現
- 1、 頁面設計
- 2、 前端頁面實現
- 3、 后端功能實現
- 五、代碼下載
一、成績查詢模塊實現
1、學生成績查詢功能實現
1.1 頁面設計
老師角色用戶登陸系統，點擊“學生成績查詢”按鈕，會顯示學生信息列表，如下圖：
點擊“查詢成績”按鈕，會顯示該名學生的成績折線圖，如下圖：
1.2 前端頁面實現
“學生成績查詢”頁面，是在views/teacher目錄下創建組件allStudentsGrade.vue文件，代碼如下：
<scr
