[036]基于Vue+Nodejs的网上作业批改系统(含源码、数据库、万字课设报告)
文章目錄
- 一、項目介紹
- 二、源碼獲取
一、項目介紹
網絡作業提交與批改系統:超強的作業批改項目,技術棧是Vue+Node+Mysql,最重要的是有超詳細的萬字報告,一勞永逸,可沖~
主要功能介紹:
1.管理員功能模塊
管理員通過輸入用戶名,密碼、角色信息進行系統登錄,效果如下圖所示5-1所示
圖5-1管理員登錄界面
2.1學生管理
管理員對學生管理獲取學號、學生姓名、性別、院系班級、手機號碼、個人頭像等一些基本信息的詳情、刪除和修改。學生管理效果如下圖所示5-2所示
圖5-2 學生管理界面
5.2.2老師管理
管理員對老師管理獲取工號、老師姓名、性別、所屬院系、聯系手機、個人頭像等一些基本信息的詳情、刪除和修改。老師管理效果如下圖所示5-3所示
圖5-3 老師管理界面
5.2.3作業信息管理
管理員對作業信息管理獲取作業名稱、所屬科目、作業文件、發布日期、完成日期、工號、老師姓名等一些基本信息的詳情、刪除和修改。作業信息管理效果如下圖所示5-4所示
圖5-4 作業信息管理界面
5.2.4作業提交管理
管理員通過作業提交管理頁面查看作業名稱、所屬科目、學生作業、提交日期、學號、學生姓名、院系班級、工號、老師姓名等進行詳情、刪除、修改等操作。作業提交管理效果如下圖所示5-5所示
圖5-5作業提交管理界面
5.2.5作業批改管理
管理員通過作業批改管理頁面查看作業名稱、所屬科目、學生作業、評分、批改日期、學號、學生姓名、院系班級、工號、老師姓名等信息進行詳情或修改刪除,作業批改管理效果如下圖所示5-6所示
圖5-6作業批改管理界面
5.3學生功能模塊
5.3.1學生登錄
學生通過輸入學號,密碼,角色等信息進行系統登錄,如圖5-7所示。
圖5-7學生登錄界面圖
5.3.2作業信息管理
學生對作業信息管理查看作業名稱、所屬科目、作業文件、發布日期、完成日期、工號、老師姓名并進行詳情、提交作業等操作。作業信息管理效果如下圖所示5-8所示
圖5-8作業信息管理界面圖
5.3.3個人信息
在個人信息頁面可以通過查看學號、學生姓名、性別、院系班級、手機號碼、個人頭像等內容并進行修改。個人信息效果如下圖所示5-9所示
。
圖5-9個人信息界面圖
5.3.4作業批改管理
在作業批改管理頁面可以通過查看作業名稱、所屬科目、學生作業、評分、批改日期、學號、學生姓名、院系班級、工號、老師姓名等內容并進行詳情。作業批改管理效果如下圖所示5-10所示。
圖5-10作業批改管理界面圖
5.4老師功能模塊
5.4.1老師登錄
老師通過輸入工號,密碼,角色等信息進行系統登錄,如圖5-11所示。
圖5-11老師登錄界面圖
5.4.2個人信息
老師對個人信息查看工號、老師姓名、性別、所屬院系、聯系手機、個人頭像并進行修改等操作。個人信息效果如下圖所示5-12所示
圖5-12個人信息界面圖
5.4.3作業信息管理
在作業信息管理頁面可以通過查看作業名稱、所屬科目、作業文件、發布日期、完成日期、工號、老師姓名等內容并進行詳情、修改、刪除。作業信息管理效果如下圖所示5-13所示
。
圖5-13作業信息管理界面圖
5.4.4作業提交管理
在作業提交管理頁面可以通過查看作業名稱、所屬科目、學生作業、提交日期、學號、學生姓名、院系班級、工號、老師姓名等內容并進行詳情、批改作業。作業提交管理效果如下圖所示5-14所示
。
圖5-14作業提交管理界面圖
5.4.5作業批改管理
在作業批改管理頁面可以通過查看作業名稱、所屬科目、學生作業、評分、批改日期、學號、學生姓名、院系班級、工號、老師姓名等內容并進行詳情。作業批改管理效果如下圖所示5-15所示
圖5-15作業批改管理界面圖
第4章 系統設計
4.1系統結構設計
系統設計主要是管理員登錄后對整個系統相關操作進行處理,可進行管理員的添加和刪除,管理員:首頁、個人中心、學生管理、老師管理、作業信息管理、作業提交管理、作業批改管理,學生:首頁、個人中心、作業信息管理、作業提交管理、作業批改管理,老師;首頁、個人中心、作業信息管理、作業提交管理、作業批改管理等多個模塊,系統的功能結構圖如下圖所示。
初始可用賬號/密碼:abo/abo(含8張表)
二、源碼獲取
鏈接:https://pan.baidu.com/s/1BTqjhEL9D3DNtWofHlxumw?pwd=i14v
提取碼:i14v
碼字不易,感謝點贊
總結
以上是生活随笔為你收集整理的[036]基于Vue+Nodejs的网上作业批改系统(含源码、数据库、万字课设报告)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一个合格的初级程序员所应该具备的能力
- 下一篇: echart中国地图,多地图案例