基于微信小程序的助教管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

-1-第1章緒論1.1研究目的和意義隨著互聯(lián)網(wǎng)的普及，讓網(wǎng)絡(luò)資源成為高等教育不可缺少的一部分。近年來(lái)，翻轉(zhuǎn)課堂作為一種先驅(qū)性的教學(xué)模式，受到了越來(lái)越多的關(guān)注。它將傳統(tǒng)的授課形式改變，以更加直觀的形式呈現(xiàn)，使得學(xué)生能夠更加深入地理解知識(shí)，同時(shí)也能夠更好地應(yīng)對(duì)復(fù)雜的問(wèn)題。隨著翻轉(zhuǎn)課堂的普及，老師們面臨著更大的工作量。他們需要拍攝教學(xué)視頻，并參與現(xiàn)場(chǎng)的問(wèn)題回復(fù)和實(shí)踐操作。因此，我們建議給老師們安排一名助手，他們將會(huì)協(xié)助老師們進(jìn)行課堂討論和問(wèn)題回復(fù)，從而緩解老師們的工作壓力，并且培養(yǎng)他們的專(zhuān)業(yè)素養(yǎng)。鑒于此，嘗試開(kāi)發(fā)一個(gè)基于微信小程序的助教管理系統(tǒng)，該系統(tǒng)的研發(fā)，將使助教管理更加合理化。系統(tǒng)完成后，預(yù)期可以為教師減輕負(fù)擔(dān)，同時(shí)滿(mǎn)足教學(xué)要求。1.2國(guó)內(nèi)外研究現(xiàn)狀在2021年，ReckRM、LeeD.A等人在《Theinfluenceofteachingassistantsinanundergraduateengineeringlaboratorycourse》中提到采用PHP開(kāi)發(fā)語(yǔ)言，結(jié)合E-mail的工作原則，設(shè)計(jì)出一個(gè)可以實(shí)現(xiàn)雙向協(xié)同的助教管理系統(tǒng)，它可以實(shí)現(xiàn)對(duì)學(xué)生的信息的實(shí)時(shí)傳輸，同時(shí)也可以實(shí)現(xiàn)對(duì)學(xué)生的學(xué)習(xí)過(guò)程的實(shí)時(shí)監(jiān)控，以及對(duì)學(xué)習(xí)過(guò)程的實(shí)時(shí)反饋，從而有效地實(shí)現(xiàn)學(xué)習(xí)過(guò)程的有效監(jiān)督與控制。使用Email作為記錄方式，從而實(shí)現(xiàn)助教管理系統(tǒng)。但是發(fā)展教學(xué)助理的戰(zhàn)略往往不發(fā)達(dá)，受到資源限制和對(duì)教學(xué)助理專(zhuān)業(yè)發(fā)展方案的機(jī)構(gòu)立場(chǎng)的影響[1]。雖然ReckRM、LeeD.A對(duì)于發(fā)展教學(xué)助理機(jī)制戰(zhàn)略不發(fā)達(dá)這個(gè)問(wèn)題沒(méi)有合理的解決方案，但是DonglinChai對(duì)這個(gè)問(wèn)題進(jìn)行了很好的優(yōu)化。在2022年，DonglinChai在《ChineseUndergraduateStudentTeachingAssistantsinaU.S.CollegiateChineseLanguageProgram(English)》此系統(tǒng)采用PHP和MySQL等多種開(kāi)發(fā)技術(shù)，這篇文章中首先以“同伴輔導(dǎo)”在歐美高校的形成背景以及在美國(guó)中文教學(xué)界的若干應(yīng)用模式，然后以美國(guó)某文理學(xué)院中文項(xiàng)目招聘中國(guó)本科留學(xué)生為輔導(dǎo)與批改助理的機(jī)制為例，通過(guò)定量定性數(shù)據(jù)來(lái)分析其積極影響與現(xiàn)存問(wèn)題，從而提出可行性改善方案，幫助其中文項(xiàng)目進(jìn)行改進(jìn)，同時(shí)也希望其他正在或有意開(kāi)展類(lèi)似機(jī)制的中文項(xiàng)目提起重視，共同推進(jìn)助理機(jī)制的設(shè)計(jì)、培訓(xùn)與督導(dǎo)工作，提升中文項(xiàng)目的整體教學(xué)質(zhì)量，但是沒(méi)有提到如何能更好地服務(wù)于學(xué)生[2]。雖然DonglinChai對(duì)于如何更好地服務(wù)學(xué)生這個(gè)問(wèn)題沒(méi)有合理的解決方案，但是MorraChristinaN;FultzRobert;RautSamikshaA對(duì)這個(gè)問(wèn)題進(jìn)行了很好的優(yōu)化。在2022年，MorraChristinaN;FultzRobert;RautSamikshaA在《TALessonfromthePandemic:UtilizingDigitalToolsToSupportStudentEngagementduringInstructionalAssistant-LedSessions》此系統(tǒng)是利用C／S和B／S混合的工作模式，由C／S實(shí)現(xiàn)系統(tǒng)功能，而B(niǎo)／S對(duì)數(shù)據(jù)進(jìn)行統(tǒng)一處理，兩者取其精華去其糟粕，使此助教系統(tǒng)得到了最大限度的優(yōu)化，以滿(mǎn)足高要求的工作需要，同時(shí)提到學(xué)生助教(IAs)是大多數(shù)學(xué)生在高等教育中大學(xué)經(jīng)歷的一個(gè)組成部分。當(dāng)進(jìn)行適當(dāng)?shù)呐嘤?xùn)時(shí)，IAs可以提高學(xué)生的成績(jī)、對(duì)課程內(nèi)容的參與度、堅(jiān)持性和保持性。同時(shí)總結(jié)了我們?yōu)锽LAs提供的培訓(xùn)和指導(dǎo)，這些培訓(xùn)和指導(dǎo)涉及如何最好地調(diào)整數(shù)字教育工具，使學(xué)生在虛擬會(huì)議期間參與。這篇文章建議高等教育機(jī)構(gòu)認(rèn)識(shí)到數(shù)字教育工具的擴(kuò)展是一個(gè)機(jī)會(huì)，以提高他們的IAs的技術(shù)素養(yǎng)和能力，在這個(gè)日益數(shù)字化的教育時(shí)代，最好地服務(wù)于學(xué)生[3]。在國(guó)內(nèi)，關(guān)于助教管理系統(tǒng)的研究雖起步較晚，但也取得了一些豐碩的成果，2016年，陳貽東,葉艷等人在《基于Symfony2的助教管理系統(tǒng)》中采用了B/S模式，服務(wù)器采用LAMP(Linux+Apache+MySQL+PHP)架構(gòu),開(kāi)發(fā)框架采用Symfony2，開(kāi)發(fā)工具采用NetBeans，該系統(tǒng)實(shí)現(xiàn)了匯報(bào)工作在線化、津貼評(píng)優(yōu)計(jì)算自動(dòng)化、提醒定向化、管理工作流程化，彌補(bǔ)學(xué)校在助教管理信息化方面的空缺，提高了工作效率，節(jié)約了成本[4]。2018年，周小雯在《重慶大學(xué)助教管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)》中通過(guò)應(yīng)用KualiRice和J2EE，以及對(duì)JavaScript和其他前端技術(shù)的研究，大大改善了重慶大學(xué)的助教管理，不僅填補(bǔ)了該領(lǐng)域的空白，而且還大大降低了運(yùn)營(yíng)的成本，極大地提升了工作的效率。采取措施改善網(wǎng)頁(yè)的相容性，以增強(qiáng)用戶(hù)的使用體驗(yàn)。首先實(shí)現(xiàn)了網(wǎng)絡(luò)化的助教管理，提高助教的工作效率。同時(shí)減輕學(xué)校和老師的工作負(fù)擔(dān)。解決了申請(qǐng)助教難等問(wèn)題。同時(shí)添加了助教日志和個(gè)人檔案，以便作為助教評(píng)價(jià)的資料文檔[5]。此外在2021年，劉曉宇，陳戰(zhàn)勝在《基于微助教的翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)與實(shí)踐——以“Web開(kāi)發(fā)基礎(chǔ)”課程為例》中采用Web技術(shù)，設(shè)計(jì)出該平臺(tái)，通過(guò)該平臺(tái)，可以完成課堂簽到、課件分享、答題、討論、作業(yè)等功能并對(duì)學(xué)習(xí)過(guò)程記錄。國(guó)內(nèi)的助教管理系統(tǒng)相對(duì)較少，對(duì)于我們而言，研究并開(kāi)發(fā)助教管理模式的系統(tǒng)有很大的意義[6]。1.3主要研究?jī)?nèi)容為了有效緩解教師的教學(xué)負(fù)擔(dān)，讓學(xué)生更有效地學(xué)習(xí)。本次設(shè)計(jì)將通過(guò)IDEA和微信小程序的開(kāi)發(fā)平臺(tái)，使用Java語(yǔ)言和Vue技術(shù)，并借助MySQL數(shù)據(jù)庫(kù)來(lái)構(gòu)建一個(gè)助教管理系統(tǒng)。實(shí)現(xiàn)個(gè)人信息管理、助教管理、課程信息管理、課程分類(lèi)管理、教學(xué)視頻管理、視頻類(lèi)型管理、任務(wù)信息管理、助教評(píng)分管理、任務(wù)類(lèi)型管理、任務(wù)完成管理功能。應(yīng)完成的主要工作有：1、查找并分析近幾年的國(guó)內(nèi)助教管理系統(tǒng)的相關(guān)研究，通過(guò)對(duì)比和分析各文獻(xiàn)的優(yōu)缺點(diǎn)，整理相關(guān)材料，并且確定開(kāi)發(fā)工具和所用技術(shù)。2、經(jīng)過(guò)詳細(xì)的可行性分析和需求分析，確定系統(tǒng)的功能架構(gòu)。3、選取合適的數(shù)據(jù)庫(kù)對(duì)數(shù)據(jù)進(jìn)行存儲(chǔ)和管理。4、進(jìn)行各功能模塊的設(shè)計(jì)與實(shí)現(xiàn)，使各功能模塊能夠正常運(yùn)行。5、通過(guò)合適的測(cè)試方法，對(duì)本系統(tǒng)各個(gè)組成部分進(jìn)行測(cè)試。第2章相關(guān)理論和技術(shù)2.1Java簡(jiǎn)介Java是一門(mén)面向?qū)ο缶幊陶Z(yǔ)言，它繼承并借鑒了C++的精華之處，同時(shí)摒棄了一些較為晦澀難懂的理論，如多重繼承和指針等。使其在編程效率上更加出色，同時(shí)也擁有更加靈活的編程模型，使得它既可以滿(mǎn)足程序員的編程需求，又可以滿(mǎn)足他們的審美需求。Java是一種強(qiáng)大的開(kāi)發(fā)語(yǔ)言，它擁有易于使用、高效率、多線程、靈活的用戶(hù)界面、強(qiáng)大的功能、高度的穩(wěn)定性、靈活的移植能力，能夠滿(mǎn)足各種應(yīng)用程序的需求。Java具有跨平臺(tái)性，它能夠支持多種系統(tǒng)平臺(tái)，使得使用者能夠輕松地編寫(xiě)各種應(yīng)用程序。然而，為了實(shí)現(xiàn)這種跨平臺(tái)性，一般的高級(jí)語(yǔ)言必須經(jīng)過(guò)編譯，才能夠?qū)崿F(xiàn)跨平臺(tái)的功能。Java語(yǔ)言可以在多種平臺(tái)上運(yùn)行，而且它的編譯方式比Windows更加靈活，Java的跨平臺(tái)性能可以通過(guò)使用VM技術(shù)（JVM）來(lái)實(shí)現(xiàn)，因此，應(yīng)該特別關(guān)注這一點(diǎn)。2.2MySQL簡(jiǎn)介MySQL目前屬于Or??acl??e甲骨??文公司??，My??SQL??稱(chēng)之為??關(guān)系型??數(shù)據(jù)庫(kù)??、微軟??的SQ??LS??erv??er。??MyS??QL數(shù)??據(jù)庫(kù)能??夠支持??在多種??操作系??統(tǒng)上運(yùn)??行，包??括So??lar??is、??Mac??OS??、Fr??eeB??SD和??Win??dows，L??inu??x通通??支持。其??主要功能就是??處理數(shù)??據(jù)。數(shù)據(jù)??庫(kù)一般??不會(huì)直??接面向??數(shù)據(jù)存??儲(chǔ)，存??儲(chǔ)是交??給表/??索引這??類(lèi)對(duì)象??完成的??。MySQL數(shù)據(jù)庫(kù)是一個(gè)基于網(wǎng)絡(luò)客戶(hù)端和服務(wù)器的模式，服務(wù)器端必須使用用戶(hù)名和密碼登錄來(lái)接入服務(wù)器設(shè)備，一旦接入成功，就能夠?qū)?shù)據(jù)庫(kù)中的內(nèi)容（包括增加、刪除、變更和查詢(xún)）做出相應(yīng)的處理。MySQL的服務(wù)器由于使用IO復(fù)用和+可擴(kuò)展的接口，能夠支持更快的網(wǎng)絡(luò)傳輸，從而達(dá)到傳統(tǒng)的高效率架構(gòu)。2.3Vue技術(shù)Vue是一種具有漸進(jìn)式特性的用戶(hù)界面框架，它能夠從基礎(chǔ)層一步步提升到更高級(jí)別，其中核心庫(kù)僅關(guān)注視覺(jué)層，使用者能夠輕松理解，并且能夠與其他第三方庫(kù)或現(xiàn)有項(xiàng)目實(shí)現(xiàn)有效的整合。Vue技術(shù)的進(jìn)步使得它能夠與先進(jìn)的工具鏈和豐富的支持類(lèi)庫(kù)相結(jié)合，并為復(fù)雜的網(wǎng)頁(yè)應(yīng)用提供更強(qiáng)大的支持。Vue具備極高的可擴(kuò)展性，可以支持各種不同的應(yīng)用場(chǎng)景，從而滿(mǎn)足不同的需求。例如，當(dāng)需求驅(qū)動(dòng)程序的聲明式渲染，可以使用Vue的聲明渲染，也可以使用其相應(yīng)的組件系統(tǒng)，從而實(shí)現(xiàn)更加高效的應(yīng)用。通過(guò)使用其內(nèi)部的部分，我們能夠獲得更多的信息。Vue具有多種優(yōu)勢(shì)：1，采用MVVM架構(gòu)；2，編碼簡(jiǎn)單，尺寸小巧，運(yùn)行效率極高；3，不僅可以用于UI開(kāi)發(fā)，還可以將其應(yīng)用于其他第三方庫(kù)的開(kāi)發(fā)中。2.4微信小程序微信小程序是一種新興的應(yīng)用程序，它和傳統(tǒng)App相比有較大區(qū)別，它是一種跨平臺(tái)的應(yīng)用程序，對(duì)于Android版本與iOS版本不做區(qū)分，具有更好的移植性和開(kāi)發(fā)效率。目前手機(jī)上的App目不暇接，同類(lèi)型的APP也比比皆然。在我們?nèi)粘Ｉ钪?，有許多APP在最初下載時(shí)使用頻率會(huì)高一點(diǎn)，隨著時(shí)間的推移，這些APP的使用頻率會(huì)逐漸降低，有時(shí)幾周都不會(huì)使用。這些使用頻率較低的應(yīng)用軟件一直占用用戶(hù)手機(jī)的存儲(chǔ)空間，造成了手機(jī)內(nèi)存浪費(fèi)。有些用戶(hù)為了避免手機(jī)內(nèi)存浪費(fèi)，會(huì)選擇僅在需要時(shí)下載使用較少的軟件，在使用結(jié)束后再將其刪除。這種方法雖然可以減少手機(jī)內(nèi)存的占用情況，但是應(yīng)用程序下載和刪除的過(guò)程會(huì)消耗時(shí)間和流量。而微信小程序可以完美地解決這個(gè)問(wèn)題。微信小程序，它是一種依賴(lài)微信環(huán)境的跨平臺(tái)應(yīng)用程序，用戶(hù)無(wú)須下載安裝，點(diǎn)開(kāi)即可使用小程序，使用完畢后退出即可，也不會(huì)占用手機(jī)內(nèi)存。并且同一版本的小程序，在Android、iOS上都能良好運(yùn)行，可以降低開(kāi)發(fā)成本，提高開(kāi)發(fā)效率。第3章系統(tǒng)分析3.1可行性分析3.1.1技術(shù)可行性該系統(tǒng)通過(guò)IDEA和微信小程序的開(kāi)發(fā)工具，使用Java語(yǔ)言、Vue技術(shù)和MySQL數(shù)據(jù)庫(kù)的支持下開(kāi)發(fā)實(shí)現(xiàn)，在系統(tǒng)使用的技術(shù)層面來(lái)看，常規(guī)的計(jì)算機(jī)就可以滿(mǎn)足這些功能的實(shí)現(xiàn)，并且技術(shù)比較先進(jìn)，比較容易上手，我也有較為熟練的掌握，能夠完成助教管理系統(tǒng)的實(shí)現(xiàn)。所以，助教管理系統(tǒng)的開(kāi)發(fā)具有較強(qiáng)的技術(shù)可行性。3.1.2經(jīng)濟(jì)可行性IDEA是現(xiàn)??今做得??最好的??一款多??語(yǔ)言集??成開(kāi)發(fā)??環(huán)境，同時(shí)大多數(shù)與之相關(guān)的開(kāi)發(fā)工具都是免費(fèi)的，同時(shí)微信小程序相比較于APP來(lái)說(shuō)，對(duì)其開(kāi)發(fā)成本較低，資金投入比APP要少，并且后期維護(hù)工作相比較于APP還較為簡(jiǎn)單些。所以，對(duì)于助教管理系統(tǒng)來(lái)說(shuō)，此程序的開(kāi)發(fā)在經(jīng)濟(jì)上是完全可行的。3.1.3操作可行性助教管理系統(tǒng)開(kāi)發(fā)完成后，可直接在微信小程序中使用，不需要單獨(dú)下載其他APP，助教用戶(hù)和教師可以很清楚的看到各項(xiàng)功能，可以根據(jù)界面顯示，完成系統(tǒng)所需操作，具有全面的助教管理系統(tǒng)，基于以上這些，可以方便助教和教師的操作，具有操作可行性。3.2功能需求分析本次設(shè)計(jì)將基于IDEA和微信小程序的開(kāi)發(fā)工具，使用Java語(yǔ)言、Vue技術(shù)和MySQL數(shù)據(jù)庫(kù)來(lái)進(jìn)行助教管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。在基于微信小程序的助教管理系統(tǒng)中，助教用戶(hù)進(jìn)入系統(tǒng)后可以查看課程信息、視頻類(lèi)型和教師發(fā)布的任務(wù)信息，以及可以對(duì)課程分類(lèi)進(jìn)行管理；教師用戶(hù)進(jìn)入系統(tǒng)后可以對(duì)助教、課程信息、視頻分類(lèi)、任務(wù)信息等進(jìn)行管理，可以對(duì)助教完成任務(wù)情況進(jìn)行評(píng)分；管理員進(jìn)入系統(tǒng)后可以對(duì)助教和教師信息進(jìn)行管理，以及對(duì)課程信息、課程分類(lèi)、視頻類(lèi)型等進(jìn)行管理。助教用例圖，如圖3.1所示：注冊(cè)登錄注冊(cè)登錄課程信息的查看課程信息的查看課程分類(lèi)管理課程分類(lèi)管理視頻類(lèi)型的查看視頻類(lèi)型的查看任務(wù)信息的查看任務(wù)信息的查看圖3.1助教用例圖教師用例圖，如圖3.2所示：注冊(cè)登錄注冊(cè)登錄助教管理助教管理課程信息管理課程信息管理教學(xué)視頻管理教學(xué)視頻管理任務(wù)信息管理任務(wù)信息管理任務(wù)完成管理任務(wù)完成管理助教評(píng)分管理助教評(píng)分管理圖3.2教師用例圖管理員用例圖，如圖3.3所示：教師管理助教管理教師管理助教管理助教評(píng)分管理助教評(píng)分管理任務(wù)完成管理任務(wù)完成管理視頻類(lèi)型管理視頻類(lèi)型管理任務(wù)信息管理任務(wù)信息管理教學(xué)視頻管理教學(xué)視頻管理課程信息管理課程信息管理任務(wù)類(lèi)型管理任務(wù)類(lèi)型管理課程分類(lèi)管理課程分類(lèi)管理圖3.3管理員用例圖3.3系統(tǒng)流程分析3.3.1登錄流程該系統(tǒng)的登錄角色分別有助教用戶(hù)、教師和管理員三個(gè)角色，對(duì)于助教用戶(hù)與教師來(lái)說(shuō)，登錄時(shí)需要判斷是否已有賬號(hào)，然后進(jìn)行登錄。對(duì)于管理員來(lái)說(shuō)，管理員的賬號(hào)是默認(rèn)的，不需要進(jìn)行注冊(cè)，直接進(jìn)行登錄即可。在登錄時(shí)需要檢測(cè)角色權(quán)限，并跳到相應(yīng)的登錄界面。本系統(tǒng)的具體系統(tǒng)登錄流程如圖3.4所示：開(kāi)始開(kāi)始是否已經(jīng)注冊(cè)賬號(hào)是否已經(jīng)注冊(cè)賬號(hào)輸入賬號(hào)、密碼、選擇身份是輸入賬號(hào)、密碼、選擇身份結(jié)束密碼是否正確否結(jié)束密碼是否正確否否注冊(cè)注冊(cè)是跳轉(zhuǎn)到相應(yīng)頁(yè)面查詢(xún)角色權(quán)限跳轉(zhuǎn)到相應(yīng)頁(yè)面查詢(xún)角色權(quán)限圖3.4登錄流程圖3.3.2注冊(cè)流程當(dāng)用戶(hù)需要注冊(cè)時(shí)，賬號(hào)、密碼和姓名為必填項(xiàng)；性別、年齡、手機(jī)號(hào)、頭像為選填項(xiàng)，填完所需要求，判斷選填信息是否合法，若合法，即注冊(cè)成功，若不合法將返回上一步。本系統(tǒng)的具體系統(tǒng)注冊(cè)流程如圖3.5所示：開(kāi)始開(kāi)始結(jié)束結(jié)束賬號(hào)賬號(hào)注冊(cè)成功否注冊(cè)成功密碼密碼是再次確認(rèn)密碼再次確認(rèn)密碼判斷賬號(hào)是否存在判斷賬號(hào)是否存在判斷兩次密碼是否一致否判斷兩次密碼是否一致是姓名、年齡、性別、電話、頭像、賬號(hào)姓名、年齡、性別、電話、頭像、賬號(hào)注冊(cè)注冊(cè)圖3.5注冊(cè)流程圖3.3.3信息添加操作流程這是信息添加操作流程，系統(tǒng)的正常運(yùn)行離不開(kāi)大量數(shù)據(jù)的支撐，所以本系統(tǒng)中添加了數(shù)據(jù)插入功能，向系統(tǒng)添加某些信息時(shí)，需要判斷所需信息是否合法。關(guān)于信息添加操作流程如圖3.6所示：開(kāi)始開(kāi)始輸入所添加的信息輸入所添加的信息是否合法否是否合法是寫(xiě)入數(shù)據(jù)庫(kù)寫(xiě)入數(shù)據(jù)庫(kù)結(jié)束結(jié)束圖3.6信息添加操作流程圖3.3.4信息刪除操作流程這是信息刪除操作流程，需要選中所需刪除的信息，同時(shí)我們?yōu)榱吮苊庥脩?hù)誤按刪除鍵，點(diǎn)擊刪除后會(huì)出現(xiàn)提示確認(rèn)的彈框，當(dāng)確定要?jiǎng)h除時(shí)，再進(jìn)行數(shù)據(jù)庫(kù)操作，而完成刪除之后，會(huì)向用戶(hù)提供反饋，關(guān)于信息刪除操作流程圖如圖3.7所示：開(kāi)始開(kāi)始選擇要?jiǎng)h除的數(shù)據(jù)選擇要?jiǎng)h除的數(shù)據(jù)取消刪除取消刪除是否刪除是否刪除否更新數(shù)據(jù)是更新數(shù)據(jù)結(jié)束結(jié)束圖3.7信息刪除操作流程圖3.3.5信息修改操作流程這是信息修改操作流程，由于某些原因?qū)е滦畔⑻顚?xiě)錯(cuò)誤時(shí)，需要修改此信息，所以需要選擇要修改的信息，填入修改后的信息，并且判斷修改后的信息是否合法，若合法，即可寫(xiě)入數(shù)據(jù)庫(kù)，關(guān)于信息修改操作流程圖如圖3.8所示：開(kāi)始開(kāi)始選擇所需修改信息選擇所需修改信息輸入修改信息輸入修改信息否是是否合法是否合法寫(xiě)入數(shù)據(jù)庫(kù)寫(xiě)入數(shù)據(jù)庫(kù)結(jié)束結(jié)束圖3.8信息修改操作流程圖第4章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)總體設(shè)計(jì)本次設(shè)計(jì)將在IDEA和微信小程序的開(kāi)發(fā)工具下，采用Java語(yǔ)言、Vue和MySQL數(shù)據(jù)庫(kù)技術(shù)支持下進(jìn)行助教管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。經(jīng)過(guò)詳細(xì)的需求分析和可行性分析，確定了該系統(tǒng)的核心功能模塊：個(gè)人信息管理、助教管理、課程信息管理、課程分類(lèi)管理、教學(xué)視頻管理、視頻類(lèi)型管理、任務(wù)信息管理、助教評(píng)分管理、任務(wù)類(lèi)型管理、任務(wù)完成管理。系統(tǒng)的功能結(jié)構(gòu)如圖4.1所示：助教管理系統(tǒng)助教管理系統(tǒng)任務(wù)類(lèi)型管理助教管理任務(wù)完成管理助教評(píng)分管理個(gè)人信息管理任務(wù)信息管理視頻類(lèi)型管理教學(xué)視頻管理課程分類(lèi)管理課程信息管理任務(wù)類(lèi)型管理助教管理任務(wù)完成管理助教評(píng)分管理個(gè)人信息管理任務(wù)信息管理視頻類(lèi)型管理教學(xué)視頻管理課程分類(lèi)管理課程信息管理圖4.1系統(tǒng)功能結(jié)構(gòu)圖4.2數(shù)據(jù)庫(kù)設(shè)計(jì)4.2.1概念結(jié)構(gòu)設(shè)計(jì)通過(guò)對(duì)用戶(hù)需求的分析，概念結(jié)構(gòu)設(shè)計(jì)可以將其轉(zhuǎn)化為一種可以被理解的信息結(jié)構(gòu)，以便更好地滿(mǎn)足用戶(hù)的需求，并以E-R圖的形式表達(dá)出來(lái)，從而實(shí)現(xiàn)對(duì)用戶(hù)需求的有效把控。1、助教實(shí)體屬性圖，如圖4.2所示。用戶(hù)名用戶(hù)名頭像密碼頭像密碼姓名姓名電話助教電話助教工號(hào)工號(hào)年齡性別年齡性別圖4.2助教實(shí)體屬性圖2、教師實(shí)體屬性圖，如圖4.3所示。性別性別姓名工號(hào)姓名工號(hào)用戶(hù)名電話用戶(hù)名電話教師教師年齡密碼年齡密碼頭像頭像圖4.3教師實(shí)體屬性圖管理員實(shí)體屬性圖，如圖4.4所示。用戶(hù)名用戶(hù)名管理員管理員角色角色密碼密碼圖4.4管理員實(shí)體屬性圖4、課程信息實(shí)體屬性圖，如圖4.5所示。助教賬號(hào)教師姓名助教賬號(hào)教師姓名教師工號(hào)教師工號(hào)編號(hào)課程信息上課地點(diǎn)編號(hào)課程信息上課地點(diǎn)圖片圖片名稱(chēng)課時(shí)名稱(chēng)課時(shí)學(xué)分學(xué)分圖4.5課程信息實(shí)體屬性圖5、任務(wù)信息實(shí)體屬性圖，如圖4.6所示。助教賬號(hào)聯(lián)系電話教師姓名教師工號(hào)助教賬號(hào)聯(lián)系電話教師姓名教師工號(hào)任務(wù)信息發(fā)布日期任務(wù)信息發(fā)布日期名稱(chēng)名稱(chēng)類(lèi)型類(lèi)型內(nèi)容內(nèi)容助教姓名要求要求圖片助教姓名要求要求圖片圖4.6任務(wù)信息實(shí)體屬性圖4.2.2邏輯結(jié)構(gòu)設(shè)計(jì)通過(guò)對(duì)DBMS中的數(shù)據(jù)模型進(jìn)行編碼，可以有效地把抽象的概念變?yōu)榭刹僮鞯哪Ｐ?，從而使E-R圖模型變?yōu)楦泳_的關(guān)聯(lián)模型，而助教管理系統(tǒng)的編碼則可以通過(guò)以下方法來(lái)完善：(1)用戶(hù)表users“用戶(hù)表users”用來(lái)儲(chǔ)存用戶(hù)的信息。其表結(jié)構(gòu)如表4.1所示。表4.1管理員表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵usernamevarchar10用戶(hù)名passwordvarchar10密碼rolevarchar10角色管理員addtimetimestamp新增時(shí)間CURRENT_TIMESTAMP(2)助教表zhujiao“助教表zhujiao”是用來(lái)儲(chǔ)存助教的信息。其表結(jié)構(gòu)如表4.2所示。表4.2助教表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPzhujiaozhanghaovarchar10助教賬號(hào)mimavarchar10密碼zhujiaoxingmingvarchar10助教姓名xingbievarchar10性別nianlingvarchar10年齡touxianglongtext20頭像zhujiaoshoujivarchar20助教手機(jī)jiaoshigonghaovarchar20教師工號(hào)(3)教師表jiaoshi“教師表jiaoshi”是用來(lái)儲(chǔ)存教師信息。其表結(jié)構(gòu)如表4.3所示。表4.3教師表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPjiaoshigonghaovarchar10教師工號(hào)mimavarchar10密碼jiaoshixingmingvarchar10教師姓名xingbievarchar10性別zhaopianlongtext20照片zhichengvarchar10職稱(chēng)lianxidianhuavarchar20聯(lián)系電話zhujiaozhanghaovarchar20助教賬號(hào)(4)課程信息表kechengxinxi“課程信息表kechengxinxi”是一個(gè)用于記錄課程信息的，其表結(jié)構(gòu)如4.4所示表4.4課程信息表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPkechengbianhaovarchar20課程編號(hào)kechengmingchengvarchar20課程名稱(chēng)kechengfenleivarchar20課程分類(lèi)keshivarchar200課時(shí)xuefenint10學(xué)分shangkedidianvarchar20上課地點(diǎn)kechengxiangqinglongtext20課程詳情tupianlongtext20圖片jiaoshigonghaovarchar20教師工號(hào)jiaoshixingmingvarchar20教師姓名zhujiaozhanghaovarchar20助教賬號(hào)(5)課程分類(lèi)表kechengfenlei“課程分類(lèi)表kechengfenlei”是用來(lái)儲(chǔ)存課程分類(lèi)的信息。其表結(jié)構(gòu)如表4.5所示。表4.5課程分類(lèi)表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPkechengfenleivarchar20課程分類(lèi)(6)助教評(píng)分表zhujiaopingfen“助教評(píng)分表zhujiaopingfen”是用來(lái)儲(chǔ)存助教評(píng)分的信息。其表結(jié)構(gòu)如表4.6所示。表4.6助教評(píng)分表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPrenwumingchengvarchar10任務(wù)名稱(chēng)renwuleixingvarchar20任務(wù)類(lèi)型wanchengtupianlongtext20完成圖片renwuyaoqiuvarchar20任務(wù)要求jiaoshigonghaovarchar20教師工號(hào)jiaoshixingmingvarchar10教師姓名zhujiaozhanghaovarchar20助教賬號(hào)zhujiaoxingmingvarchar10助教姓名pingfenshijiandatetime評(píng)分時(shí)間pingjianeironglongtext200評(píng)價(jià)內(nèi)容pingfenint評(píng)分crossuseridbigint跨表用戶(hù)idcrossrefidbigint跨表主鍵id(7)教學(xué)視頻表教學(xué)shipinbiao“教學(xué)視頻表教學(xué)shipinbiao”是用來(lái)儲(chǔ)存教學(xué)視頻的信息。其表結(jié)構(gòu)如表4.7所示。表4.7教學(xué)視頻表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPkechengmingchengvarchar20課程名稱(chēng)shipinlongtext200視頻shipinleixingvarchar20視頻類(lèi)型jiaoshigonghaovarchar20教師工號(hào)jiaoshixingmingvarchar10教師姓名neirongjianjielongtext200內(nèi)容簡(jiǎn)介fengmiantupianlongtext20封面圖片faburiqidate發(fā)布日期(8)視頻類(lèi)型表shipinleixing“視頻類(lèi)型表shipinleixing”是用來(lái)儲(chǔ)存視頻類(lèi)型的信息。其表結(jié)構(gòu)如表4.8所示。表4.8視頻類(lèi)型表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPshipinleixingvarchar20視頻類(lèi)型(9)任務(wù)信息表renwuxinxi“任務(wù)信息表renwuxinxi”是用來(lái)儲(chǔ)存任務(wù)信息。其表結(jié)構(gòu)如表4.9所示。表4.9任務(wù)信息表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPrenwumingchengvarchar任務(wù)名稱(chēng)renwuleixingvarchar20任務(wù)類(lèi)型renwutupianlongtext20任務(wù)圖片renwuyaoqiuvarchar20任務(wù)要求renwuneironglongtext200任務(wù)內(nèi)容wanchengzhuangtaivarchar10完成狀態(tài)faburiqidate10發(fā)布日期jiaoshigonghaovarchar20教師工號(hào)jiaoshixingmingvarchar10教師姓名lianxidianhuavarchar20聯(lián)系電話zhujiaozhanghaovarchar20助教賬號(hào)zhujiaoxingmingvarchar10助教姓名zhujiaoshoujivarchar20助教手機(jī)sfshvarchar20是否審核待審核shhflongtext200審核回復(fù)(10)任務(wù)完成表renwuwancheng“任務(wù)完成表renwuwancheng”是用來(lái)儲(chǔ)存任務(wù)完成的信息。其表結(jié)構(gòu)如表4.10所示。表4.10任務(wù)完成表字段名稱(chēng)類(lèi)型長(zhǎng)度字段說(shuō)明主鍵默認(rèn)值idbigint編號(hào)主鍵addtimetimestamp創(chuàng)建時(shí)間CURRENT_TIMESTAMPrenwumingchengvarchar20任務(wù)名稱(chēng)renwuleixingvarchar20任務(wù)類(lèi)型renwuyaoqiuvarchar20任務(wù)要求jiaoshigonghaovarchar10教師工號(hào)jiaoshixingmingvarchar10教師姓名lianxidianhuavarchar20聯(lián)系電話zhujiaozhanghaovarchar20助教賬號(hào)zhujiaoxingmingvarchar10助教姓名zhujiaoshoujivarchar20助教手機(jī)wanchengtupianlongtext20完成圖片wanchengshijiandatetime完成時(shí)間wanchengneironglongtext200完成內(nèi)容第5章系統(tǒng)實(shí)現(xiàn)5.1登錄注冊(cè)首次使用該系統(tǒng)時(shí)，教師需要輸入賬號(hào)、密碼、姓名、年齡、手機(jī)等信息進(jìn)行注冊(cè)，當(dāng)輸入注冊(cè)信息后，教師需要確保輸入信息的真實(shí)性，并且需要對(duì)所輸信息進(jìn)行判斷是否符合規(guī)定，若符合規(guī)定，即可注冊(cè)成功，若不符合規(guī)定，則需要重新輸入以上信息，其教師注冊(cè)界面如圖5.1所示，注冊(cè)成功后，將跳轉(zhuǎn)回登錄界面，這時(shí)將剛注冊(cè)的賬號(hào)和密碼輸入，教師登錄界面如圖5.2所示，點(diǎn)擊登錄按鈕，將會(huì)完成此次登錄。圖5.1教師注冊(cè)界面圖5.2教師登錄界面管理員不需要注冊(cè)賬號(hào)，只有一個(gè)特定賬號(hào)（賬號(hào)：admin，密碼：admin），當(dāng)管理員在登錄界面輸入賬號(hào)和密碼并選擇登錄角色，確認(rèn)所輸信息正確，將登錄成功跳轉(zhuǎn)首頁(yè)。管理員登錄界面如圖5.3所示。圖5.3管理員登錄界面當(dāng)助教首次進(jìn)入系統(tǒng)時(shí)，助教注冊(cè)需要輸入助教賬號(hào)、姓名、密碼、姓名、年齡、助教手機(jī)等信息，當(dāng)輸入注冊(cè)信息后，需要對(duì)所輸信息進(jìn)行判斷是否符合規(guī)定，若符合規(guī)定，即可注冊(cè)成功，若不符合規(guī)定，則需要重新輸入信息，助教注冊(cè)界面如圖5.4所示；注冊(cè)成功后，助教進(jìn)行登錄操作時(shí)，需要輸入賬號(hào)和密碼，然后單擊“登錄”按鈕，即進(jìn)入首頁(yè)如圖5.5所示。圖5.4助教注冊(cè)界面圖5.5首頁(yè)界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。@IgnoreAuth @RequestMapping(value="/login") publicRlogin(Stringusername,Stringpassword,Stringcaptcha,HttpServletRequestrequest){ JiaoshiEntityuser=JiaoshiService.selectOne(newEntityWrapper<JiaoshiEntity>().eq("Jiaoshizhanghao",username)); if(user==null||!user.getMima().equals(password)){ returnR.error("賬號(hào)或密碼不正確"); } Stringtoken=tokenService.generateToken(user.getId(),username,"Jiaoshi","教師"); returnR.ok().put("token",token); } @IgnoreAuth@RequestMapping("/register")publicRregister(@RequestBodyJiaoshiEntityJiaoshi){ //ValidatorUtils.validateEntity(Jiaoshi); JiaoshiEntityuser=JiaoshiService.selectOne(newEntityWrapper<JiaoshiEntity>().eq("Jiaoshizhanghao",Jiaoshi.getJiaoshizhanghao())); if(user!=null){ returnR.error("注冊(cè)用戶(hù)已存在"); } LonguId=newDate().getTime(); Jiaoshi.setId(uId);JiaoshiService.insert(Jiaoshi);returnR.ok();}5.2個(gè)人信息管理教師登錄成功進(jìn)入系統(tǒng)后，點(diǎn)擊“個(gè)人中心”按鈕，進(jìn)入個(gè)人中心界面，可以對(duì)個(gè)人信息進(jìn)行修改和查看。教師個(gè)人信息界面如圖5.6所示。圖5.6教師個(gè)人信息界面助教登錄成功進(jìn)入系統(tǒng)后，點(diǎn)擊“我的—個(gè)人信息”，進(jìn)入個(gè)人中心界面，可以對(duì)個(gè)人信息進(jìn)行修改和保存。助教個(gè)人信息界面如圖5.7所示。圖5.7助教個(gè)人信息界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.jiaoshigonghao)){this.$utils.msg(`教師工號(hào)不能為空`);return}if((!this.ruleForm.mima)){this.$utils.msg(`教師職稱(chēng)不能為空`);return}if((!this.ruleForm.jiaoshixingming)){this.$utils.msg(`教師姓名不能為空`);return}if(this.ruleForm.lianxidianhua&&(!this.$validate.isMobile(this.ruleForm.lianxidianhua))){this.$utils.msg(`聯(lián)系電話應(yīng)輸入手機(jī)格式`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`jiaoshi`,params);if(res.data.total>=crossoptnum){this.$utils.msg(uni.getStorageSync('tips'));returnfalse;}else{//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`jiaoshi`,this.ruleForm);}else{awaitthis.$api.add(`jiaoshi`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.3助教管理以教師身份登錄到前臺(tái)界面中，進(jìn)入助教管理界面，如圖5.8所示?？梢暂斎胫藤~號(hào)進(jìn)行查詢(xún)，也可以對(duì)助教信息進(jìn)行修改、刪除和發(fā)布任務(wù)，若要對(duì)助教發(fā)布任務(wù)，需要選擇某個(gè)助教，點(diǎn)擊“發(fā)布任務(wù)按鈕”，即可進(jìn)入發(fā)布任務(wù)界面。發(fā)布任務(wù)界面如圖5.9所示。圖5.8助教管理界面圖5.9發(fā)布任務(wù)界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。if((!this.ruleForm.zhujiaozhanghao)){this.$utils.msg(`助教賬號(hào)不能為空`);return}if((!this.ruleForm.mima)){this.$utils.msg(`密碼不能為空`);return}if((!this.ruleForm.touxiang)){this.$utils.msg(`頭像不能為空`);return}if(this.ruleForm.zhujiaoshouji&&(!this.$validate.isMobile(this.ruleForm.zhujiaoshouji))){this.$utils.msg(`助教手機(jī)應(yīng)輸入手機(jī)格式`);return}if((!this.ruleForm.jiaoshigonghao)){this.$utils.msg(`教師工號(hào)不能為空`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`zhujiao`,params);if(res.data.total>=crossoptnum){this.$utils.msg(uni.getStorageSync('tips'));returnfalse;}else{//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`zhujiao`,this.ruleForm);}else{awaitthis.$api.add(`zhujiao`,this.ruleForm);}this.$utils.msgBack('提交成功');5.4課程信息管理以教師身份登錄到前臺(tái)界面中，進(jìn)入課程信息管理界面，可以輸入課程名稱(chēng)、教師工號(hào)進(jìn)行查詢(xún)，也可以對(duì)課程信息進(jìn)行修改、刪除和查看詳情，課程信息管理界面如圖5.10所示。如果想更改課程內(nèi)容，請(qǐng)選擇“修改”，然后點(diǎn)擊“修改”按鈕，即可進(jìn)入更新頁(yè)面。在這里，您可以輸入想更改的內(nèi)容，如圖5.11所示。圖5.10課程信息管理界面圖5.11修改課程信息界面以助教身份登錄到小程序中，進(jìn)入課程信息界面，點(diǎn)擊并進(jìn)入，可以看到教師對(duì)已發(fā)布課程的分類(lèi)，以便查看課程，助教查看課程信息界面如圖5.12所示。圖5.12助教查看課程信息界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.kechengmingcheng)){this.$utils.msg(`課程名稱(chēng)不能為空`);return}if(this.ruleForm.xuefen&&(!this.$validate.isIntNumer(this.ruleForm.xuefen))){this.$utils.msg(`學(xué)分應(yīng)輸入整數(shù)`);return}if((!this.ruleForm.tupian)){this.$utils.msg(`圖片不能為空`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`kechengxinxi`,params);if(res.data.total>=crossoptnum){this.$utils.msg(uni.getStorageSync('tips'));returnfalse;}else{//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`kechengxinxi`,this.ruleForm);}else{awaitthis.$api.add(`kechengxinxi`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.5課程分類(lèi)管理以管理員身份登錄到后臺(tái)系統(tǒng)中，點(diǎn)擊“課程分類(lèi)”按鈕，進(jìn)入課程分類(lèi)管理界面，如需查找課程，需要在課程分類(lèi)處輸入，點(diǎn)擊查詢(xún)按鈕找到課程，還可以對(duì)課程分類(lèi)類(lèi)型進(jìn)行添加、修改、刪除、查看詳情等操作。課程分類(lèi)管理界面如圖5.13所示。圖5.13課程分類(lèi)管理界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.kechengfenlei)){this.$utils.msg(`課程分類(lèi)不能為空`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`kechengfenlei`,params);if(res.data.total>=crossoptnum){this.$utils.msg(uni.getStorageSync('tips'));returnfalse;}else{//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`kechengfenlei`,this.ruleForm);}else{awaitthis.$api.add(`kechengfenlei`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.6教學(xué)視頻管理以管理員身份登錄到后臺(tái)系統(tǒng)中，點(diǎn)擊“教學(xué)視頻”按鈕，進(jìn)入教學(xué)視頻管理界面，如需查找視頻，需要輸入課程視頻名稱(chēng)和教師工號(hào)，點(diǎn)擊“查詢(xún)”，找到所需教學(xué)視頻類(lèi)型，還可以對(duì)教學(xué)視頻類(lèi)型進(jìn)行添加、修改、刪除等操作。教學(xué)視頻管理界面如圖5.14所示。圖5.14教學(xué)視頻管理界面以助教登錄到小程序中，點(diǎn)擊進(jìn)入教學(xué)視頻列表界面，輸入課程名稱(chēng)，選擇查詢(xún)找到教學(xué)視頻類(lèi)型，助教查看教學(xué)視頻界面如圖5.15所示。圖5.15助教查看教學(xué)視頻界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.kechengmingcheng)){this.$utils.msg(`課程名稱(chēng)不能為空`);return}if((!this.ruleForm.fengmiantupian)){this.$utils.msg(`封面圖片不能為空`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`jiaoxueshipin`,params);if(res.data.total>=crossoptnum){this.$utils.msg(uni.getStorageSync('tips'));returnfalse;}else{//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`jiaoxueshipin`,this.ruleForm);}else{awaitthis.$api.add(`jiaoxueshipin`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.7視頻類(lèi)型管理后臺(tái)系統(tǒng)中的視頻類(lèi)型界面上，管理員可以通過(guò)輸入視頻類(lèi)型來(lái)查詢(xún)到各種不同的視頻類(lèi)型，還可以對(duì)視頻類(lèi)型信息進(jìn)行添加、修改、刪除和查看詳細(xì)信息。視頻類(lèi)型管理界面如圖5.16所示。圖5.16視頻類(lèi)型管理界面以助教身份登錄到小程序中，選擇“我的”頁(yè)面中的“視頻類(lèi)型”按鈕，進(jìn)入視頻類(lèi)型界面，輸入名稱(chēng)，選擇查詢(xún)找到視頻類(lèi)型信息，還可以對(duì)視頻類(lèi)型信息進(jìn)行添加、修改等操作。助教視頻類(lèi)型界面如圖5.17所示：圖5.17助教視頻類(lèi)型界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。//多選selectionChangeHandler(val){this.dataListSelections=val;},//添加/修改addOrUpdateHandler(id,type){this.showFlag=false;this.addOrUpdateFlag=true;this.crossAddOrUpdateFlag=false;if(type!='info'){type='else';}this.$nextTick(()=>{this.$refs.addOrUpdate.init(id,type);});},//下載download(file){window.open(`${file}`)},//刪除deleteHandler(id){varids=id?[Number(id)]:this.dataListSelections.map(item=>{returnNumber(item.id);});this.$confirm(`確定進(jìn)行[${id?"刪除":"批量刪除"}]操作?`,"提示",{confirmButtonText:"確定",cancelButtonText:"取消",type:"warning"}).then(()=>{this.$http({url:"shipinleixing/delete",method:"post",data:ids}).then(({data})=>{if(data&&data.code===0){this.$message({message:"操作成功",type:"success",duration:1500,onClose:()=>{this.search();}});5.8任務(wù)信息管理以教師身份登錄到系統(tǒng)后，點(diǎn)擊“任務(wù)信息”按鈕，進(jìn)入任務(wù)信息管理界面，如需查找任務(wù)信息，需要輸入任務(wù)名稱(chēng)、任務(wù)類(lèi)型、完成狀態(tài)、是否通過(guò)，點(diǎn)擊“查詢(xún)”，找到所需任務(wù)信息，還可以對(duì)任務(wù)信息進(jìn)行修改、刪除、查看詳情等操作。任務(wù)信息管理界面如圖5.18所示。圖5.18任務(wù)信息管理界面以助教身份登錄到小程序中，選擇“我的”頁(yè)面中的“任務(wù)信息”按鈕，點(diǎn)擊進(jìn)入任務(wù)信息界面，輸入任務(wù)名稱(chēng)，選擇查詢(xún)找到任務(wù)信息，助教任務(wù)信息界面如圖5.19所示：圖5.19助教任務(wù)信息界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.renwumingcheng)){this.$utils.msg(`任務(wù)名稱(chēng)不能為空`);return}if((!this.ruleForm.renwuleixing)){this.$utils.msg(`任務(wù)類(lèi)型不能為空`);return}if((!this.ruleForm.renwutupian)){this.$utils.msg(`任務(wù)圖片不能為空`);return}if((!this.ruleForm.wanchengzhuangtai)){this.$utils.msg(`完成狀態(tài)不能為空`);return}//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`renwuxinxi`,this.ruleForm);}else{awaitthis.$api.add(`renwuxinxi`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.9任務(wù)完成管理以管理員身份登錄到后臺(tái)系統(tǒng)中，點(diǎn)擊“任務(wù)完成”按鈕，進(jìn)入到任務(wù)完成界面，如需查找已完成任務(wù)，需要輸入任務(wù)名稱(chēng)、任務(wù)類(lèi)型和教師姓名，點(diǎn)擊查詢(xún)找到特定的任務(wù)完成信息，還可以進(jìn)行修改、刪除、查看詳細(xì)信息等操作。管理員任務(wù)完成管理界面如圖5.20所示。圖5.20管理員任務(wù)完成管理界面以教師身份登錄到前臺(tái)系統(tǒng)中，選擇任務(wù)完成管理下的“任務(wù)完成”按鈕，進(jìn)入任務(wù)完成界面，如需查找已完成的任務(wù)，需要輸入任務(wù)名稱(chēng)、任務(wù)類(lèi)型和教師姓名，點(diǎn)擊“查詢(xún)”，找到所需信息。還可以進(jìn)行查看詳細(xì)信息、助教評(píng)分等操作。教師任務(wù)完成管理界面如圖5.21所示。圖5.21教師任務(wù)完成管理界面以助教身份登錄到小程序中，點(diǎn)擊“我的”頁(yè)面中的“任務(wù)完成”按鈕，進(jìn)入任務(wù)信息列表界面，如需查找已完成任務(wù)，需要輸入任務(wù)名稱(chēng)進(jìn)行查詢(xún)，還可以進(jìn)行查看詳細(xì)信息等操作。助教任務(wù)完成界面如圖5.22所示。圖5.22助教任務(wù)完成界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.wanchengtupian)){this.$utils.msg(`完成圖片不能為空`);return}//跨表計(jì)算if(this.ruleForm.id){awaitthis.$api.update(`renwuwancheng`,this.ruleForm);}else{awaitthis.$api.add(`renwuwancheng`,this.ruleForm);}this.$utils.msgBack('提交成功');}5.10助教評(píng)分管理以教師身份登錄到系統(tǒng)后，選擇助教評(píng)分管理下的“助教評(píng)分”按鈕，輸入任務(wù)名稱(chēng)，選擇查詢(xún)找到課程信息，還可以進(jìn)行修改、刪除、批量刪除、查看詳細(xì)信息等操作。助教評(píng)分管理界面如圖5.23所示。如需修改分?jǐn)?shù)，點(diǎn)擊“修改”按鈕，進(jìn)入助教評(píng)分修改界面，即可對(duì)分?jǐn)?shù)進(jìn)行修改，修改完成時(shí)需點(diǎn)擊提交。助教評(píng)分修改界面如5.24所示。圖5.23助教評(píng)分管理界面圖5.24助教評(píng)分修改界面實(shí)現(xiàn)該功能的關(guān)鍵代碼如下。varobj;if((!this.ruleForm.pingfen)){this.$utils.msg(`評(píng)分不能為空`);return}if(this.ruleForm.pingfen&&(!this.$validate.isIntNumer(this.ruleForm.pingfen))){this.$utils.msg(`評(píng)分應(yīng)輸入整數(shù)`);return}//更新跨表屬性varcrossuserid;varcrossrefid;varcrossoptnum;if(this.cross){varstatusColumnName=uni.getStorageSync('statusColumnName');varstatusColumnValue=uni.getStorageSync('statusColumnValue');if(statusColumnName!=''){if(!obj){obj=uni.getStorageSync('crossObj');}if(!statusColumnName.startsWith("[")){for(varoinobj){if(o==statusColumnName){obj[o]=statusColumnValue;}}vartable=uni.getStorageSync('crossTable');awaitthis.$api.update(`${table}`,obj);}else{crossuserid=Number(uni.getStorageSync('userid'));crossrefid=obj['id'];crossoptnum=uni.getStorageSync('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,"");}}}if(crossrefid&&crossuserid){this.ruleForm.crossuserid=crossuserid;this.ruleForm.crossrefid=crossrefid;letparams={page:1,limit:10,crossuserid:crossuserid,crossrefid:crossrefid,}letres=awaitthis.$api.list(`zhujiaopingfen`,params);if(res.