近代史在線學習平臺的設(shè)計與實現(xiàn)

近代史在線學習平臺PAGE近代史在線學習平臺的設(shè)計與實現(xiàn)TheDesignandImplementationofModernHistoryOnlineLearningPlatformPAGE40摘要“以史為鑒，可以知興替”，這句話告訴我們學習歷史的重要性和意義。歷史是全人類智慧的共同結(jié)晶，值得所有人鼓掌驚嘆，然而在物欲橫流的社會中，人們每天都在為生活忙碌、為理想奮斗，極易因時間不夠而忽視對歷史的學習。對被保護在避風港中的我們來說，由于整個社會的普遍共識是只要我們學好自己的專業(yè)知識就足夠了，其他課程僅僅以不掛科作為評判好壞的依據(jù)，而我們也十分樂意遵從這樣的理念，像完成“任務”一樣隨意地度過了不長不短的四年，因此更不容易潛心下來學習歷史知識。基于此，教育部將《中國近現(xiàn)代史》作為所有在校本科生的一門公共必修課，以強制的手段避免我們忽視對歷史知識的學習。從另一方面來看，隨著近年來本科畢業(yè)的學生逐漸增多，就業(yè)壓力持續(xù)加大，學歷在找工作時成為十分重要的籌碼，能夠讓他們在求職人群中脫穎而出，因此為了提高自身在找工作的競爭力，獲取更高的學歷成為大家爭相競逐的目標，這導致考研人數(shù)近年來不斷攀升?！吨袊F(xiàn)代史》在考研政治中占據(jù)重要地位，且政治是每位考生必考的科目，故學好該課程對提高考研成績十分有益。然而縱觀整個市場，能幫助大學生學習《中國近現(xiàn)代史》的產(chǎn)品少之又少，僅僅依靠課本和本科生的自覺性去完成一門科目是一件很困難的事情。因此，為解決這一問題，可設(shè)計一個適合大學生的近代史在線學習平臺，用來幫助本科生完成對《中國近現(xiàn)代史》這門課程的學習。近代史在線學習平臺（ModernHistoryOnlineLearningPlatform）是一個面向所有學生的學習平臺，可以讓大家在學習時不受時間和空間的限制，有效利用課余時間進行全面深入的學習。本科生可以通過該平臺了解自身在《中國近現(xiàn)代史》學科的知識盲點，還可以利用該平臺對《中國近現(xiàn)代史》學科進行在線測試。近代史在線學習平臺以WampServer和Eclipse為開發(fā)工具，采用PHP編程語言和MySQL數(shù)據(jù)庫實現(xiàn)。主要功能模塊包括：順序練習、在線考試、錯題練習、查看學習情況、修改用戶信息等。本系統(tǒng)還設(shè)置了用戶和管理員兩種不同的用戶類型，確保了系統(tǒng)的安全性和可靠性。關(guān)鍵詞：近代史；考研；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開發(fā)背景 11.3可行性分析 21.3.1操作可行性分析 21.3.2經(jīng)濟可行性分析 21.3.3技術(shù)可行性分析 2第2章開發(fā)工具及其簡介 32.1WampServer主要特點 32.2MySQL簡介 32.3PHP簡介 32.4Eclipse主要特點 4第3章開發(fā)環(huán)境搭建 53.1搭建開發(fā)環(huán)境步驟 53.1.1WampServer3.0安裝 53.1.2Eclipse安裝 83.2WampServer使用簡介 93.3Eclipse使用簡介 10第4章系統(tǒng)的概要設(shè)計 134.1系統(tǒng)功能結(jié)構(gòu)圖 134.2系統(tǒng)數(shù)據(jù)庫設(shè)計 134.2.1概念設(shè)計 134.2.2物理設(shè)計 154.3數(shù)據(jù)庫的創(chuàng)建 164.4數(shù)據(jù)表的實現(xiàn) 16第5章系統(tǒng)的詳細設(shè)計及實現(xiàn) 195.1系統(tǒng)流程概述 195.1.1系統(tǒng)流程圖 195.1.2登錄流程圖 205.2注冊模塊設(shè)計及實現(xiàn) 205.3登錄模塊設(shè)計及實現(xiàn) 235.4主界面的設(shè)計及實現(xiàn) 245.5順序練習模塊 265.6隨機練習模塊 275.7章節(jié)練習模塊 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設(shè)置考試范圍 36第6章總結(jié)與展望 376.1本文總結(jié) 376.2工作展望 37參考文獻 39致謝 40第1章緒論1.1前言一個民族的歷史，承載著這個民族的集體記憶。近代以來，那些照耀史冊的民族英雄為改變中華民族半殖民地半封建的國情和中華民族的偉大復興貢獻了自己的聰明才智，讓中國這個古老的東方大國創(chuàng)造了人類歷史上前所未有的發(fā)展奇跡。因此，了解自己民族的歷史，不僅可以增強我們作為中國人的民族自豪感，而且會增強我們對中華文明的文化認同感，這樣的情感勢必會由內(nèi)而外地影響到我們的生活和言行。隨著現(xiàn)代社會和科技高速發(fā)展，市場人才需求量不斷擴大；對于有些想要走到更高階層的人群來說，怎樣才能在人群中脫穎而出，在市場上提高自身的競爭力，成為了他們不得不思考的問題，所以考研必定是大勢所趨，人心所向。此外，從近幾年的社會競爭激烈程度來看，未來幾年考研人數(shù)只增不減！因此，考研對本科生而言將是一條實現(xiàn)人生價值的必由之路。眾所周知，政治在考研中占據(jù)重要地位，《中國近現(xiàn)代史》是考研政治的一門重要學科。對文科同學而言，高中三年的文綜學習經(jīng)驗能讓他們快速拾起近代史這一學科；但對理科和工科的同學來說，近代史必然成為一道難過的檻。1.2開發(fā)背景近代史在一個民族和國家中的地位和作用是客觀存在的，這種客觀性是由物質(zhì)和意識，經(jīng)濟基礎(chǔ)與上層建筑的辯證關(guān)系決定的。學習近代史，不僅能培養(yǎng)中國人民的愛國主義精神、提高國民文化素質(zhì)，而且對學生的思想政治教育工作和本科生的考研學習具有重要意義。隨著計算機信息技術(shù)的快速發(fā)展和電腦、手機等電子設(shè)備的逐漸生活化，大學生擁有電腦的比例超過95%，網(wǎng)上學習逐漸成為課堂教學以外學生獲取知識最為重要的渠道。近代史的學習不僅注重往日閱讀積累，同其他學科一樣，也需要通過大量的練習來鞏固和強化課本的知識。因此，我開發(fā)了近代史在線學習平臺，在校學生可以通過這一平臺在課堂外對《中國近現(xiàn)代史》課程涉及的重點、難點進行全面的梳理和學習，進一步加深對該課程內(nèi)容的理解；利用該平臺幫助學生在《中國近現(xiàn)代史》課程取得高分的同時，也能引導學生樹立起正確的三觀（人生觀、價值觀和世界觀）。1.3可行性分析1.3.1操作可行性分析近代史在線學習平臺界面干凈美麗，模塊清晰，遵循主流網(wǎng)站設(shè)計規(guī)范。新用戶需要以學號等信息注冊一個賬號，并通過該賬號登錄學習平臺即可進入網(wǎng)站的其他模塊。因此，近代史在線學習平臺具有操作可行性。1.3.2經(jīng)濟可行性分析中國近現(xiàn)代史的題目均可從網(wǎng)絡上免費下載，近代史在線學習平臺的題庫都源自已上傳到互聯(lián)網(wǎng)的各高校近代史期末考試及歷年全國碩士研究生考試，所有題目均依照碩士生入學考試《中國近現(xiàn)代史》考試大綱編寫，知識覆蓋廣泛且全面，不論是對為了獲得《中國近現(xiàn)代史》課程學分的大一大二同學而言，還是對為了通過碩士研究生考試的備考同學來說，近代史在線學習平臺既有較強的針對性和實用性，又幾乎是零成本，是一個兩全其美的選擇。因此，近代史在線學習平臺具有經(jīng)濟可行性。1.3.3技術(shù)可行性分析本網(wǎng)站開發(fā)所使用的開發(fā)語言是PHP，使用到的技術(shù)包括Ajax、JavaScript、HTML和CSS等，這些語言都是目前web開發(fā)中十分成熟的免費的開源語言；網(wǎng)站使用的數(shù)據(jù)庫是MySQL，MySQL使用免費且在web開發(fā)中擁有非常出色的性能。PHP+MySQL是目前最為成熟、穩(wěn)定、安全的WEB開發(fā)技術(shù)，廣泛應用于各大型網(wǎng)站的開發(fā)。除此之外，互聯(lián)網(wǎng)上對于如何使用PHP+MySQL制作網(wǎng)站有著非常豐富的資料供初學者學習和參考，開發(fā)者可以從前輩的經(jīng)驗中找到絕大多數(shù)問題的解決方法。因此，近代史在線學習平臺的開發(fā)具有技術(shù)可行性。通過以上分析，近代史在線學習平臺的開發(fā)在操作上、經(jīng)濟上、技術(shù)上都是可行的。

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

第3章開發(fā)環(huán)境搭建3.1搭建開發(fā)環(huán)境步驟3.1.1WampServer3.0安裝1.打開網(wǎng)站（網(wǎng)址為：）下載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文件夾下，可根據(jù)自身情況修改地址，然后點擊Next，如圖3.4所示：圖3.4修改安裝地址頁面5.自行選擇是否創(chuàng)建桌面快捷方式，點擊后等待WampServer安裝，如圖3.5所示：圖3.5WampServer安裝過程頁面6.點擊Finish，WampServer就安裝完成了！如圖3.6所示：圖3.6WampServer安裝完成頁面7.點擊右下角的圖標，再點擊localhost，若出現(xiàn)圖3.7則表示安裝成功。圖3.7WampServer運行頁面3.1.2Eclipse安裝1.打開網(wǎng)站（網(wǎng)址為：/downloads/）下載Eclipse軟件，解壓壓縮包并點擊Eclipse.exe文件。如圖3.8所示：圖3.8運行安裝包頁面2.修改地址，點擊OK，安裝完成。如圖3.9所示：圖3.9修改運行地址頁面3.2WampServer使用簡介1、雙擊WampServer啟動快捷方式。如圖3.10所示。圖3.10WampServer快捷方式2、待右下角圖標由紅色變?yōu)槌壬僮優(yōu)榫G色后，表示W(wǎng)ampServer啟動完成。3、網(wǎng)站的所有項目都位于wamp安裝目錄下的www文件夾中，以后www目錄下的網(wǎng)站訪問形式都形如http://localhost/文件名或者目錄名/文件名，如圖3.11所示：圖3.11訪問項目頁面4、phpMyAdmin數(shù)據(jù)庫的管理：點擊右下角小圖標，再點擊phpMyAdmin進入數(shù)據(jù)庫管理界面，如圖3.12所示：圖3.12數(shù)據(jù)庫管理頁面3.3Eclipse使用簡介1.雙擊eclipse,進入eclipse頁面，如圖3.13所示：圖3.13Eclipse頁面2.點擊File->New->PHPproject，選擇Finish，則新建了一個PHP項目。如圖3.14所示：圖3.14創(chuàng)建PHP項目3、選中你新建的項目文件，右鍵，New->PHPFile，如圖3.15所示：圖3.15新建PHP文件修改文件名后，點擊Finish，即新建了一個.php文件，我們可以在創(chuàng)建的文件中開始一段美麗的開發(fā)之旅！

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

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

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