基于MVC框架的英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)設(shè)計(jì)

劉海燕

摘要：英語(yǔ)在線(xiàn)學(xué)習(xí)因其具有形式靈活、價(jià)格低廉、無(wú)地域限制等特點(diǎn)，被廣大英語(yǔ)愛(ài)好者所青睞。根據(jù)英語(yǔ)學(xué)習(xí)者實(shí)際需求，結(jié)合MVC框架、三層架構(gòu)開(kāi)發(fā)了英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)，實(shí)現(xiàn)了用戶(hù)服務(wù)、教務(wù)管理、在線(xiàn)學(xué)習(xí)、運(yùn)營(yíng)管理、課程推薦五大功能，為英語(yǔ)學(xué)習(xí)者和平臺(tái)管理者提供了全方位的在線(xiàn)服務(wù)，并為在線(xiàn)學(xué)習(xí)平臺(tái)的開(kāi)發(fā)和優(yōu)化提供了參考。

關(guān)鍵詞：在線(xiàn)平臺(tái);MVC框架;JAVA語(yǔ)言;英語(yǔ)學(xué)習(xí)

中圖分類(lèi)號(hào)：G643

文獻(xiàn)標(biāo)志碼：A

DesignofEnglishOnlineLearningPlatformBasedonMVCFramework

LIUHaiyan

（SchoolofForeignLanguages，YulinUniversity，Yulin400000，China）

Abstract：EnglishonlinelearningisfavoredbyEnglishloversbecauseofitsflexibleform，lowpriceandnoregionalrestrictions.AccordingtotheactualneedsofEnglishlearners，combinedwithMVCframeworkandthreetierarchitecture，thispaperdevelopsanEnglishonlinelearningplatformtorealizesfivefunctions，i.e.，userservice，educationaladministrationmanagement，onlinelearning，operationmanagementandcourserecommendation，andprovidesallroundonlineservicesforEnglishlearnersandplatformmanagers.Thisresearchprovidesareferenceforthedevelopmentandoptimizationofonlinelearningplatform.

Keywords：onlineplatform;MVCframework;Javalanguage;Englishlearning

0引言

互聯(lián)網(wǎng)技術(shù)的發(fā)展為在線(xiàn)英語(yǔ)學(xué)習(xí)平臺(tái)的開(kāi)發(fā)和運(yùn)營(yíng)提供了支撐。當(dāng)前，比較成熟的在線(xiàn)英語(yǔ)學(xué)習(xí)平臺(tái)如VIPKID、51TALK、StorylineOnline等[1]，這些平臺(tái)打破了傳統(tǒng)英語(yǔ)培訓(xùn)機(jī)構(gòu)的地域限制，以其靈活多變、價(jià)格低廉等特點(diǎn)為更多英語(yǔ)學(xué)習(xí)者提供了幫助。但這些平臺(tái)在用戶(hù)服務(wù)、教務(wù)管理、在線(xiàn)學(xué)習(xí)、運(yùn)營(yíng)以及推薦功能上都存在一定的缺陷，本文利用JAVA語(yǔ)言結(jié)合MVC框架開(kāi)發(fā)了英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)，為英語(yǔ)學(xué)習(xí)者提供一個(gè)更好平臺(tái)。

1系統(tǒng)總體設(shè)計(jì)

結(jié)合前一階段筆者對(duì)系統(tǒng)的需求分析，針對(duì)英語(yǔ)學(xué)習(xí)者的針對(duì)性和個(gè)性化服務(wù)，采用MVC三層架構(gòu)開(kāi)發(fā)英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)，三層架構(gòu)如圖1所示。

英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)總體技術(shù)框架如圖2所示。

其中，平臺(tái)運(yùn)營(yíng)模塊、學(xué)習(xí)模塊、教務(wù)管理模塊和用戶(hù)服務(wù)模塊采用PC端瀏覽器進(jìn)行用戶(hù)的互動(dòng)。用戶(hù)通過(guò)表單形式向服務(wù)器發(fā)送連接請(qǐng)求，完成通訊的建立。MVC框架可為系統(tǒng)提供完整的視圖解析功能，可將JSP模板引擎是配到

該框架中，且支持XML方式和注解方式的應(yīng)用程序。系統(tǒng)自身業(yè)務(wù)邏輯模型、圖片視頻語(yǔ)音傳輸模塊和推薦模塊部署在后臺(tái)服務(wù)器中，可為系統(tǒng)用戶(hù)提供高效的服務(wù)。在MySOL數(shù)據(jù)庫(kù)中存儲(chǔ)業(yè)務(wù)邏輯數(shù)據(jù)，MongoDB數(shù)據(jù)庫(kù)中存儲(chǔ)非結(jié)構(gòu)化的資源數(shù)據(jù)。該平臺(tái)前端采用VUE框架開(kāi)發(fā)，并采用JSON數(shù)據(jù)格式與后臺(tái)進(jìn)行數(shù)據(jù)交互，大大縮短了系統(tǒng)開(kāi)發(fā)的迭代周期。

2關(guān)鍵功能設(shè)計(jì)及實(shí)現(xiàn)

系統(tǒng)功能結(jié)構(gòu)，如圖3所示。

包括5個(gè)模塊，即用戶(hù)服務(wù)模塊、在線(xiàn)學(xué)習(xí)模塊、平臺(tái)運(yùn)營(yíng)模塊、教務(wù)管理模塊和推薦系統(tǒng)模塊。功能設(shè)計(jì)與實(shí)現(xiàn)如下。

2.1用戶(hù)服務(wù)模塊

用戶(hù)服務(wù)模塊是英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)的核心模塊，用戶(hù)可通過(guò)該模塊實(shí)現(xiàn)平臺(tái)賬戶(hù)注冊(cè)、登錄以及修改個(gè)人信息，同時(shí)還能夠?yàn)橛脩?hù)提供課程設(shè)置功能。管理員也可通過(guò)該模塊進(jìn)行角色管理和用戶(hù)權(quán)限劃分。模塊流程如圖4所示。

用戶(hù)服務(wù)模塊由5個(gè)核心類(lèi)組成，其中RegiestServlet負(fù)責(zé)處理用戶(hù)的注冊(cè)請(qǐng)求，LoingServlet處理用戶(hù)登錄請(qǐng)求。API中的HttpServlet接口通過(guò)Servlet層實(shí)現(xiàn)，可接收用戶(hù)發(fā)送的get、post請(qǐng)求。注冊(cè)登錄過(guò)程中，系統(tǒng)首先檢驗(yàn)用戶(hù)輸入信息的正確性，如果正確才能調(diào)用Servlet層中的相應(yīng)功能[2]。該模塊為不同用戶(hù)分配了不同的權(quán)限，通過(guò)Servlet類(lèi)調(diào)用UserService類(lèi)中的查詢(xún)方法，匹配用戶(hù)權(quán)限，并將結(jié)果反饋至系統(tǒng)前端。

2.2教務(wù)管理模塊

教務(wù)管理模塊分為5個(gè)子功能，即班主任管理、課程統(tǒng)計(jì)、排課管理、學(xué)生管理以及班級(jí)管理，主要負(fù)責(zé)學(xué)習(xí)者和教學(xué)工作的管理，如圖5所示。

LoginServlet類(lèi)可操作后臺(tái)CGI程序與用戶(hù)請(qǐng)求映射類(lèi)，登錄后根據(jù)用戶(hù)賬戶(hù)權(quán)限判斷用戶(hù)類(lèi)型，并分配響應(yīng)的頁(yè)面。平臺(tái)教務(wù)管理員用戶(hù)可通過(guò)班級(jí)管理子功能查看課程安排情況和學(xué)生所在在班級(jí)。通過(guò)ListView顯示班級(jí)列表，采用ViewPaper和Fragment對(duì)課程安排情況進(jìn)行加載。

2.3在線(xiàn)學(xué)習(xí)模塊

該模塊為學(xué)習(xí)者用戶(hù)提供所有的課程計(jì)劃，學(xué)習(xí)者可根據(jù)自己的需求進(jìn)入相應(yīng)的課程直播課堂與教師進(jìn)行互動(dòng)。在線(xiàn)學(xué)習(xí)模塊還為用戶(hù)提供了直播回放和留言功能，以便對(duì)課堂所學(xué)進(jìn)行溫習(xí)和反饋，如圖6所示。

該模塊采用分層設(shè)計(jì)方法，邏輯層和數(shù)據(jù)層是相互獨(dú)立的兩個(gè)層。Course和User兩個(gè)數(shù)據(jù)模型類(lèi)可將數(shù)據(jù)庫(kù)中的數(shù)據(jù)傳輸至平臺(tái)前端視圖層。CourseLIst和Student兩個(gè)作

為邏輯服務(wù)類(lèi)，可為用戶(hù)提供在線(xiàn)學(xué)習(xí)的邏輯業(yè)務(wù)，并采用remove和add方法可對(duì)學(xué)習(xí)計(jì)劃進(jìn)行更新[3]。用戶(hù)登錄該模塊后可進(jìn)入相應(yīng)的學(xué)習(xí)空間，調(diào)用getCourseLIst方法獲得學(xué)習(xí)計(jì)劃列表，進(jìn)入直播間學(xué)習(xí)。

2.4平臺(tái)運(yùn)營(yíng)模塊

該模塊可更新和查看平臺(tái)動(dòng)態(tài)，為系統(tǒng)內(nèi)容提供保障，分為視頻直播線(xiàn)路保障單元、平臺(tái)運(yùn)營(yíng)市場(chǎng)分析單元和客戶(hù)服務(wù)單元[4]。因?yàn)槊總€(gè)單元的流程大致相似，只列出重要流程，如圖7所示。

平臺(tái)運(yùn)營(yíng)模塊嚴(yán)格按照MVC框架進(jìn)行設(shè)計(jì)，在系統(tǒng)前端瀏覽器的用戶(hù)發(fā)送請(qǐng)求后，通過(guò)控制層、服務(wù)層和數(shù)據(jù)持久層，最終將服務(wù)器的反饋結(jié)果顯示在系統(tǒng)前端。該模塊用戶(hù)分為客服人員和運(yùn)營(yíng)人員，對(duì)于的類(lèi)分別為Staff和Manager。ManagerService類(lèi)提供運(yùn)營(yíng)人員的所有操作，根據(jù)不同Type參數(shù)，利用getStatistics獲得不同的數(shù)據(jù)統(tǒng)計(jì)結(jié)果，例如“sale”字符串對(duì)應(yīng)的平臺(tái)銷(xiāo)售信息，“video”字符串對(duì)于視頻線(xiàn)路信息。該模塊根據(jù)用戶(hù)ID的權(quán)限甄別用戶(hù)所屬組別，并分配對(duì)于頁(yè)面。通過(guò)調(diào)用getStatistics方法調(diào)用來(lái)自MongoDB數(shù)據(jù)庫(kù)中的視頻信息，并利用Video類(lèi)對(duì)非結(jié)構(gòu)化視頻進(jìn)行封裝后展示給用戶(hù)[5]。

2.5推薦系統(tǒng)模塊

StudentDao類(lèi)作用數(shù)據(jù)庫(kù)操作類(lèi)對(duì)數(shù)據(jù)庫(kù)語(yǔ)言進(jìn)行封裝，并實(shí)現(xiàn)與Service層進(jìn)行數(shù)據(jù)交互。StudentTuiJian類(lèi)是系統(tǒng)后臺(tái)的邏輯服務(wù)類(lèi)，能夠?yàn)橛脩?hù)推薦相應(yīng)的課程。根據(jù)不同的推薦參數(shù)的不同，StudentTuiJian類(lèi)中的getStatistic方法可獲得不同的推薦信息。Remark方法可對(duì)課程進(jìn)行評(píng)論，approve方法對(duì)課程進(jìn)行點(diǎn)贊。getStatistic方法可統(tǒng)計(jì)點(diǎn)贊和評(píng)論的評(píng)價(jià)情況，實(shí)現(xiàn)對(duì)用戶(hù)課程的精準(zhǔn)預(yù)測(cè)和推薦。

該模塊采用產(chǎn)品協(xié)同過(guò)濾算法和用戶(hù)協(xié)同過(guò)濾算法相結(jié)合的方法進(jìn)行課程推薦。產(chǎn)品協(xié)同過(guò)濾算法采用余弦相似算法根據(jù)產(chǎn)品屬性（授課時(shí)間、課程級(jí)別、銷(xiāo)售情況以及產(chǎn)品分類(lèi)）計(jì)算課程相似度，作為推薦模型的向量;用戶(hù)協(xié)同過(guò)濾算法可根據(jù)用戶(hù)屬性（年齡、課程打分情況、性別）計(jì)算用戶(hù)相似度，以此得出點(diǎn)擊量、偏好、年齡等推薦向量[6]。結(jié)合上述兩種算法推薦結(jié)果相結(jié)合，評(píng)判相似用戶(hù)中是否有相同的課程點(diǎn)擊操作，并將同類(lèi)結(jié)果反饋給前端界面。

此外，為了驗(yàn)證推薦的準(zhǔn)確性，本模塊采用TopN算法進(jìn)行判斷。實(shí)現(xiàn)公式如下：

Recall=BnBn+Qn

其中，Qn代表實(shí)際推薦結(jié)果為正值、預(yù)測(cè)結(jié)果為負(fù)值;Bn代表實(shí)際推薦結(jié)果和預(yù)測(cè)結(jié)果均為正值;Recall為準(zhǔn)確度，該值越高說(shuō)明準(zhǔn)確度越高。

3總結(jié)

本文根據(jù)英語(yǔ)學(xué)習(xí)者實(shí)際需求設(shè)計(jì)了英語(yǔ)在線(xiàn)學(xué)習(xí)平臺(tái)。該平臺(tái)能夠根據(jù)用戶(hù)ID自動(dòng)識(shí)別系統(tǒng)使用權(quán)限，根據(jù)不同的權(quán)限進(jìn)入相應(yīng)的功能進(jìn)行學(xué)習(xí)和操作。主要實(shí)現(xiàn)用戶(hù)課程設(shè)置、教務(wù)管理、視頻直播在線(xiàn)學(xué)習(xí)、平臺(tái)運(yùn)營(yíng)管理和課程推薦等功能。該系統(tǒng)有效解決了傳統(tǒng)英語(yǔ)培訓(xùn)機(jī)構(gòu)地域限制、碎片化時(shí)間利用不充分等問(wèn)題，為用戶(hù)提供了全方位英語(yǔ)學(xué)習(xí)在線(xiàn)服務(wù)。

參考文獻(xiàn)

[1]楊雙.基于SOEASY在線(xiàn)平臺(tái)的高職英語(yǔ)AB級(jí)考試輔導(dǎo)模式探究[J].江蘇經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2019（6）：9192.

[2]許燕.基于小程序的在線(xiàn)少兒英語(yǔ)學(xué)習(xí)平臺(tái)的研究與設(shè)計(jì)[J].軟件，2019，40（5）：249252.

[3]賈巍巍.iSmart外語(yǔ)智能學(xué)習(xí)平臺(tái)的開(kāi)發(fā)與應(yīng)用[J].中國(guó)大學(xué)教學(xué)，2019（3）：8487.

[4]鄧清怡.基于學(xué)習(xí)平臺(tái)的英語(yǔ)啟蒙教育商業(yè)模式的探討[J].現(xiàn)代營(yíng)銷(xiāo)（經(jīng)營(yíng)版），2019（2）：55.

[5]夏金龍，崔曉霞.基于在線(xiàn)學(xué)習(xí)平臺(tái)的高職公共英語(yǔ)CLIL教學(xué)改革探析[J].內(nèi)江科技，2018，39（8）：157158.

[6]杜玉文.基于Blackboard網(wǎng)絡(luò)平臺(tái)的醫(yī)學(xué)英語(yǔ)自主學(xué)習(xí)課程建設(shè)[J].醫(yī)學(xué)教育研究與實(shí)踐，2018，26（2）：284287.

（收稿日期：2020.04.29）