1基于微信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)系統(tǒng)設(shè)計(jì) 12需求分析與實(shí)施方案 42.1可行性分析 42.2功能需求分析 5 63系統(tǒng)設(shè)計(jì) 9 9 144.1小程序用戶端 4.2管理端 205系統(tǒng)測(cè)試 265.1測(cè)試目的 265.2測(cè)試方法 265.3測(cè)試結(jié)果 27 28 286.2改進(jìn)要求及目標(biāo) 281.1課題的來(lái)源、現(xiàn)狀和內(nèi)容在這幾年的時(shí)間里面，網(wǎng)絡(luò)以及科技它們兩個(gè)的發(fā)展在我們國(guó)家是非常快的，特別多的普通人民都比較喜歡在自己的電腦上去找一找自己喜歡的信息和資料。本網(wǎng)絡(luò)課程在線學(xué)習(xí)小程序的出現(xiàn)和設(shè)計(jì)，對(duì)于我們的大多數(shù)的普通的用戶來(lái)說(shuō)都是有特別大的幫助的，而且對(duì)于管理者來(lái)說(shuō)也是一個(gè)特別好的事情。這個(gè)網(wǎng)站的建立也是和數(shù)據(jù)庫(kù)進(jìn)行了進(jìn)一步的聯(lián)合，從而也演變成了普通的大眾用戶以及管理者之間的一個(gè)特別好的連接以及達(dá)成相互之間交易的一個(gè)舞臺(tái)。所以經(jīng)過(guò)了本人對(duì)于這個(gè)網(wǎng)站的一些實(shí)以及具體的情況做出來(lái)的一個(gè)分析來(lái)看的話，并且也對(duì)于實(shí)際以及正真意義上的使用這個(gè)網(wǎng)站的群體來(lái)看的話，本人也最終做出了一個(gè)特別詳細(xì)且形象的計(jì)劃，來(lái)完成這個(gè)網(wǎng)站的制作。因?yàn)檫@個(gè)網(wǎng)站的設(shè)立的目標(biāo)2尤其是微信在我國(guó)的大量普及，讓微信小程序在我們國(guó)家的普及率越來(lái)越高了，很多公司也做出來(lái)的越來(lái)越多的小程序，也投入了普通的大眾群體的使用中來(lái)，信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)系統(tǒng)上面所有的操作行為以及功能做了一下解析342.1可行性分析(1)硬件可行性分析(2)軟件可行性分析實(shí)際狀況，選用了java為本系統(tǒng)開(kāi)發(fā)技術(shù)。經(jīng)過(guò)以上分析后，該軟件系統(tǒng)的設(shè)所以，當(dāng)我們同時(shí)完成了2個(gè)方面的研究，就可以看出，該系統(tǒng)的研究是毫52.2功能需求分析本基于微信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)系統(tǒng)上2.2.2功能需求小程序制作特別重要的一個(gè)大的前提就是要對(duì)這個(gè)小程序上所有的一個(gè)功6順利利的完成本基于微信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)的制作并且讓用這個(gè)小程序的人都有一個(gè)特別好的感覺(jué)就要把所有的事情在前面都做好?；谖⑿诺刃〕绦蜷_(kāi)發(fā)的網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)，主要是為提升使用者的學(xué)習(xí)效果和更方便的滿足用戶，更好保存各種數(shù)據(jù)信息和快速便捷的搜索功能，對(duì)網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)的各個(gè)模塊特別是通過(guò)對(duì)許多今天的最先進(jìn)網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)，本人根據(jù)這些所有的模塊信息做了一個(gè)特別合適的且詳細(xì)的劃分，而且本人也完完全全的從各個(gè)方面想到了這些功能在實(shí)際運(yùn)用中的場(chǎng)景，并進(jìn)行了全面的調(diào)查研究與研發(fā)。網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)主要實(shí)現(xiàn)管理員、使用者都能夠直接在平臺(tái)上完成查找普通的大眾用戶自己想要找到的所有的資料，這個(gè)的實(shí)現(xiàn)可以在方方面面幫助到所有的普通的大眾用戶省出來(lái)特別多的時(shí)間取做其他的事情，和以前老舊的那些查找方法完全不一樣，以前的管理方法，因?yàn)橐坏┯脩粜枰ㄟ^(guò)交流信息，就要求雙方直接見(jiàn)面開(kāi)始溝通交流所需求的信息，但是因?yàn)樵S多人使用時(shí)間的因素，沒(méi)方法直接開(kāi)始見(jiàn)面溝通信息交流，真的對(duì)于很對(duì)普通的大眾用戶來(lái)說(shuō)，這個(gè)是特別麻煩的，完全不能從真正意義上實(shí)現(xiàn)普通大眾用戶的所有的要求。本基于微信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)增加用戶的信息使用率。但是系統(tǒng)管理人員一定要更方便、高效、持續(xù)地為用戶以及潛在用戶傳遞信息。建設(shè)一個(gè)與網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)關(guān)系良好的信息交流平臺(tái)，可以提升系統(tǒng)對(duì)使用交流后的信息服務(wù)的管理效果。此管理系統(tǒng)能夠解決廣大使用者所提出的問(wèn)題，使用者能夠按照自身的要求得到對(duì)應(yīng)的服務(wù)，為系統(tǒng)管理提供了便利的渠道。基于微信小程序的網(wǎng)絡(luò)課程與在線教學(xué)平臺(tái)，用戶端要求在系統(tǒng)的移動(dòng)端能夠操作，并主要實(shí)現(xiàn)在了管理端；首頁(yè)、個(gè)人管理中心、用戶管理系統(tǒng)、四六級(jí)分類管理、在線課程信息管理、聽(tīng)力練習(xí)系統(tǒng)、目標(biāo)計(jì)劃管理、考試系統(tǒng)、交流論壇、試題管理、系統(tǒng)管理、考試管理等。用戶端：首頁(yè)、在線學(xué)習(xí)、聽(tīng)力學(xué)交流論壇、我的(目標(biāo)計(jì)劃、我的收藏管理、試卷列表、考試記錄、錯(cuò)題本、在線答疑、我要發(fā)貼、我的發(fā)貼)等主要功能模塊的操作和管理。這個(gè)框架是基于我們大眾特別熟悉的html和css還有js來(lái)做出來(lái)的，它是目7的前端制作過(guò)程中的一種框架。BootStrap的使用是的Web變得更加的快捷。內(nèi)含有多種組件，引用BootStrap后，只需要一行的代碼就可以寫出非?？捎^的頁(yè)化的，而且不會(huì)發(fā)生整個(gè)網(wǎng)站內(nèi)容出現(xiàn)斷行這種情況站一定要用到的jsp還有jsAPI以及特別重要的xml。做一個(gè)很好的舉例：當(dāng)我前提，不會(huì)因?yàn)橹虚g再出現(xiàn)其他的關(guān)系二影響這個(gè)繼承。,它也是再我們國(guó)家的各大軟件公司中大家都在用的一個(gè)技術(shù)，而且它可以再各種不一樣的JVM上來(lái)2.3.3MYSQL數(shù)據(jù)庫(kù)Mysql的工作語(yǔ)言是非結(jié)構(gòu)化的，使用者也能夠直接從大數(shù)據(jù)上完成任務(wù)。82.3.4SSM框架(2)SpringMVC:SpringMVC是采用了MVC設(shè)計(jì)思路的輕量級(jí)web構(gòu)架，對(duì)web層加以解耦，從而讓我們的項(xiàng)目開(kāi)發(fā)得更加簡(jiǎn)單。(3)Mybatis:數(shù)據(jù)庫(kù)的控制(sql)使用xml文檔配置，解決了數(shù)據(jù)庫(kù)對(duì)象9網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)小程序可以包括正常訪問(wèn)網(wǎng)頁(yè)的使用者以及對(duì)本網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)小程序?qū)嵤┕芾淼墓芾韱T這2個(gè)大的頁(yè)的用戶可以在本網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)小程序注冊(cè)成為本網(wǎng)絡(luò)課程在線學(xué)習(xí)線學(xué)習(xí)平臺(tái)小程序看到自己注冊(cè)時(shí)填寫的自己的資料可以給自己設(shè)立自己的一習(xí)平臺(tái)小程序的管理者可以在用自己的資料登上本網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)后臺(tái)做一下管理，以及可以對(duì)小程序上的輪播圖進(jìn)行操作管理，如圖3-1所示我的發(fā)貼我的發(fā)貼我的我要發(fā)貼交流論壇在線答疑錯(cuò)題本考試記錄試卷列表我的收藏管理目標(biāo)計(jì)劃考試管理系統(tǒng)管理試卷管理交流論壇試題管理目標(biāo)計(jì)劃管理聽(tīng)力學(xué)習(xí)管理在線學(xué)習(xí)管理四六級(jí)分類管理用戶管理個(gè)人中心首頁(yè)聽(tīng)力學(xué)習(xí)在線學(xué)習(xí)首頁(yè)網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)圖3-1總體設(shè)計(jì)模塊圖的操作，用戶登錄流程如圖3-2所示。開(kāi)始否空空否一否一一否一是結(jié)束圖3-2用戶登錄流程圖作。如圖3-3所示開(kāi)始開(kāi)始鋪入用戶名和密碼》是否結(jié)束圖3-3管理員管理流程圖(1)用戶的個(gè)人資料，包含了：帳號(hào)、注冊(cè)密碼、名稱、年齡段、性別、手機(jī)、電子信件、頭像等的資料。用戶信息實(shí)體屬性圖如圖4-5所示。用戶信息用戶信息用戶名密碼姓名年齡性別手機(jī)圖3-4用戶管理實(shí)體屬性圖(2)在線學(xué)習(xí)管理包含了：課程編號(hào)、課程名稱、四六級(jí)類、圖片、學(xué)習(xí)視頻、課程文檔、課程重點(diǎn)等信息。在線學(xué)習(xí)管理屬性圖如圖4-4所示。在線學(xué)習(xí)在線學(xué)習(xí)課程名稱四六級(jí)類課程重點(diǎn)課程文檔圖片學(xué)習(xí)視頻圖3-5在線學(xué)習(xí)管理實(shí)體屬性圖該數(shù)據(jù)庫(kù)中建立了十四張表，分別是用戶信息表，目標(biāo)計(jì)劃表以及聽(tīng)力學(xué)習(xí)表、在線學(xué)習(xí)表等(1)用戶信息表Yonghu(注冊(cè)表)里存儲(chǔ)著每個(gè)注冊(cè)的詳細(xì)信息，如id(注冊(cè)序號(hào)),addtime (姓名),nianling(年齡),touxiang(頭像),shouji(聯(lián)系電話),youxiang(郵箱)。如表3-1所示表3-1yonghu表字段類型長(zhǎng)度空默認(rèn)值備注否用戶編號(hào)否注冊(cè)時(shí)間否用戶名否否姓名否性別否否否否郵箱普通的大眾用戶可以在本網(wǎng)絡(luò)在線學(xué)習(xí)小程序上填寫自己的昵稱、密碼、名字、聯(lián)系方式、郵箱來(lái)注冊(cè)，變成本網(wǎng)絡(luò)在線學(xué)習(xí)小程序的用戶，如圖4-1所示。女圖4-1登錄功能界面普通的大眾用戶能夠在本網(wǎng)絡(luò)在線學(xué)習(xí)小程序上填好自己正確的信息然后進(jìn)入到本網(wǎng)絡(luò)在線學(xué)習(xí)小程序的首頁(yè)，如圖4-2所示?！浢艽a?熱門的課，普通的大眾用戶還可以通過(guò)最下面的導(dǎo)航欄，進(jìn)到其他的頁(yè)面，圖4-3所示。l查看更多nportantthingin習(xí)圖4-3用戶首頁(yè)功能界面圖普通的大眾用戶在小程序這里點(diǎn)一下在線學(xué)習(xí)的選項(xiàng)，就可以看到所有課的名字，而且還可以看到這個(gè)課是屬于什么類型的，適不適合自己，還可以在下面看到關(guān)于這個(gè)課的詳細(xì)的講解視頻，而且下面還有對(duì)于整個(gè)課的重要內(nèi)容的梳理，并且還可以在上過(guò)課之后在底部的討論區(qū)說(shuō)一下自己的感想，覺(jué)得這個(gè)課很不錯(cuò)的話還可以點(diǎn)個(gè)贊，如果要方便自己后面能夠找到這個(gè)課，還可以把它收藏起來(lái)，課程名稱：阿薩德范德薩課程名稱：阿薩德范德薩課題：《大心多少》教材：人教題磊文一年級(jí)上冊(cè)執(zhí)教者：敬蕤名小小標(biāo)題：發(fā)過(guò)的花費(fèi)更多很反感標(biāo)題：發(fā)過(guò)的花費(fèi)更多很反感森島帆高第三方廣東省法規(guī)第三方~沒(méi)有更多了~~沒(méi)有更多了~普通的大眾用戶在小程序這里點(diǎn)一下最下面這個(gè)用戶中心選項(xiàng)，就可以看到自己的目標(biāo)還可以看待自己之前收藏的那些課程，還可以看到整個(gè)小程序上面所有的卷子的信息，還可以看到自己在這個(gè)學(xué)習(xí)小程序上面參加過(guò)的所有考試的信息，而且還能夠看到自己做錯(cuò)的題，如圖4-6所示。>圖4-6用戶中心界面圖4.1.7目標(biāo)計(jì)劃普通的大眾用戶在小程序這里點(diǎn)一下我的目標(biāo)計(jì)劃，然后把整個(gè)小程序上顯示的這些需要的資料完完整整的填清楚，就能夠設(shè)立自己的計(jì)劃，后續(xù)普通的大眾用戶根據(jù)自己定的這個(gè)來(lái)做就可以了，如圖4-7所示。計(jì)劃名稱計(jì)劃類型制定日期用戶名計(jì)劃名稱請(qǐng)選擇計(jì)劃類型請(qǐng)選擇制定日期計(jì)劃內(nèi)容計(jì)劃內(nèi)容管理者在本基于微信小程序的網(wǎng)絡(luò)課程在線學(xué)習(xí)平臺(tái)的后臺(tái)上寫好自己進(jìn)正碼b2b1通◎管理員登錄圖4-8管理員登錄界面圖管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的對(duì)于在本網(wǎng)絡(luò)課程在先學(xué)習(xí)小程序上面的所有的普通的大眾用戶的詳細(xì)的資料進(jìn)行改動(dòng)，如圖4-9所腫自在感山順力學(xué)習(xí)理腫自在感山順力學(xué)習(xí)理T性拜雌1男男3男4男咽5男樂(lè)意看一下自己之前傳進(jìn)去的這些課的名字還有它們的圖片以及這些課所對(duì)應(yīng)的整個(gè)要看的視頻以及整個(gè)課中間的特別重要的點(diǎn)的內(nèi)容等，如圖5-10所示。d理理頁(yè)截酬點(diǎn)潤(rùn)銀F紛2斷號(hào)2翼下F4空做湖圖4-10在線學(xué)習(xí)管理界面圖管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的關(guān)于聽(tīng)力學(xué)習(xí)的這個(gè)自在字習(xí)營(yíng)理懿自豫1IF:時(shí)檢123843管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的目標(biāo)計(jì)劃這個(gè)地方看大眾用戶自己定好的什么時(shí)做完這個(gè)計(jì)劃，如圖4-12所示。自在國(guó)字習(xí)理1礎(chǔ)8交5管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的管理卷子的地方看一下整個(gè)卷子上面自己當(dāng)時(shí)填進(jìn)去的時(shí)間這些信息，如圖4-13示。在城羊習(xí)由聽(tīng)力習(xí)理輛膠管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的系統(tǒng)管理的地方看一下小程序上的輪播圖，還可以的改動(dòng)這個(gè)圖片，讓整個(gè)小程序正常的運(yùn)行，如圖4-14所示。自在a茅羽由聽(tīng)力習(xí)目標(biāo)理1b微b納系管理道時(shí)圖4-14系統(tǒng)管理界面圖管理本學(xué)習(xí)小程序的人可以在本小程序的后臺(tái)網(wǎng)站的考試管理處，找到自己想要看的普通的大眾用戶做錯(cuò)的題和卷子，開(kāi)可以看到自己之前上傳的那些給普通的大眾用戶用來(lái)做的卷子。并且還可以找到普通的大眾用戶在本小程序上面的做題也就是考試的記錄，如圖4-15所示。圖4-15考試管理界面圖本基于微信小程序的網(wǎng)絡(luò)課程在線