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