歷史學習微信小程序的設計與實現隨著互聯網技術的迅猛發(fā)展，信息化技術已經逐漸滲入到人們工作生活各個層面，地處祖國西部的西藏有著一大批向往學習歷史的各民族學生，傳統(tǒng)的歷史學習方式已經不能全部滿足各民族的學習的需求，面臨著重大變革，而在線學習歷史則是一個很重要的方向?；诓貪h雙語的歷史學習微信小程序可以借助于遍布全球的互聯網，個民族學生可以在任何場地進行學習，也可以在任何場地進行考試，大大擴展了學習、考試的靈活性。歷史學習微信小程有管理員、教師和學生三種角色。本論文實現的基于藏漢雙語的歷史學習微信小程序以及在線學習信息管理系統(tǒng)的主要技術是基于微信小程序技術、Java的SSM框架技術、BootStrap技術的組合框架，使用MySQL數據庫，有比較良好的維護性和移植性。本系統(tǒng)主要有兩類類用戶：普通用戶、管理員。其中普通用戶擁有注冊、登錄、個人信息修改、歷史人物務類型信息查詢、歷史人物信息信息查詢、歷史事件查詢、公告查看、發(fā)起留言等權限；管理員擁有登錄、用戶賬戶信息管理、歷史人物分類信息管理、歷史人物信息信息管理、歷史事件管理、公告管理、留言管理、系統(tǒng)管理等權限。關鍵字：藏漢雙語；在線學習；小程序；Java;SSM;MySQL I 1 11.2研究意義 11.3國內外現狀 21.4研究目的 22開發(fā)技術介紹 32.1微信小程序 32.2微信開發(fā)者工具 32.3Java語言 32.4SSM框架 32.5MySQL數據庫 42.6Tomcat容器 43功能分析與設計 53.1傳統(tǒng)學習弊端 53.2可行性分析 5 5 53.2.3操作可行性分析 5 53.3功能分析 63.2.5用戶功能模塊 6 6 63.5性能需求分析 64總體設計與分析 74.1功能結構設計 74.1.1小程序端功能設計 74.1.2后臺管理端功能設計 8 9 9 9 5系統(tǒng)實現 5.1小程序端功能模塊 5.1.3個人資料模塊 5.1.5歷史人物模塊 5.1.6歷史事件模塊 5.2.1用戶管理模塊 5.2.2添加公告模塊 5.2.3歷史事件管理模塊 5.2.4歷史人物類型模塊 5.2.5歷史人物作品模塊 6系統(tǒng)測試 206.1系統(tǒng)測試方法 206.1.1單元測試 6.1.2組合測試 6.1.3確認測試 6.2測試用例 207結論 23 2411引言自2020年初的新冠疫情以來，為積極配合相關部門的要求不外出，很多少序正是在此背景開發(fā)并設計的。在線學習作為一種專業(yè)機技術和網絡迅速發(fā)展的一個學生資源信息應用解決方案。在線學習小程序將2息需求的擴大，使現代化的技術已經融合到學校的平常工作當中。為了在各學校課外競爭中有明顯的優(yōu)勢，本文研究了在線學習小程序，從而加快了學校課外信息化建設的步伐。上個世紀90年代美國科學家首次提出線上學習網站這一概念以來，全球開展線上學習研究與實踐已經十幾個年頭。我國線上學習界，IT業(yè)界自1995年左右開始對這一領域跟蹤研究，1998年開始全面升溫，迄今無論是在對線上學習的認識，還是理論研究，關鍵技術準備方面，都取得了很大的進展。國內線上學習的實踐活動大致可以分為以下三種類型：資源服務型，服務研究型和聯合建設型。雖然，從嚴格意義上講，資源服務型不能算是線上學習，但它的網上信息服務目前已自大多數學習系統(tǒng)開展，是現階段我國學習系統(tǒng)提供網上數字服務的主要形式。雖然現在國內大部分歷史數據都已經實現計算機信息化管理，但是還有部分的歷史數據仍然采用傳統(tǒng)的手工信息系統(tǒng)。手工管理還存在許多弊端，例如：工作效率低，處理速度緩慢；由于不可避免的人為因素，會造成數據的遺漏、誤報等情況的發(fā)生；重復勞動導致的數據不一致；出錯率高，出錯后不易更改等，并且難以跟隨現代化市場的變化。而計算機信息化管理有著儲存量大，速度快等許多優(yōu)點，提供給我們的處理信息及時快捷，因此我們利用計算機提供給我們的信息對讀者們的借閱過程進行一整套動態(tài)的管理。通過設計在線學習小程序以及后臺在線學習信息管理系統(tǒng)，可讓我把所學的理論知識很好的拼接在一起，而且學到了更多開發(fā)的思想，弄清楚整個系統(tǒng)的開發(fā)流程和開發(fā)過程中需要注意的事項。設計一個優(yōu)秀的在線歷史學習小程序以及后臺小程序信息管理系統(tǒng)肯定會遇到很多技術上和業(yè)務上和設計上的難題，我可以從做該設計小程序以及后臺小程序信息管理系統(tǒng)學習到如何去解決這些難題和提高自己的技術水平。32開發(fā)技術介紹2.1微信小程序微信小程序，它的簡稱是小程序，其英文名稱叫做MiniProgram,是一種不需要在手機應用商店里面下載就可以在微信平臺當中立即使用的H5輕應用。用2.2微信開發(fā)者工具□,會觸發(fā)一個微信小程序被設置為后臺的api。象。Java語言在運行過程中會開辟出一個屬于自己的運行空間，它的學名叫做以Java語言不會受到運行平臺的限制，不管是Windows還是Linux都可以運行編譯后的Java程序。2.4SSM框架4來的用戶所有的請求進行處理，然后傳遞給View層展現給用戶觀看。與上程中數據的存儲，而且MySQ1是一款可以免費試用的數據庫，使用它不版權的問題。部署起來也非常的方便，相比較于Oracle的部署時間簡直不到Oracle部署的五分之一。正是由于MySQL種種優(yōu)越的特性本系統(tǒng)開發(fā)所選擇的數據庫便是MySQL數據庫，MySQL數據庫部署之后不會占用非常對的內存與硬盤，但是MySQL的訪問速度卻非常的快，在多線程訪問的情況下依舊可以保證其優(yōu)越的性能，充分發(fā)揮計算機的CPU性能，不會進行一點的浪費。本系統(tǒng)選用的服務器是Tomcat,Tomcat是一個比較常用的容53.1傳統(tǒng)學習弊端傳統(tǒng)的歷史學習方式大多都是基于線下的學習方式，學生需要選擇學習機構，溝通好時間然后前往學習機構去上課，學習機構管理人員還需要記錄機構的各項上課相關信息，在這個流程中不僅僅浪費了普通用戶大量的時間精力，而且花費的金額較多；還會提升管理人員的管理壓力。3.2可行性分析本系統(tǒng)采用的是大學期間學習的軟件開發(fā)語言Java、開發(fā)工具為eclipse,數據庫使用的MySQL,微信小程序開發(fā)語言是JavaScript,因此從技術方面來看，開發(fā)基于藏漢雙語的歷史學習微信小程序系統(tǒng)是可行的。本系統(tǒng)的開發(fā)技術上，開源免費的語言，因此在軟件方面可以極大的節(jié)約成本，只需要購置一臺服務器，技術方面基本花費的都是軟件開發(fā)人員的人力成本。所以從經濟角度來講，該系統(tǒng)是可行的。小程序頁面布局合理，操作簡單。小程序的前臺頁面由幾個模塊組成，頁面的跳轉只是刷新用戶頁面的部分，讓客戶得到自己想要的信息，降低客戶的學習成本。在用戶注冊、登錄等有表單提交的頁面，在用戶輸入的時候，會對用戶進行提示說明，以幫助客戶更快的熟悉操作流程。本系統(tǒng)是基于藏漢雙語的歷史學習微信小程序，學習成本低，操作簡單，運營的成本較低。因此，基于藏漢雙語的歷史學習微信小程序在操作方面是可行的。本系統(tǒng)后臺采用的是B/S模式，與傳統(tǒng)C/S模式客戶端不同的是，后臺系統(tǒng)是以web網頁的工作頁面。只要有互聯網的地方，管理員就可以通過瀏覽器進行對基于藏漢雙語的歷史學習微信小程序進行管理。后臺系統(tǒng)以列表的方式展列出了基于藏漢雙語的歷史學習微信小程序的管理功能，管理員可以根據自己的角6色，選擇相關的管理功能，不同角色的管理員除了有最高權限的ROOT管理員外，不可使用未授權的功能，后臺網站具有明確的角色和權限劃分。后臺網站簡單易懂，管理員只需要學習所負責功能的使用，學習成本低，不需要進行另外的在線學習，有利于管理員的接受，極大的提高了用戶的體驗感。因此，該后臺是簡單、方便、易用的。3.3功能分析小程序端用戶功能包括注冊、登錄、個人信息修改、歷史人物務類型信息查詢、歷史人物信息信息查詢、歷史事件查詢、公告查看、發(fā)起留言，修改密碼，安全退出等功能。后臺管理員功能有登錄、用戶賬戶信息管理、歷史人物分類信息管理、歷史人物信息信息管理、歷史事件管理、公告管理、留言管理、系統(tǒng)管理，安全退出3.4數據需求分析通過功能需求分析的設計，明確系統(tǒng)的功能設計，在此基礎上進行數據需求的分析。本基于藏漢雙語的歷史學習微信小程序主要包括的數據有用戶的數據、歷史人物務類型信息的數據、歷史人物信息的數據、歷史事件信息的數據等。根據數據進行數據表以及字段的設計。系統(tǒng)的數據采用POST的方式進行數據的傳送，然后對數據庫中的信息進行處理，并返回，然后在頁面上進行顯示。用戶不能進行信息的管理，但會產生一定的數據，例如注冊的信息會存儲到數據庫中。3.5性能需求分析根據在線學習小程序需求進行開發(fā)設計，主要實現如下目標：依靠HTML、CSS、Javascript、JQuery等設計界面友好、美觀，數據準確、安全、可靠。設計用戶和管理員注冊、登錄、驗證功能，實現密碼保護，確保個人信息的安全。設計管理員管理權限，可以對系統(tǒng)的數據，比如歷史人物料等進行添加、修改、刪除操作，以便于對于系統(tǒng)的維護。簡單易懂，為了面向更為廣大的人群，系統(tǒng)設計的操作簡單，增強實用性。界面設計美觀好看，容易吸引眼球增加用戶關注度。74總體設計與分析系統(tǒng)整體功能設計如圖4.1所示：公告管理公告管理添加公告人物作品管理歷史事件管理歷史人物管理歷史任務分類管理個人中心用戶管理管理員管理個人中心公告查看歷史事件查看歷史人物查看歷史人物分類查看首頁查看用戶登錄用戶注冊圖4.1系統(tǒng)整體功能圖4.1.1小程序端功能設計小程序端功能設計如圖4.2所示：8個人個人中心公告查看添加公告歷史事件查看歷史歷史事件查看歷史人物杳看歷史人物管理歷史人物分類查看圖4.2小程序端模塊圖歷史任務分類管理圖4.2小程序端模塊圖首頁查看圖4.3后臺管理端功能模塊圖個人中心用戶管理圖4.3后臺管理端功能模塊圖4.1.2后臺管理端功能設計后臺管理端端功能設計如圖4.3所示：用4.1.2后臺管理端功能設計后臺管理端端功能設計如圖4.3所示：用戶登錄用戶注冊94.2數據庫設計數據庫設計是指為基于藏漢雙語的歷史學習微信小程序的數據存儲設計一數據存儲在數據庫中，所以基于藏漢雙語的歷史學習微信小程序的核心是數據4.2.1數據庫概念結構設計對數據的儲存、收集和轉換的要求等。小程序總體E-R用例圖，如圖所示：nnmmn圖4.2系統(tǒng)E-R圖4.2.2數據庫邏輯結構設計數據庫的邏輯結構設計是先將概念設計中取得的E-R圖結果轉換為關系模用戶(用戶ID、用戶名、用戶昵稱、密碼、手機號碼、郵箱、注冊時間)管理員信息(管理員ID、用戶名、密碼、角色、創(chuàng)建時間、最近登錄時間)歷史事件信息(事件id,事件名稱，事件描述，事件圖片，開始時間，結束時間)歷史人物信息(人物id,人物標題，人物內容，人物圖片，人物視頻)4.2.3數據庫物理結構設計數據庫的邏輯結構設計是先將概念設計中取得的E-R圖結果轉換為關系模序號字段類型大小允許為空備注1否2是姓名3是4是昵稱5是性別6是7是生日8是手機號9是是郵箱是身份證否序號字段類型大小允許為空備注1否2否姓名3否4否真實姓名5否性別6否7否電話8否郵箱歷史事件信息表：序號字段類型大小允許為空備注1否2是3是4是事件圖片5是視頻時間歷史人物信息表序號大小允許為空備注1否2否人物標題3否人物內容4否人物圖片5否5系統(tǒng)實現5.1小程序端功能模塊如果沒有賬號的用戶進入小程序需要注冊，點擊注冊按鈕，輸入賬號、姓名、密碼、性別、地址、電話、郵箱便可以完成注冊等。如圖5.1所示：賬號請輸入賬號密碼請輸入密碼姓名請輸入姓名性別：男手機請輸入手機號圖5.1注冊頁面用戶輸入已經注冊的賬號并填寫密碼，點擊登錄，如果后臺核實用戶名以及密碼匹配便可以進入系統(tǒng)。如圖5.2所示：圖5.2登陸頁面用戶登陸系統(tǒng)后，點擊我的頁面再點擊個人資料，可以看到個人資料信息，用戶可以修改姓名、性別、地址、電話、郵箱信息。如圖5.3所示：求知而來載知而歸個人資料修改密碼留言區(qū)圖5.3個人資料頁面海外網1月11日電當地時間9日，印度尼西亞三佛齊航空公司一架載有62人的客機起飛不久后墜海外網1月11日電當地時間9日，印度尼西亞三佛齊航空公司一架載有62人的客機起飛不久后墜毀，印尼國家搜救局等部門參與搜尋，并已打…測試圖5.4小程序首頁用戶在系統(tǒng)首頁看到所有本微信小程序的歷史人物信息，點擊某一個歷史人物后，可以看到歷史人物的標題，歷史人物的名稱，歷史人物的內容。如圖5.5所示：標題測試事件標題描述測試事件簡介又朝(前202—公元220年),分為西漢和東漢，亦有L而稱“劉漢”。前202年高祖劉邦建漢，定都長欠復興。公元九年，王莽篡奪政權，西漢結束。25F,劉秀稱帝，建立東漢，定都洛陽。開創(chuàng)了光武中歐洲的羅馬帝國并列為當時世界上最先進的文明天寸期(公元元年),全國人口達6000萬左右。且文化B日此逐漸被稱為“漢族”。220年曹丕篡漢，中文名稱：漢朝圖5.5歷史人物頁面用戶登陸系統(tǒng)之后，點擊歷史事件頁面后可以看到小程序的歷史事件信息。如圖5.6所示：出生日期1999履歷測試子女測試人物簡介測試測試作品測試作品測試作品測試作品圖5.6歷史事件頁面5.2管理員功能模塊管理員登陸系統(tǒng)后查看系統(tǒng)內的用戶信息，并可以進行用戶信息的修改以及用戶信息的刪除，如圖5.7所示：注冊用戶管理注冊用戶管理到手機號用戶名用戶名圖5.7用戶管理頁面管理員登陸系統(tǒng)后查看系統(tǒng)內的公告信息，可以新增公告，并可以進行公告信息的修改以及公告信息的刪除，如圖5.8所示：戶管理戶管理言管理圖5.8新增公告頁面5.2.3歷史事件管理模塊管理員登陸系統(tǒng)后查看系統(tǒng)內的歷史事件信息，在表單里面可以看歷史事件的名稱、歷史事件的描述，歷史事件的簡介以及歷史事件信息詳情的操作按鈕，并可以進行歷史事件信息的新增、歷史事件信息的修改以及歷史事件信息的刪除，如圖5.9所示：題漢朝(前202-公元220年),分為西漢和東漢，辦有以西漢與漢代被稱為炎漢，又因皇帝姓劉而稱文漢"。前202年高祖劉用建漢，定都長安，又景乙治后，漢武期再次復興。公元九年，王舜算奪政權，西漢結束。25年，劉秀稱帝，建立東漢，定都洛陽，開漢朝時期，許多人將漢朝和約略同時期歐洲的羅馬帝國并列為當時世界上最先進的文明及強大帝國為華夏民族兩千年的杜會發(fā)展奠定了基礎，為中華文明的延續(xù)和蜓立千秋做出了巨大貢就華夏圖5.9歷史事件管理頁面5.2.4歷史人物類型模塊管理員登陸系統(tǒng)后可以進行歷史人物類型的添加，用戶點擊歷史人物添加菜單欄，輸入歷史人物標題以及歷史人物描述，并上傳歷史人物文件，點擊添加便可以完成一條歷史人物的添加，添加好的歷史人物會實時的顯示在小程序視頻頁面上面。如圖5.10所示：歷史人物類型信息管理歷史人管理歷史人管理圖5.10添加歷史人物頁面5.2.5歷史人物作品模塊品信息的修改以及歷史人物作品信息的刪除，如圖5.11所示：介IIB田I圖5.11歷史人物作品管理頁面6系統(tǒng)測試小程序的設計與開發(fā)涉及的技術比較廣泛，其開發(fā)的過程也相對復雜。因此，很難保證整個系統(tǒng)完全正確，不出現差錯。在完成系統(tǒng)設計后，必須要進行系統(tǒng)測試，對系統(tǒng)進行全面檢測。整個設計與開發(fā)的過程中，我們最好盡可能早的對系統(tǒng)進行測試，及時檢測系統(tǒng)存在的問題，以降低這些錯誤可能產生的一系列損失。測試的目的就是確保系統(tǒng)的功能完備性、可靠性。從用戶的角度出發(fā)，一旦用戶發(fā)現系統(tǒng)中的問題，則會對該產品產生不好的印象；從開發(fā)者的角度出發(fā)，軟件的設計應該達到完美，系統(tǒng)功能符合用戶的使用。為了驗證軟件功能的可行性，需要對軟件進行詳細的測試與功能驗證。對于測試而言，主要有：組合測試、單元測試、確認測試等這幾個階段。單元測試主要是針對程序或模塊進行系統(tǒng)測試。在進行單元測試前，應當先進行程序調試，也就是由程序員檢測程序，查看是否符合設計文檔的要求及其功能需求。然后通過測試來證明模塊接口是否符合設計文檔的要求，最后對任意異常處理路徑測試，檢測問題所在。組合測試主要針對集成模塊或子系統(tǒng)進行測試，采用較單元測試更系統(tǒng)化的方法測試軟件系統(tǒng)。這個測試階段更為嚴格，需要在系統(tǒng)目標機上操作，最好讓系統(tǒng)用戶能夠參加這個階段的測試，可以更直觀的展示系統(tǒng)的實用性及可靠性。確認測試是為了驗證該系統(tǒng)軟件能夠工作，已滿足了軟件設計需求的文檔中的所有功能要求。立足于用戶進行確認測試，并且按照測試流程進行。6.2測試用例測試示例一：測試系統(tǒng)用戶登錄。在小程序的登錄界面，輸入用戶名及其對應的密碼信息，然后單擊“登錄”,將會顯示運行結果，也就是顯示該用戶登錄成功的界面。測試示例三：測試用戶數據的操作。執(zhí)行完所有的管理操作后，進行用戶的增加、刪除、修改操作。測試示例三：測試歷史人物數據的操作。執(zhí)行完所有的管理操作后，進行歷史人物的增加、刪除、修改操作。測試示例四：測試歷史事件數據的操作。執(zhí)行完所有的管理操作后，進行歷史事件的增加、刪除、修改操作。以上述示例對系統(tǒng)功能操作進行說明，驗證系統(tǒng)測試并無異常，且正常運行成功，并給出了測試系統(tǒng)執(zhí)行的成果，如表6.1所示。表6.1注冊測試執(zhí)行結果模塊名稱測試用例預計成果具體成果是否通過注冊用戶名：null密碼：null彈出不正確提示，請輸入用戶名注冊失敗，提示請寫入用戶名不通過注冊密碼：123彈出不正確提示，所屬類型不能為空失敗，提示選擇類型不通過注冊密碼：null彈出不正確提示，請輸入密碼失敗，提示寫入密碼不通過注冊密碼：123彈出注冊成功提示注冊成功注冊密碼：123彈出用戶名重復提示注冊失敗，用戶名已存在不通過測試示例二：測試用戶信息功能是否可以正常執(zhí)行。如表6.2。表6.2用戶功能測試執(zhí)行結果模塊名稱測試用例預計成果具體成果是否通過用戶功增加用戶用戶增加成功用戶增加成功能內容：你好修改用戶用戶修改成功用戶修改成功能內容：大家好好刪除用戶用戶刪除成功用戶刪除成功能內容：大家好好測試示例三：測試歷史人物信息功能是否可以正常執(zhí)行。如表6.3。表6.3歷史人物功能測試執(zhí)行結果模塊名稱測試用例預計成果具體成果是否通過歷史人增加歷史人物歷史人物增加歷史人物增加成功物功能內容：你好成功修改歷史人物歷史人物修改歷史人物修改成功物功能內容：大家好好成功刪除歷史人物歷史人物刪除歷史人物刪除成功物功能內容：大家好好成功測試示例四：測試歷史事件信息功能是否可以正常執(zhí)行。如表6.4。表6.4歷史事件功能測試執(zhí)行結果模塊名稱測試用例預計成果具體成果是否通過歷史事增加歷史事件歷史事件增加歷史事件增加成功件功能內容：你好成功歷史事件修改歷史事件修改成功件功能內容：大家好好成功歷史事件刪除歷史事件刪除成功件功能內容：大家好好成功7結論本系統(tǒng)是基于藏漢雙語的歷史學習微信小程序，經過三個月的調研、設計、測試，最終完成該系統(tǒng)的設計。系統(tǒng)開發(fā)采用的語言是JavaScript和Java,數據庫采用Mysql。在完成畢設的過程中，自己學到了很多的東西。在大一到大三的時候，基本都是理論的學習，沒有真正的做過實際的東西，這次是自己獨立的完成課題的設計，不僅將學到的JavaScript和Java學到實際的生活中，而且獨自編寫了sql語句。在遇到困難的時候，都是去查閱相關的文獻或者數據，提高了自己解決問題的能力。根據畢業(yè)設計任務書的需