原型圖使用xiaopiu設(shè)計(jì)生成拳魁，采用ant design模板
根據(jù)使用角色甘晤，我們將系統(tǒng)分為學(xué)生端和教師端兩個(gè)部分
一疾瓮、登陸
? ? 學(xué)生和教師通過(guò)同一個(gè)頁(yè)面進(jìn)行登陸脖镀，登陸的賬號(hào)為學(xué)號(hào)，密碼可以通過(guò)學(xué)號(hào)綁定的郵箱找回。在登陸后學(xué)生和老師進(jìn)入不同頁(yè)面蜒灰。
二弦蹂、學(xué)生端
? ? 首頁(yè)（課程列表）：
? ? 學(xué)生端的首頁(yè)上有課程信息、個(gè)人信息和動(dòng)態(tài)消息提醒强窖，學(xué)生可以點(diǎn)擊進(jìn)入課程來(lái)查看該課程的課件和作業(yè)凸椿，同時(shí)，新發(fā)布課件和作業(yè)的提示消息會(huì)出現(xiàn)在頁(yè)面下方的動(dòng)態(tài)中翅溺。我們還在主頁(yè)添加了個(gè)人完成題目的百分比以及班內(nèi)排名來(lái)激起同學(xué)們學(xué)習(xí)的興趣脑漫，通過(guò)餅狀圖直觀地表示完成題目的進(jìn)度，讓學(xué)生的每一點(diǎn)進(jìn)步都體現(xiàn)在首頁(yè)上咙崎。
題目列表：
? ? 題目分為練習(xí)优幸、實(shí)驗(yàn)和考試三種類型。練習(xí)題目是實(shí)驗(yàn)和考試題庫(kù)淘汰的題目褪猛，也就是說(shuō)這部分題目不會(huì)出現(xiàn)在實(shí)驗(yàn)和考試中网杆，能夠看到所有的測(cè)試案例，學(xué)生也可以添加自定義用例伊滋，題目將會(huì)一直開(kāi)放碳却，所有學(xué)生都能夠訪問(wèn)。實(shí)驗(yàn)題目是課上老師布置的作業(yè)練習(xí)笑旺，學(xué)生不能看到測(cè)試用例昼浦，題目在截至?xí)r間后就不再能夠提交，只有選課的學(xué)生能夠看到相應(yīng)的練習(xí)題燥撞∽考試題目的用例不允許學(xué)生查看，并且只在考試期間對(duì)選課的學(xué)生開(kāi)放物舒。
提交記錄：
?????點(diǎn)擊提交歷史能夠看見(jiàn)學(xué)生在這一題上提交的所有記錄色洞，點(diǎn)擊時(shí)間能夠查看歷史提交的代碼，點(diǎn)擊題目能夠回到題目描述頁(yè)面冠胯，能夠訪問(wèn)的測(cè)試案例可以點(diǎn)擊測(cè)試案例訪問(wèn)
題目詳情及代碼提交：
? ? 代碼提交頁(yè)面參考NKOJ平臺(tái)火诸，能夠選擇提交代碼或者上傳文件，可以選擇代碼的語(yǔ)言
三荠察、教師端
首頁(yè)：
? ? 教師的主頁(yè)上有關(guān)于教學(xué)的數(shù)據(jù)信息置蜀。比如最近發(fā)布的題目的通過(guò)率、完成率悉盆，課件的下載量盯荤，題目提交的次數(shù)和時(shí)間，以及題目AC由高到低的排名等焕盟。這樣能夠讓教師更加直觀的看到什么樣的題對(duì)學(xué)生來(lái)說(shuō)比較難秋秤，上一次的作業(yè)的完成情況，是否需要將截止日期往后推，等等灼卢。
課程管理：
? ? 課程管理頁(yè)面能夠方便地添加課程绍哎、題目、課件鞋真，點(diǎn)擊卡片右上方的紅色按鈕來(lái)刪除課程崇堰。點(diǎn)擊課程卡片可以看到課程的題目和課件。
題目管理：
? ? 課程管理頁(yè)面能夠添加修改刪除題目涩咖，能夠按類別查看搜索題目海诲。百分比代表題目的完成情況。點(diǎn)擊修改題目會(huì)彈出修改抠藕、刪除或取消的選項(xiàng)饿肺。
添加修改題目：
? ? 教師能夠?qū)㈩}目選擇發(fā)布為實(shí)驗(yàn)題目蒋困、練習(xí)題目或者考試題目盾似，能夠手動(dòng)輸入測(cè)試案例，修改截止時(shí)間等雪标。
學(xué)生管理：
? ? 在學(xué)生管理頁(yè)面零院，教師選擇課程，頁(yè)面下方就會(huì)出現(xiàn)相應(yīng)的學(xué)生名單村刨。學(xué)生成績(jī)根據(jù)老師給出的評(píng)分標(biāo)準(zhǔn)得出告抄，可以直接導(dǎo)出。在表單中能夠看到學(xué)生最近提交的題目和該題目的測(cè)試案例嵌牺，點(diǎn)擊測(cè)試案例能夠看到學(xué)生是在哪一個(gè)案例上出現(xiàn)了錯(cuò)誤打洼。通過(guò)搜索功能老師能夠便捷地找到學(xué)生。
四逆粹、原型圖鏈接
原型圖通過(guò)xiaopiu進(jìn)行設(shè)計(jì)
原型圖鏈接：https://www.xiaopiu.com/web/byId?type=project&id=5c93894fdeb42e757f28e1c8
