近代史在線學習平臺PAGE近代史在線學習平臺的設計與實現TheDesignandImplementationofModernHistoryOnlineLearningPlatformPAGE40摘要“以史為鑒，可以知興替”，這句話告訴我們學習歷史的重要性和意義。歷史是全人類智慧的共同結晶，值得所有人鼓掌驚嘆，然而在物欲橫流的社會中，人們每天都在為生活忙碌、為理想奮斗，極易因時間不夠而忽視對歷史的學習。對被保護在避風港中的我們來說，由于整個社會的普遍共識是只要我們學好自己的專業知識就足夠了，其他課程僅僅以不掛科作為評判好壞的依據，而我們也十分樂意遵從這樣的理念，像完成“任務”一樣隨意地度過了不長不短的四年，因此更不容易潛心下來學習歷史知識?；诖?，教育部將《中國近現代史》作為所有在校本科生的一門公共必修課，以強制的手段避免我們忽視對歷史知識的學習。從另一方面來看，隨著近年來本科畢業的學生逐漸增多，就業壓力持續加大，學歷在找工作時成為十分重要的籌碼，能夠讓他們在求職人群中脫穎而出，因此為了提高自身在找工作的競爭力，獲取更高的學歷成為大家爭相競逐的目標，這導致考研人數近年來不斷攀升。《中國近現代史》在考研政治中占據重要地位，且政治是每位考生必考的科目，故學好該課程對提高考研成績十分有益。然而縱觀整個市場，能幫助大學生學習《中國近現代史》的產品少之又少，僅僅依靠課本和本科生的自覺性去完成一門科目是一件很困難的事情。因此，為解決這一問題，可設計一個適合大學生的近代史在線學習平臺，用來幫助本科生完成對《中國近現代史》這門課程的學習。近代史在線學習平臺（ModernHistoryOnlineLearningPlatform）是一個面向所有學生的學習平臺，可以讓大家在學習時不受時間和空間的限制，有效利用課余時間進行全面深入的學習。本科生可以通過該平臺了解自身在《中國近現代史》學科的知識盲點，還可以利用該平臺對《中國近現代史》學科進行在線測試。近代史在線學習平臺以WampServer和Eclipse為開發工具，采用PHP編程語言和MySQL數據庫實現。主要功能模塊包括：順序練習、在線考試、錯題練習、查看學習情況、修改用戶信息等。本系統還設置了用戶和管理員兩種不同的用戶類型，確保了系統的安全性和可靠性。關鍵詞：近代史；考研；PHP；MySQL

Abstract"Takehistoryasalesson,wecanknowtheriseandfall."Thissentencetellsustheimportanceandsignificanceoflearninghistory.Historyisthecommoncrystallizationofhumanwisdom,whichdeserveseveryone'sapplauseandamazement.However,inamaterialisticsociety,peoplearebusywiththeirlivesandstrivefortheiridealseveryday,andtheyareapttoneglectthestudyofhistorybecauseoflackoftime.Forthoseofuswhoareprotectedinthesafeharbor,thegeneralconsensusofthewholesocietyisthataslongaswelearnourprofessionalknowledgewell,othercoursesarejudgedonlyonthebasisofnotfailingtoattendclasses,andwearealsoverywillingtofollowtheconceptof"task"andspendfouryearsatwill,soitisnoteasytoconcentrateonlearningknowledgeofhistory.Ontheotherhand,withthegraduationofundergraduatestudentsincreasinginrecentyears,employmentpressurecontinuestoincrease,academicqualificationshavebecomeaveryimportantbargainingchipinjob-hunting,whichcanmakethemstandoutamongjob-seekers.Therefore,inordertoimprovetheircompetitivenessinjobhunting,toobtainhighereducationhasbecomeacompetitivegoal,whichhasledtotheincreasingnumberofpostgraduateentranceexamsinrecentyears.ModernChineseHistoryoccupiesanimportantpositioninpostgraduatepolitics,andpoliticsisacompulsorysubjectforeveryexaminee.Soitisveryhelpfultoimprovethepostgraduateexaminationresults.However,throughoutthemarket,therearefewproductsthatcanhelpcollegestudentslearnModernandContemporaryHistoryofChina.ItisverydifficulttocompleteasubjectonlybyrelyingontextbooksandUndergraduates'consciousness.Therefore,inordertosolvethisproblem,wecandesignanonlinelearningplatformforcollegestudentstohelpundergraduatescompletethecourseofModernChineseHistory.ModernHistoryOnlineLearningPlatformisalearningplatformforallstudents.Itcanenableeveryonetostudyinanall-roundandin-depthwaywithoutthelimitationoftimeandspace.UndergraduatescanunderstandtheirknowledgeblindspotsinthesubjectofModernChineseHistorythroughtheplatform,andcanusetheplatformtoself-test;moreover,throughthestudyofmodernhistory,studentscanalsoimprovetheirideologicalandmorallevel.WampServerandEclipseareusedasdevelopmenttools,andPHPprogramminglanguageandMySQLdatabaseareusedtoimplementtheonlinelearningplatformofmodernhistory.Themainfunctionmodulesinclude:sequentialexercises,onlineexams,wrongexercises,checkinglearningsituation,modifyinguserinformation,etc.Thesystemalsosetsuptwodifferenttypesofuserstoensurethesecurityandreliabilityofthesystem.Keywords:ModernHistory;postgraduateentranceexamination;PHP;MySQL

目錄摘要 IAbstract II目錄 IV第1章緒論 11.1前言 11.2開發背景 11.3可行性分析 21.3.1操作可行性分析 21.3.2經濟可行性分析 21.3.3技術可行性分析 2第2章開發工具及其簡介 32.1WampServer主要特點 32.2MySQL簡介 32.3PHP簡介 32.4Eclipse主要特點 4第3章開發環境搭建 53.1搭建開發環境步驟 53.1.1WampServer3.0安裝 53.1.2Eclipse安裝 83.2WampServer使用簡介 93.3Eclipse使用簡介 10第4章系統的概要設計 134.1系統功能結構圖 134.2系統數據庫設計 134.2.1概念設計 134.2.2物理設計 154.3數據庫的創建 164.4數據表的實現 16第5章系統的詳細設計及實現 195.1系統流程概述 195.1.1系統流程圖 195.1.2登錄流程圖 205.2注冊模塊設計及實現 205.3登錄模塊設計及實現 235.4主界面的設計及實現 245.5順序練習模塊 265.6隨機練習模塊 275.7章節練習模塊 285.8在線考試模塊 295.9錯題練習模塊 315.10修改信息模塊 325.11學習情況模塊 325.11.1考試成績單 325.11.2成績分布折線圖 335.11.3錯題分布扇形圖 335.12管理員功能 345.12.1顯示/刪除用戶信息模塊 345.12.2用戶成績單模塊 355.12.3設置考試范圍 36第6章總結與展望 376.1本文總結 376.2工作展望 37參考文獻 39致謝 40第1章緒論1.1前言一個民族的歷史，承載著這個民族的集體記憶。近代以來，那些照耀史冊的民族英雄為改變中華民族半殖民地半封建的國情和中華民族的偉大復興貢獻了自己的聰明才智，讓中國這個古老的東方大國創造了人類歷史上前所未有的發展奇跡。因此，了解自己民族的歷史，不僅可以增強我們作為中國人的民族自豪感，而且會增強我們對中華文明的文化認同感，這樣的情感勢必會由內而外地影響到我們的生活和言行。隨著現代社會和科技高速發展，市場人才需求量不斷擴大；對于有些想要走到更高階層的人群來說，怎樣才能在人群中脫穎而出，在市場上提高自身的競爭力，成為了他們不得不思考的問題，所以考研必定是大勢所趨，人心所向。此外，從近幾年的社會競爭激烈程度來看，未來幾年考研人數只增不減！因此，考研對本科生而言將是一條實現人生價值的必由之路。眾所周知，政治在考研中占據重要地位，《中國近現代史》是考研政治的一門重要學科。對文科同學而言，高中三年的文綜學習經驗能讓他們快速拾起近代史這一學科；但對理科和工科的同學來說，近代史必然成為一道難過的檻。1.2開發背景近代史在一個民族和國家中的地位和作用是客觀存在的，這種客觀性是由物質和意識，經濟基礎與上層建筑的辯證關系決定的。學習近代史，不僅能培養中國人民的愛國主義精神、提高國民文化素質，而且對學生的思想政治教育工作和本科生的考研學習具有重要意義。隨著計算機信息技術的快速發展和電腦、手機等電子設備的逐漸生活化，大學生擁有電腦的比例超過95%，網上學習逐漸成為課堂教學以外學生獲取知識最為重要的渠道。近代史的學習不僅注重往日閱讀積累，同其他學科一樣，也需要通過大量的練習來鞏固和強化課本的知識。因此，我開發了近代史在線學習平臺，在校學生可以通過這一平臺在課堂外對《中國近現代史》課程涉及的重點、難點進行全面的梳理和學習，進一步加深對該課程內容的理解；利用該平臺幫助學生在《中國近現代史》課程取得高分的同時，也能引導學生樹立起正確的三觀（人生觀、價值觀和世界觀）。1.3可行性分析1.3.1操作可行性分析近代史在線學習平臺界面干凈美麗，模塊清晰，遵循主流網站設計規范。新用戶需要以學號等信息注冊一個賬號，并通過該賬號登錄學習平臺即可進入網站的其他模塊。因此，近代史在線學習平臺具有操作可行性。1.3.2經濟可行性分析中國近現代史的題目均可從網絡上免費下載，近代史在線學習平臺的題庫都源自已上傳到互聯網的各高校近代史期末考試及歷年全國碩士研究生考試，所有題目均依照碩士生入學考試《中國近現代史》考試大綱編寫，知識覆蓋廣泛且全面，不論是對為了獲得《中國近現代史》課程學分的大一大二同學而言，還是對為了通過碩士研究生考試的備考同學來說，近代史在線學習平臺既有較強的針對性和實用性，又幾乎是零成本，是一個兩全其美的選擇。因此，近代史在線學習平臺具有經濟可行性。1.3.3技術可行性分析本網站開發所使用的開發語言是PHP，使用到的技術包括Ajax、JavaScript、HTML和CSS等，這些語言都是目前web開發中十分成熟的免費的開源語言；網站使用的數據庫是MySQL，MySQL使用免費且在web開發中擁有非常出色的性能。PHP+MySQL是目前最為成熟、穩定、安全的WEB開發技術，廣泛應用于各大型網站的開發。除此之外，互聯網上對于如何使用PHP+MySQL制作網站有著非常豐富的資料供初學者學習和參考，開發者可以從前輩的經驗中找到絕大多數問題的解決方法。因此，近代史在線學習平臺的開發具有技術可行性。通過以上分析，近代史在線學習平臺的開發在操作上、經濟上、技術上都是可行的。

第2章開發工具及其簡介2.1WampServer主要特點WampServer是在window環境下的集apache、php和mysql于一體的一個免費的服務器軟件。在WampServer集成開發環境下開發近代史在線學習平臺的最大好處是，開發者不需要額外安裝數據庫軟件，因為該服務器自帶一個MySQL數據庫；開發者也不需要配置Apache服務器軟件，要知道對于自學PHP的小白來說在Windows下配置Apache和IIS是一件很困難的事，一著不慎，滿盤皆輸。相較其他軟件而言WampServer就方便多了，安裝該服務器后不必操心過多繁瑣的配置流程即可使用，既解決了新手業務不熟練的尷尬，又避免了環境配置出錯的難題；開發者只需通過訪問WampServer自帶的MySQL數據庫管理工具即可創建數據庫和數據表，能簡便地實現對數據的增刪查改操作。2.2MySQL簡介MySQL是一個免費的、可視化的關系數據庫管理系統應用軟件，是目前最受網站開發者青睞的關系型數據庫管理系統之一。區別于其他類型數據庫將所有數據都存放在同一文件的存儲方式，關系型數據庫是將數據保存在多張能互相關聯、存在一定聯系的二維表中，這樣做的好處不僅能提高對數據庫中數據執行增刪查改操作的速度，還提高了數據庫的靈活性。因為MySQL速度快、體積小、開放源碼且成本低的特點，所以大部分（尤其是中小型網站）的開發都選擇MySQL作為網站數據庫。在WEB應用開發中，MySQL主要搭配Linux操作系統和ApacheWeb服務器作為應用的開發環境。2.3PHP簡介PHP（HypertextPreprocessor，超文本預處理器）是一種通用開源腳本語言。語法混合了C語言和Java等多種語言的特點，主要適用于Web開發領域。因為PHP語法既比C語言簡單，又比HTML靈活，還可以嵌入到超文本標記語言HTML文檔中去執行，而且執行效率比純HTML文檔要高許多，所以對于一些初出茅廬的“新手玩家”來說，在具備一定的HTML和CSS知識后就可以在短時間內上手開發web應用，既彌補了HTML只能制作靜態網頁的不足，又滿足了開發者對動態網頁的需求。此外，PHP還具有跨平臺性強的優勢，它可以支持在不同的操作系統中運行。2.4Eclipse主要特點Eclipse是一個專業的開放源代碼的軟件開發平臺，可以在Eclipse上開發Java和PHP應用。大多數人Java入門就是從學習使用Eclipse開始的，大家也都知道用Eclipse寫Java程序是非常方便的，它擁有一個非常大的庫供開發者調用，極大地提高了程序員的開發效率。其實用Eclipse寫PHP程序也是非常實用和簡便的，尤其對于像我這樣的代碼渣渣。因為Eclipse是一個面向插件的結構，所以只要給Eclipse安裝一個插件，對于新手而言學習PHP就得心應手了。在開發PHP應用時，我們需要安裝的插件就是PHPEclipse插件，這個插件提供了創建PHP工程、代碼報錯、PHP語法加亮和代碼自動補全等很便捷的功能。PHP語法加亮和代碼自動補全可以幫助開發者避免一些低級錯誤；代碼報錯可以提醒開發者及時修改相關程序，從而提高程序的開發效率。

第3章開發環境搭建3.1搭建開發環境步驟3.1.1WampServer3.0安裝1.打開網站（網址為：）下載WampServer軟件，電腦32位則選擇32位下載，64位亦然。如圖3.1所示：圖3.1Wampserver首頁2.雙擊下載好的WampServer安裝包后,點擊Next，如圖3.2所示：圖3.2運行安裝包頁面3.選中，并點擊Next，如圖3.3所示：圖3.3WampServer安裝頁面4.WampServer默認安裝在C盤的wamp文件夾下，可根據自身情況修改地址，然后點擊Next，如圖3.4所示：圖3.4修改安裝地址頁面5.自行選擇是否創建桌面快捷方式，點擊后等待WampServer安裝，如圖3.5所示：圖3.5WampServer安裝過程頁面6.點擊Finish，WampServer就安裝完成了！如圖3.6所示：圖3.6WampServer安裝完成頁面7.點擊右下角的圖標，再點擊localhost，若出現圖3.7則表示安裝成功。圖3.7WampServer運行頁面3.1.2Eclipse安裝1.打開網站（網址為：/downloads/）下載Eclipse軟件，解壓壓縮包并點擊Eclipse.exe文件。如圖3.8所示：圖3.8運行安裝包頁面2.修改地址，點擊OK，安裝完成。如圖3.9所示：圖3.9修改運行地址頁面3.2WampServer使用簡介1、雙擊WampServer啟動快捷方式。如圖3.10所示。圖3.10WampServer快捷方式2、待右下角圖標由紅色變為橙色再變為綠色后，表示WampServer啟動完成。3、網站的所有項目都位于wamp安裝目錄下的www文件夾中，以后www目錄下的網站訪問形式都形如http://localhost/文件名或者目錄名/文件名，如圖3.11所示：圖3.11訪問項目頁面4、phpMyAdmin數據庫的管理：點擊右下角小圖標，再點擊phpMyAdmin進入數據庫管理界面，如圖3.12所示：圖3.12數據庫管理頁面3.3Eclipse使用簡介1.雙擊eclipse,進入eclipse頁面，如圖3.13所示：圖3.13Eclipse頁面2.點擊File->New->PHPproject，選擇Finish，則新建了一個PHP項目。如圖3.14所示：圖3.14創建PHP項目3、選中你新建的項目文件，右鍵，New->PHPFile，如圖3.15所示：圖3.15新建PHP文件修改文件名后，點擊Finish，即新建了一個.php文件，我們可以在創建的文件中開始一段美麗的開發之旅！

第4章系統的概要設計4.1系統功能結構圖系統所實現的功能強弱是衡量一個網站的最根本的標準。經過對近代史在線學習平臺的可行性分析、需求分析、數據分析以及數據庫設計后，結合調研以及我作為一名在校大學生的身份，確定了本系統的功能結構圖如下：圖4.SEQFigure\*ARABIC1系統功能結構圖4.2系統數據庫設計良好的數據庫地建立對于數據的綜合運用和統計的便利性有著密不可分的聯系，并且數據庫的設計決定著在不同需求下進行數據操作時，對數據處理挖掘的簡便性和復雜性，可根據不同模塊的功能需求，適當利用輔助工具，對數據庫進行邏輯嚴謹的設計。4.2.1概念設計概念設計中，我們常常用E-R圖（實體-聯系圖）來作為描述現實世界的概念模型。下面是部分實體的E-R圖，如圖所示：圖4.2用戶實體E-R圖圖4.3題庫實體E-R圖圖4.4錯題實體E-R圖圖4.5成績表實體E-R圖4.2.2物理設計近代史在線學習平臺采用MYSQL數據庫存儲。該數據庫名為history，其中包含4張表，分別是：tuserinfo（用戶表）、tquestioninfo（題庫表）、terrorinfo（錯題表）和tgradeinfo（成績數據表）。具體見表4.6到4.9所示：表4.6用戶數據表列名數據類型主鍵外鍵允許空說明StudentIDint（10）是否學號Namevarchar(10)否學生姓名Passwordint(10)否密碼QQnumberint(20)否QQ號Telint（20）否電話Emailvarchar(20)否郵箱Roleint(5)否角色說明：Role，當值為1，則登錄管理員界面狀態；當值為0，則登錄用戶界面。表4.7題庫數據表列名數據類型主鍵外鍵允許空說明QuestionIDint(5)是否題號QuestionTypeint(20)否題目類型ChapterIDint（5）否章節號QuestionTitlevarchar(1000)否題目SelectionAvarchar(255)否A選項SelectionBvarchar(255)否B選項SelectionCvarchar(255)否C選項SelectionDvarchar(255)否D選項SelectionEvarchar(255)是E選項Answervarchar(5)否答案說明：QuestionType一值，為10表示單選題；為11表示多選題。表4.8錯題數據表列名數據類型主鍵外鍵允許空說明StudentIDint(10)是是否學號QuestionIDint(5)是是否題號表4.9成績數據表列名數據類型主鍵外鍵允許空說明StudentIDint(10)是是否學號submittimedate是否考試時間gradeint(5)是否成績4.3數據庫的創建在PHPMyadmin中新建數據庫，輸入要建立的數據庫的名稱，點擊創建，如圖4.10所示：圖4.10新建數據庫頁面4.4數據表的實現1、新建數據表，將設計好的表信息填入數據表中后保存。圖4.11填入題庫表信息2、保存好后可查看數據表的結構或對數據表的信息進行修改。圖4.12查看/修改題庫表信息3、在數據庫中建立好數據表后，將從網絡上下載好的近代史題目（Word格式）轉換成Excel格式，再將轉換好的Excel表導入到題庫表中。圖4.13將題目導入數據庫以上是對題庫表的設計實現作出的說明，用戶表、錯題表和成績數據表的設計實現與題庫表的實現過程一致，實現過程可參照題庫表。

第5章系統的詳細設計及實現5.1系統流程概述5.1.1系統流程圖圖5.1系統層次結構圖本系統先由登錄頁面進行身份驗證，以確保系統的安全性。將用戶角色分為兩種類型（普通用戶和管理員），表示兩種不同等級權限用戶，不同等級權限用戶對系統的使用權限不相同。系統驗證用戶信息并確認用戶角色后，跳轉進入相應的主界面，由菜單欄展示出該用戶具有訪問權限的所有功能模塊。其中，普通用戶具有對9個子模塊的訪問權限；管理員除了擁有普通用戶的所有權利外，還具有查看所有用戶成績、查看所有用戶信息和對任意用戶信息修改和刪除的權限。5.1.2登錄流程圖圖5.2登錄流程圖5.2注冊模塊設計及實現注冊模塊旨在用戶首次使用此平臺時，填寫注冊所需要的相關信息。注冊時需要準確地填入學號、姓名、密碼、確認密碼、QQ號、手機號和郵箱。如圖5.3所示：圖5.3注冊界面新用戶注冊時填入的信息須合法有效，以保證數據庫的完整和數據的規范性，具體要求如下：1.學號必填且學號長度為6-10位。2.姓名必填且為合法字符，長度10字以內。3.密碼長度6-10位且兩次輸入的密碼必須一致。4.QQ號必填且必須是4-10位以內的數字。5.電話必填且必須是中國大陸的合法手機號。6.郵箱必填且必須是帶@符號的合法郵箱。用戶填寫完成并點擊提交后，若填入的信息為空或信息不合法時，界面返回報錯提示。如圖5.4、5.5所示：圖5.4注冊信息為空報錯界面圖5.5注冊信息無效報錯界面5.3登錄模塊設計及實現登錄模塊是學習平臺的“門衛”，任何用戶若想要訪問學習平臺的功能模塊都必須先登錄。登錄模塊主要是通過輸入正確的用戶名和密碼進入主界面，它可以提高平臺的安全性，保護數據資料不外泄。登錄模塊界面如圖5.6所示。圖5.6登錄系統界面登錄過程具體步驟如下所示：（1）輸入學號和密碼，點擊登錄按鈕。（2）驗證學號在數據庫中是否存在及密碼是否正確。若用戶存在且密碼正確，則進入第三步；若用戶不存在或密碼錯誤，彈出對話框顯示“用戶不存在或密碼錯誤”，同時清空用戶名、密碼輸入框。報錯界面如圖5.7所示。圖5.7驗證報錯（3）驗證用戶身份。用戶角色編號（Role）分別為0、1，分別對應為普通用戶、系統管理員。若用戶身份為普通用戶，則進入普通用戶主界面；若用戶身份為系統管理員，則進入系統管理員主界面。5.4主界面的設計及實現當登錄模塊驗證成功后，用戶將進入主界面。用戶可以通過主界面調用平臺相關的各子模塊，快速了解本平臺所有能實現的功能及操作方法。根據不同的用戶角色，對應的主界面略有差別。主界面可分為3個部分：最上邊是平臺名稱、當前用戶姓名和注冊登錄入口；左側是菜單欄，可以通過它調用平臺中的所有子模塊。右側為該平臺最基本的四個學習功能。主界面如下圖5.8和5.9所示：圖5.8普通用戶主界面圖5.9管理員主界面用戶訪問各個子模塊之前，系統會檢驗當前用戶是否已登錄該平臺。若用戶是已登錄狀態，用戶可訪問主界面中的任意子模塊；若用戶是未登錄狀態，系統會自動跳轉到登錄界面。其中，普通用戶和系統管理員具體可操作模塊如下所示：（1）系統管理員：順序練習模塊、隨機練習模塊、章節練習模塊、在線考試模塊、錯題練習模塊、查看所有用戶成績模塊、查看用戶信息模塊、登錄模塊、注冊模塊。（2）普通用戶：順序練習模塊、隨機練習模塊、章節練習模塊、在線考試模塊、錯題練習模塊、修改信息模塊、查看學習情況模塊、登錄模塊、注冊模塊。5.5順序練習模塊本模塊的實現首先要連接數據庫，根據題目的QuestionID從數據庫中查找對應的題目并將其顯示在前端頁面上。該模塊的出題順序和數據庫中的題目順序一致，當用戶點擊下一題時，題目的QuestionID加1，以此類推，直到將數據庫中的題目都顯示完為止。順序練習的界面如圖5.10所示：圖5.10順序練習界面系統在用戶做題過程中會記錄選項的QuestionID并將其與數據庫中存儲的對應題號的題目的正確答案作對比，如果答案一致在前端界面上顯示“回答正確！”，如果答案不一致，則顯示“回答錯誤”并顯示該題的正確答案。實時判斷正誤界面如圖5.11和5.12所示：圖5.11答題正確界面圖5.12答題錯誤界面5.6隨機練習模塊本模塊的實現首先要連接數據庫，根據題目的QuestionID從數據庫中查找對應的題目并將其顯示在前端頁面上。該模塊的出題順序采用了一個rand()函數，在數據庫中現有的296個題目里隨機生成一個題號，當用戶點擊下一題時，系統調用一次rand()函數，以此類推，直到完成296個題目的隨機輸出。隨機練習的界面如圖5.13所示：圖5.13隨機練習界面同上述順序練習一樣，系統在用戶做題過程中會記錄選項的QuestionID并將其與數據庫中存儲的對應題號的題目的正確答案作對比，如果答案一致在前端界面上顯示“回答正確！”，如果答案不一致，則顯示“回答錯誤”并顯示該題的正確答案。實時判斷正誤界面如圖5.14和5.15所示：圖5.14答題正確界面圖5.15答題錯誤界面5.7章節練習模塊本模塊將題庫中的題目分為七個章節，在數據庫中建立題庫表時，設置了章節字段，每個題目導入到題庫表時會標注屬于哪一章節。通過一個Where條件查詢語句，將七個章節的題目分別顯示在相應的章節界面上。章節練習的界面顯示如圖5.16所示：圖5.16章節練習界面章節練習實時判斷答題正誤的實現原理與順序練習一致，在此不做贅述。5.8在線考試模塊在線考試模塊中系統默認的考試范圍是近代史所有章節。只有管理員擁有對考試范圍的設置權限（具體見5.13.3），若管理員未設置考試范圍，則系統保持默認。在線考試界面如圖5.17所示。圖5.17在線考試界面本模塊設置了倒計時功能，倒計時功能的實現采用了JavaScript語言，在離考試結束還有五分鐘和考試結束的時間點都設定了提醒。在線考試提醒彈窗的界面如圖5.18所示：圖5.18倒計時提醒彈窗界面當到考試時間，系統彈窗會提醒考生考試結束，學生將無法再答題，同時系統會自動提交答卷。如圖5.19所示：圖5.19在線考試考試結束彈窗提醒當用戶做題時，系統會實時判斷正誤，記錄答對的題數，并計算用戶獲得的分數，但不會實時將判斷結果顯示在界面。當用戶點擊交卷后，系統會將計算的考試成績反饋給用戶。如圖5.20所示：圖5.20考試成績界面5.9錯題練習模塊本模塊記錄了登錄用戶在所有答題模塊的做題過程中產生的錯題，其實現原理是在數據庫中建立了錯題表，每次將錯題的QuestionID和用戶的StudentID記錄在錯題表中。用戶登錄后，系統根據用戶的StudentID，查找錯題表中所有該StudentID對應的行，再根據每行的QuestionID查找題目表（tquestioninfo），并將該QuestionID對應的題目信息顯示到錯題練習中。錯題練習界面如圖5.21所示：圖5.21錯題練習模塊界面錯題練習實時判斷答題正誤的實現原理與順序練習一致，在此不做贅述。5.10修改信息模塊已登錄的用戶可在本模塊修改注冊時記錄在數據庫中的個人信息，包括姓名、密碼、QQ號、手機號、郵箱。學號為本系統對用戶的唯一標識信息，故不能修改。同注冊時的要求一致，用戶修改后的信息也必須合法，否則系統不予保存且報錯。修改后的合法信息提交后將覆蓋數據庫中原有的數據。修改信息界面如圖5.22所示：圖5.22修改信息模塊界面5.11學習情況模塊本模塊旨在對學生的學習情況作出統計，包括多次考試成績單、最近五次成績折線圖和錯題分布情況三個模塊，便于學生根據自身的成績和對各個章節的掌握情況調整未來的學習方案。5.11.1考試成績單考試成績單中記錄了用戶所有的考試成績的具體信息，系統根據用戶學號聯合查找用戶信息表（tuserinfo）和成績數據表（tgradeinfo）兩張表中的用戶學號、姓名、考試時間和考試分數信息，并將查找的結果以表格的形式反饋給用戶。考試成績單界面如圖5.23所示：圖5.23考試成績單模塊界面5.11.2成績分布折線圖成績分布折線圖中只展示最近五次的考試成績，并以折線圖的形式直觀的體現用戶的考試成績趨勢；系統根據用戶學號查找成績數據表（tgradeinfo）并將讀取的數據存入數組中，利用HTML的canvas元素繪制出如下折線圖：圖5.24成績分布折線圖5.11.3錯題分布扇形圖在錯題分布扇形圖中，系統通過聯合查找錯題表（terrorinfo）和題庫表（tquestioninfo）的題號和對應的章節號，分別計算出每一章節錯題的百分比，再使用PHP中的imagefilledarc()函數繪制出能反映用戶對各章節掌握程度的錯題分布扇形圖，如圖5.25所示：圖5.25錯題分布扇形圖5.12管理員功能5.12.1顯示/刪除用戶信息模塊用戶信息模塊的實現原理是在數據庫中建立了用戶表，用select語句將用戶表中除密碼外的數據讀取并在界面中以表格的形式展現，該模塊中會顯示近代史在線學習平臺所有注冊用戶的個人信息。用戶信息模塊只有管理員有權限訪問，并且管理員擁有對任一用戶的修改和刪除權限。用戶信息界面如圖5.26所示：圖5.26顯示用戶信息模塊界面當管理員選擇對某一用戶進行刪除操作后，系統會從數據庫讀取出該用戶的所有個人信息，由管理員確認后再將該用戶從數據庫中完全刪除。刪除操作如圖5.27和圖5.28所示：圖5.27刪除用戶信息操作圖5.28刪除成功界面5.12.2用戶成績單模塊用戶成績單記錄了所有用戶的所有考試成績的具體信息，該模塊只有管理員有權訪問。系統根據用戶學號聯合查找用戶信息表（tuserinfo）和成績數據表（tgradeinfo）兩張表中的用戶學號、姓名、考試時間和考試分數信息，并將查詢結果以表格的形式反饋給管理員。除此之外，系統會根據查詢結果計算出所有用戶成績的及格人數和及格率、80分以上人數和優秀率、90分以上人數供管理員參考。用戶成績單界面如圖5.29所示：圖5.29用戶成績單界面5.12.3設置考試范圍管理員的在線考試功能和用戶的在線考試功能略有不同。用戶的在線考試模塊中系統默認的考試范圍是近代史課程所有章節，而管理員的在線考試模塊可以設置用戶的考試范圍。若管理員設置了考試范圍，則在線考試模塊的題目均出自該范圍；若管理員未設置考試范圍，則系統保持默認。設置考試范圍界面如圖5.30所示：圖5.30設置考試范圍界面

第6章總結與展望6.1本文總結隨著時間的推移，在導師的指導、同學的幫助和自己的鼓勵下，我的畢業設計也接近了尾聲。在完成畢業設計的整個過程中，我遇到了很多的問題；因為是自學PHP，所以我剛接觸PHP時使用的學習方法很不合理，從一開始安裝Wampserver服務器的失敗，到數據庫設計不合理，再到無法將題目導入數據庫等等，每一個問題都曾讓我有過放棄的念頭；但是，每解決一個難題，我的成就感就會十分強烈，當我把題目導入數據庫的時候，當我實現了注冊登錄功能的時候，當我實現了實時判斷正誤功能的時候……這些在專業人員眼里看起來十分簡單但對我而言卻是難題，而我憑借個人努力做到的時候，我真實地感受到了學習的快樂！畢業設計題目確定后，從一名在校大學生的角度，我比較明確地確定了本次項目的需求分析，并形成文檔。從宏觀層面確定了該項目的主要內容、設計目的、實現技術等，并對整個項目進行功能模塊的劃分，進入概要設計。由于良好的數據庫地建立對于數據的綜合運用和統計的便利性有著密不可分的聯系，并且數據庫的設計決定著在不同需求下進行數據操作時，對數據處理挖掘的簡便性和復雜性，于是我根據不同模塊的功能需求，并利用適當輔助工具，對數據庫進行了更加清楚和邏輯嚴謹的設計。在整個過程中，我明白了在做一個項目的時候必須按一定的邏輯結構去設計每個環節、每個模塊，至上而下，有理有據。從目前近代史在線學習平臺的完成度來看，我認為這一網站存在的問題還有很多，管理員和普通用戶的功能存在大量冗余，各個模塊的功能也幾乎沒有特色。我的初心是制作一個互動性強的網頁，能實現老師和同學之間的交流，像一個論壇式的學習平臺，但無奈才淺學疏，只好潦草收場。雖然這個平臺問題很多，矛盾很多，但不可否認我在這一項目中也學到了很多，希望在未來的學習路上，我能夠對此項目不斷完善，達到內心滿意的水準！6.2工作展望論文寫到最后，本該給大學的最后一章寫點鼓勵和美好的憧憬，但我沒有底氣這樣做。近代史在線學習平臺從初具模型到完成耗費的時間近兩