基于JS的天成教育系統(tǒng)設(shè)計與實現(xiàn)

基于JS的天成教育系統(tǒng)設(shè)計與實現(xiàn)DesignandRealizationoftheNaturalEducationSystemBasedonJS摘要如今的科技發(fā)展如此迅速，各個方面都受益于科技的發(fā)展，最受大家矚目的教育行業(yè)也不例外，應用在教育行業(yè)最直觀的改變就是越來越多的在線教育方式層出不窮。在線教育使人們認識到了科技所帶來對自身的便捷，以及對教育的便捷。教育的方式，地點，以及怎樣獲得教育的方式都被在線學習所帶來的技術(shù)所顛覆。在如今的時代，在線教育更加表明了作為科技壟斷教育的第一方式理應首當其沖。越來越多的網(wǎng)校、網(wǎng)站及相關(guān)教輔機構(gòu)不斷涌現(xiàn)，用戶規(guī)模也越來越大。本人做的基于JS的天成教育系統(tǒng)主要可以實現(xiàn)學生端注冊登錄、在線看課、在線考試和瀏覽新聞等功能。教師端登錄可以實現(xiàn)上傳試題、設(shè)置分數(shù)分值、批閱考卷以及上傳授課視頻等功能。此項目中后臺管理員主要是負責網(wǎng)站的統(tǒng)籌和維護，功能上主要實現(xiàn)教務管理模塊、學員管理模塊與新聞通知等模塊。關(guān)鍵詞在線學習在線教育線上網(wǎng)校AbstractNowadays,scienceandtechnologyisdevelopingsorapidlythatallaspectsbenefitfromthedevelopmentofscienceandtechnology,andtheeducationindustry,whichhasattractedthemostattention,isnoexception.Themostintuitivechangeintheeducationindustryisthatmoreandmoreonlineeducationmethodsemergeoneafteranother.Onlineeducationmakespeoplerealizetheconvenienceofscienceandtechnology,aswellastheconvenienceofeducation.Theway,where,andhowtogeteducationaresubvertedbythetechnologybroughtaboutbyonlinelearning.Intoday'sera,onlineeducationhasallthemoreshownthatasthefirstwayofmonopolizingeducationbyscienceandtechnology,itshouldbearthebrunt.Moreandmoreonlineschools,websitesandrelatedteachingandauxiliaryinstitutionscontinuetoemerge,andthescaleofusersisalsogettinglargerandlarger.TheNaturaleducationsystembasedonJScanmainlyrealizethefunctionsofstudentregistration,onlineclasswatching,onlineexaminationandnewsbrowsingandsoon.Theteacherlogincanuploadthetestquestions,setthescore,reviewthetestpapersanduploadtheteachingvideoandsoon.Inthisproject,thebackgroundadministratorismainlyresponsiblefortheoverallplanningandmaintenanceofthewebsite,andmainlyrealizestheeducationaladministrationmodule,studentmanagementmoduleandnewsnotificationmodule.Keywords：OnlineLearningOnlineEducationOnlineSchools長春工程學院畢業(yè)設(shè)計（論文）引言1.1課題背景和意義在如今互聯(lián)網(wǎng)的熱潮下，教育正在從線下向線上過渡，因此，在線教育成了近幾年業(yè)界的首位。隨著基礎(chǔ)設(shè)施的完善，用戶的需求也發(fā)生了變化。傳統(tǒng)教育機構(gòu)、新興互聯(lián)網(wǎng)企業(yè)都探索了在線教育的最佳模式[1]。在現(xiàn)階段，教育資源非常豐富，但同時很多問題也隨之暴露出來，比如教育資源的分布不均衡、教師和學生的供給需求雙方的信息不足、工作信息不透明、中間部分太多和監(jiān)督管理不善等。隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展，在線學習變成了新興的學習模式，從而在一定程度上解決了教育訓練工作的各種困境。在線課程的建設(shè)是我國高等教育質(zhì)量項目的重要組成部分，是我國高等教育的迅速發(fā)展，規(guī)模不斷擴大的首要目標。國家對在線課程項目的建設(shè)逐漸進入群眾化階段，以教育信息化的進展為背景，慢慢開展了重大的教育改革項目。天成教育系統(tǒng)完全可以根據(jù)個人需要，對教學內(nèi)容和時間進行靈活的選擇。此系統(tǒng)是實時的交互多媒體（流媒體）的網(wǎng)絡(luò)教育系統(tǒng)，可以實現(xiàn)授課的點播課程視頻播放、教師和學生在網(wǎng)絡(luò)上的交流、學生的自學，也可提供在線作業(yè)和網(wǎng)絡(luò)考試等功能。通過本系統(tǒng)的使用，教師可以擴大授課的信息量，充分利用教育資源，提高學生的學習效率，為提高教育質(zhì)量提供技術(shù)保證。同時，天成教育系統(tǒng)能夠?qū)崿F(xiàn)教師和學生的雙向相互作用，提高學生網(wǎng)絡(luò)上學習的興趣，從而真正提高網(wǎng)絡(luò)教育的質(zhì)量。為了滿足天成教育系統(tǒng)的建設(shè)需求，本論文研究、設(shè)計和實現(xiàn)基于微軟的.Net框架，以微軟的VisualStudio2008為開發(fā)工具，進行了ASP.NET應用程序的設(shè)計。本系統(tǒng)是以JavaScript為腳本語言，SQLServer2008R2為標準數(shù)據(jù)庫，從而開發(fā)的B/S模式的天成教育系統(tǒng)。1.2國內(nèi)外現(xiàn)狀在線教育，顧名思義就是基于網(wǎng)絡(luò)的一種學習。隨著日常生活與科學技術(shù)的蓬勃發(fā)展和穩(wěn)固創(chuàng)新，互聯(lián)網(wǎng)已然成為當前這個時代的必需品。它不僅滲透在人們的生活與工作當中，同時也推動了我們學習方式和教育方式的改革和進步。尤其在教育這個方面，互聯(lián)網(wǎng)的影響尤為明顯。比如我所做的天成教育系統(tǒng)，就是針對中小學生推出的線上課程網(wǎng)站。為什么針對中小學這個群體，是因為我在研究初期做過詳細的調(diào)查，發(fā)現(xiàn)中小學生這個群體是接受教育相對較大的群體，而國外，也有很多家主流網(wǎng)站公司都推出了類似的網(wǎng)站。國外專家開發(fā)了K12這個新名詞，是kindergartenthroughtwelfthgrade的略記。從幼兒園（Kindergarten，通常為5～6歲）到12年級（等級Twelve，通常為17～18歲），這兩個學年是美國、澳大利亞、英國、加拿大的免費教育最后兩個年級。另外，也可以被叫做基礎(chǔ)教育階段的總稱。國外的中小學生教育已經(jīng)很早起步，當然國內(nèi)的也不差，已經(jīng)有很多教育機構(gòu)相繼推出了不同類型的教育網(wǎng)站。在我國，很早就發(fā)展出了一批優(yōu)秀的線上課程網(wǎng)站領(lǐng)航者。比如簡單學習網(wǎng)、新東方網(wǎng)校、深海教育等等。這些歷史悠久的網(wǎng)校從最初的只能點播課程與在線聽課，到現(xiàn)在成為功能類型齊全的授課網(wǎng)站，這最直觀的表現(xiàn)了互聯(lián)網(wǎng)帶給教育行業(yè)的變化就是使人們的生活變得更加便捷。1.3課題的主要研究內(nèi)容本課題主要研究的內(nèi)容是：本文討論的是基于網(wǎng)絡(luò)的天成教育系統(tǒng)，通過閱讀書籍和老師的指導，學習了大量的基于JavaScript的腳本語言開發(fā)技術(shù)與SQLServer2008數(shù)據(jù)庫的配置與使用方法；經(jīng)過研究調(diào)查，主動創(chuàng)建系統(tǒng)需求分析報告和系統(tǒng)設(shè)計階段的功能文檔。通過老師的指導、小組成員的幫助和自己的學習總結(jié)，本人設(shè)計的天成教育系統(tǒng)功能上得到逐步完善。2背景技術(shù)簡介在開發(fā)時，本機系統(tǒng)為Windows7旗艦版，以VisualStudio2012為開發(fā)工具，數(shù)據(jù)庫為SQLServer2008R2版本，在安裝時需要將本機的360安全衛(wèi)士等關(guān)閉，否則會出現(xiàn)安裝失敗的情況。使用語言環(huán)境為JavaScript，同時摻雜利用ASP.NET技術(shù)。前期開發(fā)完成后附加到IIS6.0環(huán)境下進行功能測試，當時測試環(huán)境為.NETFramework，同時JavaScript是.NET的默認使用語言進行開發(fā)，用這種組合進行開發(fā)可以開發(fā)中因開發(fā)環(huán)境的干擾而出現(xiàn)錯誤，此管理系統(tǒng)主要用到的JavaScript語言、ASP.NET技術(shù)在以下部分會進行簡略的功能介紹[2]。JavaScript是.NET的默認開發(fā)語言，用這種組合進行開發(fā)可以大大減少開發(fā)中因開發(fā)環(huán)境的干擾而出現(xiàn)錯誤。此數(shù)據(jù)庫基本上是通過ADO技術(shù)來訪問數(shù)據(jù)庫。2.1網(wǎng)站系統(tǒng)ASP.NET技術(shù)ASP.NET在具有很多功能的環(huán)境中，可以把瀏覽器表單的控制作為對象來處理。服務器方也可以在平臺間訪問其他種類，可以與其他有效的服務連接。該技術(shù)在頁面上使用的控件提供了非常強大的功能，幾乎可以在表單中實現(xiàn)所有功能。在一些方面，ASP.NET技術(shù)和其他非常多的網(wǎng)頁技術(shù)很相似，但是他們之間有一個很大的區(qū)別就是ASP.NET是可以和.NETFramework集成的，其中包含了對JavaScript的支持[3]。與高級的編程語言相比較，其中最主要的區(qū)別便是ASP.NET為我們提供了對于我們來說是相當完整的服務器對象模型，我們可以在運行時使用這些模型。使用ASP技術(shù)編寫網(wǎng)頁文件的拓展名是.asp，而這種網(wǎng)頁又被稱為ASP網(wǎng)頁，ASP頁面的制作很簡單，其內(nèi)容可以包含HTML標記、普通文本、腳本指令以及COM組件等。ASP不僅是一種動態(tài)技術(shù)，也是巨大的技術(shù)集合。ASP內(nèi)容的復雜性和功能強大性遠不止上面所描述的?？梢哉f，ASP是Microsoft在WWW時代給出的一整套Web應用開發(fā)解決方案，是Microsoft各項優(yōu)異的Windows技術(shù)耦合的結(jié)果。ASP的最新版是ASP.NET，其對應的文件名的拓展名為.aspx。ASP技術(shù)只要系統(tǒng)中的用戶、會員、管理員在瀏覽器中對一個網(wǎng)頁進行請求，對應的服務器就會處理ASP代碼邏輯，從而自動生成相應的HTML代碼集，然后將它傳送到用戶瀏覽器的網(wǎng)頁并顯示其頁面。ASP主要有客戶端前臺代碼和后臺代碼，這兩個代碼是互不影響的代碼段，這樣就不用擔心用戶的瀏覽器是否能運行后臺所編寫的代碼，因為所有的程序集的代碼都在客戶端瀏覽器上執(zhí)行，還有頁面上加入的HTML腳本語言代碼所編寫的腳本程序。如此就相當大的程度減少了服務器的運行負擔，相當大的程度提高了服務器的工作效率，主要是提高了頁面交互的速度[4]。ASP與一般的程序是有很大區(qū)別的，ASP程序不用像其他一樣需要編譯，它是不需要在環(huán)境中編譯再運行的，ASP程序可以直接在網(wǎng)頁中進行查看其頁面效果的。通過腳本語言來編寫設(shè)計系統(tǒng)的頁面效果。在準備執(zhí)行ASP的程序時，腳本程序會向腳本解釋器發(fā)出腳本命令，通過腳本編輯器來進行翻譯指令，將會翻譯成瀏覽器可以執(zhí)行的命令[5]。2.2MicrosoftSQLServer2008R2數(shù)據(jù)庫數(shù)據(jù)庫是從數(shù)據(jù)存儲開始發(fā)展的，SQLServer的主要功能是數(shù)據(jù)存儲，MicrosoftSQLServer2008是一個完整的數(shù)據(jù)庫產(chǎn)品，包含許多的產(chǎn)品組件并有強大的功能。由于MicrosoftSQLServer2008版本不同，其組件和功能也不相同。在SQLServer對數(shù)據(jù)庫的操作有兩種方式，一種是圖形界面的管理方式，還有一種是以Transact-SQL語言的形式在字符界面下進行管理和操作。其中使用字符界面中的Transact-SQL語言進行數(shù)據(jù)庫管理和操作要比圖形界面好，因為它的速度要比圖形界面的操作快的多。本系統(tǒng)的開發(fā)使用的是SQLServer2008R2版本。SQLServer在2008這個版本中做了很多改進，并且使用了很多的新技術(shù)，SQLServer2008技術(shù)的更新為我的系統(tǒng)項目的運行提供良好的技術(shù)支持[6]。本人設(shè)計的基于JavaScript的天成教育系統(tǒng)采用了連接到MicrosoftSQLServer2008R2版本的VS的數(shù)據(jù)庫管理系統(tǒng)。其中，包含了很多新的操作，在基于SQL服務器7.0，數(shù)據(jù)庫的性能提高了。其可信度、質(zhì)量及便利性都得到了擴展，可以說是比較完善的關(guān)系型數(shù)據(jù)庫。它具有較高的數(shù)據(jù)處理性能，非常穩(wěn)定，性能更高，且使用方便，因此可以直接保存XML數(shù)據(jù)。最后的檢索結(jié)果以XML形式輸出。2.3B/S體系結(jié)構(gòu)相對于B/S結(jié)構(gòu)，C/S有對應的劣勢，此系統(tǒng)采用了B/S布局，B/S布局結(jié)構(gòu)(Browser/Server,瀏覽器/服務器)這是種由服務器、客戶端、Web服務器三層布局結(jié)構(gòu)分布組成，這類應用于計算機網(wǎng)絡(luò)的操作系統(tǒng)，具備了互聯(lián)網(wǎng)的各種相關(guān)技術(shù)優(yōu)點，后續(xù)中對系統(tǒng)的維護、跨平臺操作等都具備很大的益處。在B/S體系結(jié)構(gòu)中，用戶可以使用瀏覽器隨時來訪問服務器，服務器中的程序訪問數(shù)據(jù)庫服務器把數(shù)據(jù)反饋給用戶。B/S系統(tǒng)程序中，所有的用戶界面都是通過瀏覽器來傳達的，大部分的程序邏輯功能基本上在Web服務器中實現(xiàn)，也有一小部分可以放在瀏覽器中（如：用戶輸入的合法性驗證），所有的數(shù)據(jù)庫事務都是由數(shù)據(jù)庫服務器來完成的。整個系統(tǒng)進行了這三層的分工之后，設(shè)計思路就清晰了。在瀏覽器端可以使用的編程語言和技術(shù)比較多，系統(tǒng)設(shè)計人員可以有多種不同的選擇。使用瀏覽器來呈現(xiàn)用戶界面，程序的所有功能邏輯就可以全部放到服務器端，這樣方便系統(tǒng)的維護和升級。當系統(tǒng)發(fā)現(xiàn)漏洞時只需要對服務器中的系統(tǒng)進行維護修復，無需對大量的客戶端進行維護修復，大大節(jié)約了系統(tǒng)維護成本。B/S體系結(jié)構(gòu)的程序，在安全性方面也有很多的優(yōu)勢，瀏覽器可以使用HTTPS協(xié)議訪問服務器，對傳輸?shù)臄?shù)據(jù)加密，從而提高數(shù)據(jù)的安全性[7]。2.4JavaScript簡介JavaScript是目前全球最流行的編程語言之一，簡稱JS，它已廣泛應用于Web應用開發(fā)。AJAX出現(xiàn)后，JavaScript在網(wǎng)頁開發(fā)中的地位顯得更加重要。它可以幫助操作Web文檔結(jié)構(gòu)，可實現(xiàn)前后臺的靈活交互，與CSS結(jié)合使用，更可實現(xiàn)各種完美的頁面特效。但同樣，JavaScript自身也存在問題，最嚴重的一個莫過于各種瀏覽器對JavaScript的實現(xiàn)各不相同，這導致很難編寫出能跨瀏覽器運行的腳本，隨著Web的發(fā)展，新版JavaScript規(guī)范的推出，該問題終將得到解決。JavaScript是門全面的編程語言，能處理復雜的計算和交互，還具有閉包函數(shù)、面向?qū)ο蟮忍匦?，因此要完全地掌握這門語言并不容易[8]。2.4.1網(wǎng)頁制作工具的選擇MicrosoftVisualStudio，該系列的版本有：2003、2005、2008和2012等，我選用了比較經(jīng)典的2012版本，比較適合開發(fā)動態(tài)的aspx網(wǎng)頁，同時，還能制作無刷新網(wǎng)站、Webservice功能等。記事本，能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態(tài)腳本，方能制作出網(wǎng)頁來在制作過程中，我還用到了PS以及Flash來剪輯視頻與繪制圖片。2.4.2Web頁面的設(shè)計與制作頁面設(shè)計分為外觀與結(jié)構(gòu)兩個模塊。就頁面外觀而言，因為我們做的是中小學在線課程教育系統(tǒng)，所以面向的對象是學生們的父母。整個頁面來講，應該力求簡單大方，忌諱商務風格太重，過于刻板與嚴肅。應該適當摻雜一些卡通元素，但不要過多的存在花哨的背景，簡潔明了即可，讓用戶點進網(wǎng)頁就能一眼看到所需要的課程或試卷。而后臺部分，管理員頁面設(shè)計應該偏傳統(tǒng)，不用特別標新立異，讓管理員登錄之后，快速查看到每個模塊所具備的功能就可以。頁面結(jié)構(gòu)上應該具有講師詳細資料介紹、課程介紹以及試題中心。就頁面結(jié)構(gòu)來說應該把網(wǎng)站最著名的講師與其課程放在推薦頁面。然后在下拉頁面時，出現(xiàn)群體需求量不太多的幼兒課程以及國學課堂。頁面在這個部分之下是大部分網(wǎng)站設(shè)計的友情鏈接與關(guān)于我們。另外，在進行登錄與注冊的時候，可以做一個自動跳轉(zhuǎn)的提示頁面來緩解網(wǎng)站轉(zhuǎn)到第二個頁面的負荷。3系統(tǒng)需求分析3.1功能需求天成教育系統(tǒng)作為一個教育網(wǎng)站，首先最主要的功能需求就是實現(xiàn)學習功能與做題功能。其次，從用戶的心理需求出發(fā)，既然在網(wǎng)站上購買課程，就要知道這個課程的授課教師是誰，什么背景以及什么學歷。這樣一來，我們就需要有講師風采模塊，來讓用戶查看教授此課程的教師的個人資料，從而選擇是否要購買并學習這個教師的課程。另外，作為用戶端，瀏覽網(wǎng)站的用戶還應該了解我們天成教育系統(tǒng)的負責人與具體設(shè)計這個網(wǎng)站的公司。這樣就必須要有關(guān)于我們的介紹模塊，這里我們可以做一個后臺改動模塊，以便變更信息。最后其他課程網(wǎng)站所擁有的友情鏈接功能，我們也要具備。可以聯(lián)系知名講堂與知名教育網(wǎng)站負責人，詢問是否愿意讓我們把他們的網(wǎng)站鏈接加進去。此系統(tǒng)主要實現(xiàn)的是所有課程網(wǎng)站都應該具備基本的看課功能，還有一些經(jīng)典課程網(wǎng)站不具備的功能，比如傳統(tǒng)課程網(wǎng)站基本由管理員上傳關(guān)于教師的授課課程以及講課視頻，這里做了一個教師登錄的端口和賦予教師一些自主的權(quán)利，管理員只在后臺管理與審核這些操作即可。天成教育系統(tǒng)用這個方法來讓教師完成應有的工作量，而不增加管理員的負擔。這樣前臺的功能就已經(jīng)初步完備。管理員部分的功能需求就要從管理員的工作量以及工作任務算起，首先要實現(xiàn)對前臺課程的管理、對教師提交申請的管理、對教師上傳授課視頻的審核、對學生注冊信息的管理與分班、以及對網(wǎng)站的統(tǒng)籌與維護。線上的中小學課程、教師自主上傳的課程、授課視頻和線上考試，所以系統(tǒng)應該具備的具體功能需求如下：學生端：登錄主界面、選擇課程、充值資金、學習課程、對講師進行評價、在線做題、在線考試和查看錯題等等。教師端：上傳授課視頻、查看自己的學員、上傳模擬試卷和批閱試卷。管理員：負責網(wǎng)站的統(tǒng)籌和維護、負責具體的教務管理模塊、學員管理模塊、新聞通知模塊和界面風格等模塊的增設(shè)與修改。3.2系統(tǒng)需求本課程網(wǎng)站的設(shè)計和開發(fā)應該是針對此類型的用戶從而建設(shè)的課程網(wǎng)站，根據(jù)用戶對象的自身特點，決定要做一個具體擁有哪些功能的網(wǎng)站，然后根據(jù)用戶群體的日常習慣，決定網(wǎng)站擁有什么特色。在系統(tǒng)需求上，本系統(tǒng)面向的用戶群體數(shù)量可觀，繼而可以實現(xiàn)大規(guī)模的課程教學。本網(wǎng)站面向的用戶年齡普遍較小，不適合單獨使用，所以必須有家長的陪同，因此一些新聞與通知面向的用戶群體就是一些年齡稍大一些的成年人，這些新聞就可以是升學新聞、考試新聞和教育通知等。用戶可以根據(jù)自己的實際情況自主開展適合自己的課程網(wǎng)絡(luò)教學，有效進行教學管理，可以盡量最大限度地提高教學質(zhì)量、教學效率、解放學生和解放教師。既合理利用了教學資源，又實現(xiàn)了效果最大化。本課程網(wǎng)站的開發(fā)，使用的服務器端的安裝簡潔明了，淺顯易懂，給后臺管理人員簡單的操作來控制網(wǎng)站，也給用戶簡單的操作體驗。用戶端無需再裝任何軟件，接入互聯(lián)網(wǎng)之后便可通過瀏覽器就直接訪問本系統(tǒng)[9]。3.3可行性分析可行性分析是通過對項目的主要內(nèi)容和配套條件，如市場需求、設(shè)備條件、環(huán)境條件，項目規(guī)模，經(jīng)濟效益等，從技術(shù)等方面進行分析研究，評估該項目是否可行，能否達到預期的目標。下面將分別從技術(shù)、社會兩個方面對基于JavaScript的天成教育系統(tǒng)的設(shè)計進行分析和研究。從技術(shù)上的可行性來說，本系統(tǒng)所采用的技術(shù)成熟，是經(jīng)過實踐檢驗的JavaScript開發(fā)技術(shù)，可以用于構(gòu)建大型的網(wǎng)站系統(tǒng)，用于建設(shè)天成教育系統(tǒng)也是非常適合的。所具備的軟件硬件系統(tǒng)系能和環(huán)境條件等也都已達到要求，配備的技術(shù)人員合適、開發(fā)時間充裕，所以本系統(tǒng)在技術(shù)上是可行的。從社會的角度來說，本系統(tǒng)無論是從設(shè)計開發(fā)過程，還是系統(tǒng)的最終用途都是符合法律規(guī)范，并且受著作權(quán)保護；本系統(tǒng)通過了大量的實地調(diào)研，對所面向的用戶進行了訪問，對其所提出的合理建議進行了參考并采納。在設(shè)計完成后，提交給用戶進行測試并反饋了相關(guān)的問題，及時地進行了修改。用戶在參與開發(fā)的過程中就已經(jīng)對本系統(tǒng)很熟悉了，所以在使用上不會存在太大的困難，無需對用戶進行過多的培訓。所以本系統(tǒng)在社會性上是可行的[10]。3.4系統(tǒng)分析功能順序圖 系統(tǒng)基本功能包括學生功能模塊、教師功能模塊和系統(tǒng)管理員模塊。學生功能：注冊登錄之后，可以進行任何可允許的操作。此順序圖展現(xiàn)了學生功能順序，具體功能如圖3-1所示。圖3-1學生時序圖教師功能：注冊登錄之后，可以進行任何可允許的操作。此順序圖展現(xiàn)了教師功能順序，具體功能如圖3-2所示。圖3-2教師時序圖管理員功能：經(jīng)由后臺登錄進功能界面，可以使用任何權(quán)限內(nèi)的功能，并將信息保存至數(shù)據(jù)庫內(nèi)并返回，此順序圖展現(xiàn)了管理員功能順序，如圖3-3所示。圖3-3系統(tǒng)管理員時序圖3.5系統(tǒng)角色用例分析關(guān)于本系統(tǒng)共分成學生、教師和系統(tǒng)管理員三個模塊，每一個模塊對應的權(quán)限和所進行的操作不同，在此系統(tǒng)中學生擁有在線選課、在線看課、在線考試、在線刷題、閱覽新聞等操作。具體功能如圖3-4所示。圖3-4學生用例圖教師的功能相對于管理員來講不那么多，原始意義是分擔了部分管理員的工作，所以模塊設(shè)計上與管理員模塊設(shè)計基本相同，具體功能是上傳課程、上傳試卷和批閱試卷等。具體功能如圖3-5所示。圖3-5教師用例圖本系統(tǒng)中，功能最全的模塊就是系統(tǒng)管理員模塊，其功能比較強大。具體功能：教務管理模塊中實現(xiàn)課程管理與統(tǒng)計分析，平臺管理模塊中實現(xiàn)注冊賬戶、新聞通知、參數(shù)設(shè)置、管理員設(shè)置與友情鏈接設(shè)置等，界面風格包括Web端風格與移動端風格。具體功能如圖3-6所示。圖3-6系統(tǒng)管理員用例圖3.6系統(tǒng)頂層流程圖本系統(tǒng)的頂層流程圖如圖3-7所示。圖3-7系統(tǒng)頂層流程圖4系統(tǒng)總體設(shè)計經(jīng)過這個階段，要確定本系統(tǒng)需要實現(xiàn)什么樣的實際工作，和應該擁有什么樣的實際功能，還應該得出選用的目標系統(tǒng)精確的描述，經(jīng)過描述進而實現(xiàn)代碼階段。在編碼階段可以將描述直接翻譯成用JS來編寫所有前臺頁面的設(shè)計與布局。然后在程序設(shè)計語言部分，則用C#語言來編寫，并實現(xiàn)每個模塊各自應有的功能，最后通過另一方面的系統(tǒng)詳細設(shè)計。系統(tǒng)總體設(shè)計的目的不僅僅要邏輯上正確地實現(xiàn)模塊的功能，而且處理過程要讓人簡明易懂并且布局優(yōu)美。就比如在學生或教師登錄模塊，要實現(xiàn)的基本功能是注冊以后可以成功登錄，但是不能單寫一個注冊成功的功能，雖然邏輯上可行，但是到了用戶使用與體驗上，注冊之后直接跳轉(zhuǎn)登錄界面有些令人困惑和不太清楚這個網(wǎng)站注冊成功之后在跳轉(zhuǎn)什么，所以我們把注冊成功之后加了一個跳轉(zhuǎn)動畫，可以讓用戶明白且清楚的看到，實現(xiàn)注冊功能之后網(wǎng)站開始自動跳轉(zhuǎn)登錄界面。做一個小小的動畫會讓用戶在體驗感上覺得更舒服。4.1計劃目標本系統(tǒng)是實現(xiàn)一個網(wǎng)頁版的在線教育系統(tǒng)。本系統(tǒng)的開發(fā)旨在方便學生與家長，學生可以在線學習，只要選定了此教師的授課視頻，就可以隨時打開網(wǎng)站觀看課程，還可以隨時打開題庫，在線刷題，無需坐在擁擠的課堂，這讓家長與學生的生活變得更方便更舒適，另外，學生還可以課后回看課程與在線做題并且提交成績，既方便學生鞏固知識與預習新課程又節(jié)省教師與家長的時間。教師端則提供教師一些關(guān)于教師身份的使用功能，比如教師上傳課程與上傳試卷，還可以上傳練習題、批閱考卷、自主設(shè)置考卷難度、查看選擇自己課程的學員等。a）前臺線上課程網(wǎng)站學生端主要功能需要有：1.課程模塊：用戶或者游客點進來的時候一眼需要看得到他們所需的課程。且注冊不繁瑣、步驟簡單與充值方便。2.做題模塊：有了試卷，才實現(xiàn)了這個線上教育系統(tǒng)的基本功能，用戶可以選擇在電腦上做相對應年級的試卷，也可以自主學習題庫，做完卷子后查看錯題，自主學習。還可以對講授課程的教師發(fā)表評價。3.新聞與通知模塊：這一部分是給用戶拓展知識，了解當前環(huán)境下的最新國家通知與一些名人趣事、教育方法和最新通知。4.關(guān)于我們和友情鏈接模塊：要在網(wǎng)站上體現(xiàn)這個網(wǎng)站的開發(fā)者，就是我們這個公司，讓用戶更多地了解我們公司進而打響品牌。b）前臺線上課程網(wǎng)站教師端主要需要有：1.課程管理模塊：其中包括上傳與發(fā)布課程、查看課程交流信息、學員信息。2.考試測試模塊：包括試卷管理、考試管理、考試成績。3.個人信息模塊：包括個人基本信息、聯(lián)系方式、工作履歷。c）后臺主要設(shè)計包括管理員模塊：管理員設(shè)計上應該實現(xiàn)的職責介紹：管理員的主要職責是負責網(wǎng)站的統(tǒng)籌和維護，不涉及具體的教學工作，例如：教務管理、學員管理、新聞通知等。管理員主要負責的有：1.教務管理模塊：其中包括課程管理與統(tǒng)計分析。2.平臺管理模塊：其中包括賬戶設(shè)置、新聞通知、參數(shù)設(shè)置、友情鏈接。3.界面風格模塊：其中包括移動端風格與Web端風格。4.2用戶使用流程分析4.2.1學生使用流程學生端實現(xiàn)登錄，登錄之后，可以進行自主選課，選擇之后充值資金從而選擇聽課看課的功能。在這之后，學生可以進行在線做題，與查閱一些資料等其他操作。如圖4-1所示。圖4-1學生端使用流程圖4.2.2教師使用流程教師端實現(xiàn)注冊功能，申請成為教師需要管理員的準許，從而可以發(fā)布與管理課程與試卷、上傳與編輯視頻、還可以連接站外視頻。除此之外還可以進行上傳試卷、評分閱卷、查看學員和查看學員評價的功能。如圖4-2所示。圖4-2教師端使用流程圖4.2.3管理員使用流程管理員在教務管理模塊中，可以新增、刪除、修改以及查詢課程，專業(yè)模塊可以自主上傳專業(yè)，可以隨意改動與增加。題庫管理可以根據(jù)題型搜索，下拉表中的題型就是上傳的自主添加的題型。另外題庫還支持導入導出功能，可以直接導出為EXCEL文件。還可以統(tǒng)計與分析當前教師的評價與學員信息。管理員在平臺管理模塊中，可以通過編輯新聞與通知，實現(xiàn)前臺頁面新聞與通知的編輯和發(fā)表。還可以自定義管理員的信息，修改與刪除管理員的權(quán)限。然后可以管理機構(gòu)信息，輸入公司地址，系統(tǒng)會自動檢測地址給出經(jīng)緯度與地圖上的確定的點。點擊確定按鈕就會保存到數(shù)據(jù)庫中存儲起來。另外還可以管理（增、刪、改、查、編輯）友情鏈接。管理員在界面風格模塊中可以自主進行選擇網(wǎng)頁風格，有模板供管理員選擇。如圖4-3所示。圖4-3管理員使用流程圖4.3系統(tǒng)架構(gòu)介紹架構(gòu)是本系統(tǒng)設(shè)計核心，采用的是三層架構(gòu)，這里所說的三層體系結(jié)構(gòu)，并不單單是指物理上三層結(jié)構(gòu)，指邏輯上的三層。此平臺上的三層結(jié)構(gòu)可以分為表示層、業(yè)務邏輯層和數(shù)據(jù)訪問層。這三層的作用以下所表示：數(shù)據(jù)訪問層（DAL）：這一層所做的是對數(shù)據(jù)的增、刪、改、查普通操作，負責保存系統(tǒng)的數(shù)據(jù)，有請求時把它們統(tǒng)統(tǒng)發(fā)送給業(yè)務層進行處理。業(yè)務邏輯層（BLL）：囊括了項目中所有的業(yè)務邏輯，負責調(diào)用DAL中的方法實現(xiàn)業(yè)務的邏輯處理，表示層與數(shù)據(jù)訪問層之間起到了銜接作用。表示層（UI）：用于顯示數(shù)據(jù)和接受用戶輸入數(shù)據(jù)的一層，即為用戶界面，在應用過程之間傳送的信息提供表示方法的服務，它只關(guān)心信息發(fā)出的語法和語義。具體結(jié)構(gòu)如圖4-4所示。圖4-4系統(tǒng)架構(gòu)圖4.4信息數(shù)據(jù)分析本系統(tǒng)用到的數(shù)據(jù)庫內(nèi)的表信息有以下幾個：后臺管理員課程表（Course）：此表主要針對系統(tǒng)管理員管理的所有課程。如表4-1所示。表4-1后臺管理員課程編號字段名數(shù)據(jù)類型是否允許為空長度索引1Cou_IDint主鍵2Cou_Namenvarchar允許1003Cou_Logonvarchar允許1004Cou_LogoSmallnvarchar允許1005Cou_Taxint6Cou_Intronvarchar允許MAX7Cou_Targetnvarchar允許10008Cou_Contentnvarchar允許10009Sbj_Namenvarchar允許255編號字段名數(shù)據(jù)類型是否允許為空長度索引10Org_IDint11Org_Namenvarchar25512Th_Namenvarchar允許5013Cou_XPathnvarchar允許25514Cou_UIDnvarchar允許10015Dep_CnNamenvarchar允許10016Cou_IsRecbit17Cou_PriceUnitnvarchar允許10018Cou_PriceSpanint學員管理信息表（Accounts）：管理學員基本信息，信息包含名字，手機號，賬號，積分等。如表4-2所示。表4-2學員管理信息編號字段名數(shù)據(jù)類型是否允許為空長度索引1Ac_IDint主鍵2Ac_AccNamenvarchar(50)允許503Ac_Pwnvarchar(100)允許1004Ac_Namenvarchar(50)允許505Ac_Pinyinnvarchar(50)允許506Ac_IDCardNumbernvarchar(50)允許507Ac_Signaturenvarchar(255)允許2558Ac_Ageint9Ac_Sexint10Ac_Photonvarchar(255)允許25511Ac_Moneymoney12Ac_Qusnvarchar(255)允許25513Ac_Ansnvarchar(255)允許25514Ac_RegTimedatetime15Ac_OutTimedatetime16Ac_LastTimedatetime17Ac_LastIPnvarchar(255)允許25518Ac_Telnvarchar(50)允許5019Ac_Emailnvarchar(50)允許5020Ac_Qqnvarchar(50)允許5021Ac_Weixinnvarchar(100)允許10022Ac_CheckUIDnvarchar(255)允許255新聞信息表（Columns）：管理員發(fā)布新聞。如表4-3所示。表4-3新聞信息編號字段名數(shù)據(jù)類型是否允許為空長度索引1Col_IDint主鍵2Col_PIDint3Col_Namenvarchar(255)允許2554Col_ByNamenvarchar(255)允許2555Col_Titlenvarchar(255)允許2556Col_Keywordsnvarchar(255)允許2557Col_Descrnvarchar(255)允許2558Col_Introntext9Col_Typenvarchar(255)允許25510Col_Taxint11Col_IsUsebit12Col_IsNotebit13Col_CrtTimedatetime14Org_IDint教師信息表（Teacher）：教師申請注冊信息，然后填入個人信息。如表4-4所示。表4-4教師信息編號字段名數(shù)據(jù)類型是否允許為空長度索引1Th_IDint主鍵2Th_AccNamenvarchar(50)允許503Th_Pwnvarchar(100)允許1004Th_Qusnvarchar(255)允許2555Th_Anwsernvarchar(255)允許2556Th_Namenvarchar(50)允許507Th_Titlenvarchar(100)允許1008Th_Pinyinnvarchar(50)允許509Th_Ageint10Th_Birthdaydatetime11Th_IDCardNumbernvarchar(50)允許5012Th_Photonvarchar(255)允許25513Th_Signaturenvarchar(255)允許25514Th_Intronvarchar(2000)允許200015Th_Jobnvarchar(255)允許25516Th_Majornvarchar(255)允許25517Th_Educationnvarchar(255)允許25518Th_Sexint5系統(tǒng)詳細設(shè)計與實現(xiàn)5.1系統(tǒng)的主要功能因為此系統(tǒng)面向不同的對象可以實現(xiàn)不同的功能，所以此系統(tǒng)面向三個方面：學生模塊，教師模塊與后臺模塊，具體功能如圖5-1所示。圖5-1系統(tǒng)功能模塊圖關(guān)于教師上傳課程申請并提交給系統(tǒng)后臺管理員進行審核的流程圖如圖5-2所示。圖5-2教師申請上傳課程流程圖5.2前臺模塊的實現(xiàn)前臺模塊主要包括以下幾部分的功能，學生端與教師端的注冊與登錄模塊、課程信息模塊、講師個人信息展示與查看、新聞與通知模塊、友情鏈接與關(guān)于我們模塊。如圖5-3所示。圖5-3前臺系統(tǒng)功能模塊圖5.3登錄模塊的實現(xiàn)打開網(wǎng)站，學生通過登錄賬號，身份證號碼以及輸入驗證碼進入網(wǎng)站，選擇課程進行學習或者選擇試卷中心進行做題。網(wǎng)站后臺自動與數(shù)據(jù)庫中的“學員管理信息表（Accounts）”進行連接檢測，并登錄到學生的信息界面。這里如果是教師，直接進入教師的頁面，如果是新用戶，可以點擊“注冊”按鈕，進入用戶注冊信息界面，注冊一個新的用戶。在這個登錄界面里，系統(tǒng)自動識別用戶所輸入的用戶名和密碼進行核對，首先用戶名不能為空或為數(shù)字，如果出現(xiàn)輸入錯誤，系統(tǒng)會進行報錯。5.4注冊模塊的實現(xiàn)學生與教師共用一個前臺，進行注冊的時候一起進行一樣的注冊，只不過教師端前臺注冊的學員賬號，申請成為教師的時候需要短信驗證。這里由管理員后臺進行：注冊賬號—教師信息—直接添加新賬號操作，默認密碼：123456。如圖5-4所示。圖5-4注冊模塊5.5管理員后臺管理功能的實現(xiàn)管理員通過管理界面登錄之后，會進入管理后臺，系統(tǒng)管理員的功能如下：5.5.1教務管理模塊教務管理其中包括課程管理與統(tǒng)計分析。管理員可以后臺管理所有的課程，可以對課程進行修改、添加、刪除和新增等操作，管理員也可以給教師分配課程。操作提示：教務管理—課程管理—點開教師欄下拉按鈕，把課程分配給教師。如圖5-5所示。圖5-5課程管理熱門課程是系統(tǒng)根據(jù)學員的選課人數(shù)統(tǒng)計出的學員選課最多的課程。如圖5-6所示。圖5-6熱門課程優(yōu)秀教師就是學員評分最高的教師，按評分高低展示。如圖5-7所示。圖5-7優(yōu)秀教師學員在線主要統(tǒng)計學員的在線時間和瀏覽網(wǎng)頁的時間，其中還包括來源、IP、瀏覽器和操作系統(tǒng)。如圖5-8所示。圖5-8學員在線學員可以對授課教師進行評價，打分，每位學員每天可以評價一次，以30天為一個周期計算平均分和惡意評價。管理員后臺可以禁用或刪除。如圖5-9所示。圖5-9教師評價5.5.2平臺管理模塊其中包括注冊賬戶、新聞通知、參數(shù)設(shè)置、管理員與友情鏈接。注冊用戶是對平臺用戶的管理，包含學員和講師，管理員可以對系統(tǒng)賬戶信息進行編輯、新增、刪除等操作。在這個部分管理員的主要職責就是新增或?qū)胗脩粜畔?、設(shè)置用戶登錄密碼以及導出學員信息的工作。學員管理不僅是對學員的管理，每一位教師都有一個學員的身份，所以教師的賬戶信息也會出現(xiàn)在學員管理里。在這個模塊中管理員的主要職責是：新增用戶、密碼找回、刪除用戶、用戶充值、用戶導入、用戶導出等。新增用戶：注冊用戶—學員管理—新增，（新增用戶默認密碼為：123456）注意：手機號和賬戶前后不能有空格，否則無法登陸。密碼找回：注冊用戶—學員管理—修改，即可修改當前學員導入：注冊用戶—學員管理—導入，根據(jù)系統(tǒng)提示，下載學員信息導入模板，按照模板整理好學員信息。填寫示例如下：姓名：填入學員姓名即可；（必填）手機號：輸入學員的手機號，手機號可以作為賬號登錄。單元格格式為“文本”格式。（必填）賬號：輸入學員的登錄賬號，可以與手機號一致，單元格格式為“文本”格式。（必填）初始密碼：輸入學員的登錄密碼，單元格格式為“文本”格式。（必填）性別：輸入學員的性別，（選填）學生組：輸入學員的學員分組名稱。（必填）出生年月：輸入學員的出生年月信息，單元格格式為“日期”格式。（選填）籍貫：輸入學員的籍貫信息。（選填）名族：輸入學員的民族信息。（選填）專業(yè)：輸入學員的專業(yè)順序。（選填）身份證號：輸入學員的身份證號信息。單元格格式為“文本”格式。（選填）電子郵箱、QQ、個人介紹：輸入學員的電子郵箱信息、QQ號碼、個人介紹信息。（選填）如圖5-10所示。圖5-10新增學生信息學員導出：點擊注冊用戶—學員管理—導出—選擇要導出的學員組—導出到EXCEL。學員信息打印：點擊注冊用戶—學員管理—導出—選擇要打印的學員組—打印詳細信息。如圖5-11所示。圖5-11學員導出用戶狀態(tài)：當學員狀態(tài)為“啟用”和“通過”時學員才能正常登錄。資金：學員賬戶的余額，積分，卡券，管理員可以后臺直接給學員進行充值或扣款。如圖5-12所示。圖5-12積分充扣學員班級即學員分組，在正式考試時教師可以自定義參考的學員組。如圖5-13所示。圖5-13學員班級教師信息即教師管理，管理員可以在教師信息這里管理平臺的教師信息，例如：修改資料、修改密碼和新增教師等。管理員在教師信息這里新增的教師，直接擁有教師權(quán)限無需在申請成為教師。新增用戶的初始密碼為：123456。其他操作與學員管理一致，詳情可參考學員管理操作詳解。管理員可以給平臺設(shè)置教師的不同職稱，學校用戶可以設(shè)置班主任、系主任、普通教師、優(yōu)秀講師和院長等。培訓機構(gòu)用戶可以設(shè)置優(yōu)秀講師和明星講師等。不同的用戶可以根據(jù)實際情況進行設(shè)置。如圖5-14所示。圖5-14教師職稱新聞通知只是簡單的功能模塊，但是用好了也可以有別出心裁的感覺，欄目規(guī)劃很重要。新聞發(fā)布不僅是發(fā)布新聞，也可以對網(wǎng)站新聞進行增、刪、改、查等管理操作管理，管理員可以按新聞欄目發(fā)布新聞。操作提示：新聞通知—新聞發(fā)布—選擇新聞欄目—新增—輸入新聞標題—詳細信息—附件—確定。基本信息：設(shè)置新聞的標題、分類、摘要。詳細信息：設(shè)置新聞的詳細內(nèi)容。附件：附件僅支持以下格式：zip、rar、pdf、doc、docx、xls、xlsx。發(fā)布設(shè)置：設(shè)置新聞的關(guān)鍵詞、描述、上線時間。注意：圖片新聞需要上傳新聞縮略圖，在新聞編輯—基本信息—勾選“圖片新聞”—上傳新聞縮略圖，最佳尺寸：600*400px。圖片新聞會在政務版首頁圖片新聞中優(yōu)先展示。此功能用于管理網(wǎng)站的通知消息，例如：發(fā)布考試安排通知，報名繳費通知等。平臺新聞支持按欄目展示，管理員后臺可以設(shè)置多個新聞欄目，這個功能配合自定義導航欄使用可以讓您的網(wǎng)站內(nèi)容更豐富，更專業(yè)。添加欄目：新聞通知—新聞欄目—全部欄目—在右邊的編輯欄里輸入欄目名稱，點擊“添加欄目”。注意：看不到“添加欄目”可以下拉右邊的滾動條。如圖5-15所示。圖5-15添加新聞個人信息主要是用于設(shè)置管理員的姓名、性別、頭像等聯(lián)系方式信息。如圖5-16所示。圖5-16個人信息安全管理主要用于管理員修改登錄密碼的時候使用，管理員登錄后點擊：管理員—安全管理—輸入原密碼—新密碼—再次輸入新密碼—點擊“保存”，即可修改。修改成功后，退出登錄再次登錄時需要使用新密碼登錄。如圖5-17所示。圖5-17安全管理平臺管理—友情鏈接—新增，輸入鏈接名稱、網(wǎng)址、選擇鏈接分類，然后點擊“確定”按鈕，就可以給網(wǎng)站添加一個新的友情鏈接。平臺管理—鏈接分類—新增，可以為平臺的友情鏈接添加分類，例如：首頁鏈接、合作院校。不同的鏈接放在不同的分類下。如圖5-18所示。圖5-18友情鏈接5.5.3界面風格模塊其中包括移動端風格與WEB端風格，天成教育系統(tǒng)支持多套模板風格一鍵切換，后臺提供多套UI可供用戶自由選擇，目前提供了四套模板：網(wǎng)校版、政務版、商務版和學院版。首頁靈活度99%，網(wǎng)站名稱、logo、欄目名稱和banner等后臺均可自定義。選擇新的模板后，在前臺刷新一下即可顯示新的模板樣式。如圖5-19所示。圖5-19界面風格6系統(tǒng)測試必要性測試是非常乏味的工作，經(jīng)過本系統(tǒng)測試要學會如何用心、用腦、動手去做才能把它做好。測試與改錯是軟件開發(fā)過程中不可缺少的環(huán)節(jié)。從小學開始，我們就知道做完了卷子要自己檢查，這就是自己對自己的成果進行測試。所以在開發(fā)過程中，一個好的開發(fā)要知道對自己的程序進行最基本的測試，對于本天成教育系統(tǒng)的測試是非常重要的，因為一旦系統(tǒng)出現(xiàn)了錯誤，所帶來的2損失可能是我們無法估量的，所在系統(tǒng)測試在這個階段是必須要做的。6.1對測試的理解測試在系統(tǒng)中重要的程度是不言而喻的，軟件測試的定義是：驗證軟件功能是否滿足用戶的需求。軟件測試是在軟件投入使用之前通過手動或自動的方法對軟件進行測試，以找出與預期結(jié)果不相符的地方，以檢驗軟件功能是否符合用戶的需求。6.2測試過程解決的問題測試過程中發(fā)現(xiàn)的問題是：WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。請?zhí)砑右粋€名為jquery(區(qū)分大小寫)的ScriptResourceMapping。

說明：執(zhí)行當前Web請求期間，出現(xiàn)未經(jīng)處理的異常。請檢查堆棧跟蹤信息，以了解有關(guān)該錯誤以及代碼中導致錯誤的出處的詳細信息。異常詳細信息：System.InvalidOperationException:WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。請?zhí)砑右粋€名為jquery(區(qū)分大小寫)的ScriptResourceMapping。源錯誤：執(zhí)行當前Web請求期間生成了未經(jīng)處理的異常?？梢允褂孟旅娴漠惓６褩８櫺畔⒋_定有關(guān)異常原因和發(fā)生位置的信息。堆棧跟蹤：[InvalidOperationException:WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。請?zhí)砑右粋€名為jquery(區(qū)分大小寫)的ScriptResourceMapping。]System.Web.UI.ClientScriptManager.EnsureJqueryRegistered()+2365285System.Web.UI.WebControls.BaseValidator.RegisterUnobtrusiveScript()+11System.Web.UI.WebControls.BaseValidator.OnPreRender(EventArgse)+9641449System.Web.UI.Control.PreRenderRecursiveInternal()+83System.Web.UI.Control.PreRenderRecursiveInternal()+155System.Web.UI.Control.PreRenderRecursiveInternal()+155System.Web.UI.Page.ProcessRequestMain(BooleanincludeStagesBeforeAsyncPoint,BooleanincludeStagesAfterAsyncPoint)+974解決方法：在aspx頁面的Page_Load方法中添加如下代碼：UnobtrusiveValidationMode=UnobtrusiveValidationMode.None;6.3測試用例6.3.1運行環(huán)境說明運行環(huán)境包括硬件要求及軟件要求如下表所示。表6-1硬件要求設(shè)備名稱說明處理器AMD-A8以上，2GB內(nèi)存2GB，內(nèi)存越大，速度越快硬盤500GB以上鼠標聯(lián)想鼠標表6-2軟件要求名稱說明操作系統(tǒng)WindowsXP或Windows7以上應用軟件VisualStudio6.4功能測試用例6.4.1學生注冊功能測試用例表6-3學生注冊用例模塊名學生注冊模塊功能注冊賬號運行人劉雨彤試運行時間2019/05/12試運行用例序號描述預想結(jié)果實際結(jié)果1.1進入系統(tǒng)主界面主界面顯示各個具體信息同預期1.2注冊用戶顯示信息欄讓用戶填寫相應的信息同預期1.3用戶信息保存對用戶名和密碼進行驗證，并提示重復信息同預期提示驗證碼是否正確，無錯時即進行下一步同預期提示注冊成功并返回源頁同預期登錄進網(wǎng)站之后點擊注冊按鈕，填好所有必填信息與驗證碼之后，進入學生端注冊界面，具體如圖6-1所示。圖6-1學生注冊賬戶用例注冊成功之后顯示注冊成功，然后自動跳轉(zhuǎn)到主界面。具體如圖6-2、6-3所示。圖6.2注冊成功用例圖6-3自動跳轉(zhuǎn)到主界面用例6.4.2教師登錄功能測試表6-4教師登錄測試用例模塊名教師登錄模塊功能登錄賬號運行人劉雨彤試運行時間2019/05/16試運行用例序號描述預想結(jié)果實際結(jié)果2.1進入系統(tǒng)主界面主界面顯示各個具體信息同預期2.2登錄用戶顯示教務管理同預期2.3教學內(nèi)容顯示對教學課程進行管理同預期對學生進行測試和考試同預期教師個人信息顯示同預期教師注冊賬號后，登錄時輸入正確的用戶名與密碼，則顯示登錄成功。如果輸入錯誤，系統(tǒng)就會提示，密碼不正確。具體如圖6-4和圖6-5所示。圖6-4提示密碼錯誤用例圖6-5登錄成功用例登錄成功后，系統(tǒng)會自動跳轉(zhuǎn)到教師管理頁，具體如圖6-6所示。圖6-6教師管理用例6.4.3管理員添加信息測試表6-5管理員添加信息測試用例模塊名管理員管理模塊功能機構(gòu)管理運行人劉雨彤試運行時間2019/05/18試運行用例序號描述預想結(jié)果實際結(jié)果3.1進入系統(tǒng)主界面主界面顯示機構(gòu)主頁面同預期3.2登錄用戶顯示機構(gòu)管理同預期3.3機構(gòu)管理內(nèi)容顯示教務管理內(nèi)容添加同預期平臺管理內(nèi)容添加同預期界面風格內(nèi)容添加同預期管理員登錄成功以后，進入管理中心，點擊添加新聞通知按鈕則彈出新聞通知編輯頁面，編輯之后點擊確定即存入數(shù)據(jù)庫并且展示在前臺頁面。具體如圖6-7和圖6-8所示。圖6-7編輯通知用例圖6-8通知發(fā)布成功用例7總結(jié)天成教育系統(tǒng)由前后臺兩部分構(gòu)成，分為管理員和學生與教師，教師兼有管理員部分職責。系統(tǒng)實現(xiàn)了一般線上課程網(wǎng)站的基本功能，根據(jù)課程的特點網(wǎng)站具備教學資源的在線觀看和下載，教學資源的上傳，能夠從網(wǎng)站獲取更多的最新的與課程相關(guān)的信息和知識以及能夠和教師以及其他學生實現(xiàn)在線做題檢驗自己等功能。由于以前很少做相關(guān)項目的開發(fā)，所以比較生疏，都是一邊學習一邊開發(fā)設(shè)計，這就使系統(tǒng)存在著不足，系統(tǒng)只能實現(xiàn)一些基本功能。由于我們的知識，經(jīng)驗和技能有限，本次設(shè)計的結(jié)果還有待完善。比如系統(tǒng)功能還不齊全，數(shù)據(jù)庫還不十分完善，名稱也不統(tǒng)一。同時，在系統(tǒng)設(shè)計方面，還有許多待改進的地方，更好地實現(xiàn)更完整地系統(tǒng)功能。系統(tǒng)中還存在很多的不足，功能上還是有需要改進的地方，還可以開發(fā)更多的功能。比如還可以添加超級管理員來控制管理員的權(quán)限以及功能。這些東西都是我技術(shù)不夠而無法做到的地方。這次的設(shè)計使我也學到了很多課堂上學不到的知識，一開始剛到公司的時候，覺得每天的工作好簡單也好容易，每天就是寫一寫增刪改查，連一連數(shù)據(jù)庫，隨著寫的東西越多，要前后連接的東西就越多，時間一長，自己原來那些問題都暴露出來了，比如數(shù)據(jù)庫字段名命名不規(guī)范，表名命名不規(guī)范，代碼格式也亂糟糟的。后來跟實習公司的師哥請教辦法，師哥教我把別人的代碼全選到文檔里，調(diào)成字號比較大的版式，一頁一頁的看，反復的研究為什么用這個屬性，為什么這樣寫，為什么調(diào)用這個方法而不用另一個，擁有這個屬性的控件有好幾種，為什么偏偏只用這一種。隨著要看的技巧越來越多，要學的知識就越多，思路也跟著越來越清晰，到了后期做的東西也越來越整齊規(guī)范。這個方法很好用，可能剛開始要看的東西比較多，量比較大，但是到了后期就發(fā)現(xiàn)記住的東西越來越多，東西寫的多了也就形成了自己的風格了。此次畢業(yè)設(shè)計是我們從大學生活向未來前進重要的一步。從初期的選題，開題直到完成項目的所有設(shè)計，期間查找資料，與同學進行交流，特別是老師的指導，出現(xiàn)問題在改錯，改完錯誤刷格式，從每一個行間距、每一個段落標識、每一個首行縮進，從符號中英文都有，到自己放大文檔查找錯誤符號，每一個過程都是對自己能力的一次檢驗和充實。

參考文獻[1]孫鵬.基于無線傳感網(wǎng)的軸承溫度監(jiān)測系統(tǒng)設(shè)計[D].南京信息工程大學,2014.[2]潘天恒,周方.《A網(wǎng)站設(shè)計》課程教學改革研究[J].軟件導刊(教育技術(shù)),2018.[3]賀軍忠.基于ASP的購物網(wǎng)站設(shè)計研究與實現(xiàn)[J].軟件工程,2018.[4]李享.基于ASP的網(wǎng)站的設(shè)計[J].電腦知識與技術(shù),2018.[5]吳云.基于ASP.NET網(wǎng)站架構(gòu)設(shè)計與開發(fā)[J].電腦編程技巧與維護,2016.[6]王鵬遠.基于人才管理系統(tǒng)的數(shù)據(jù)庫設(shè)計與實現(xiàn)研究[J].電子技術(shù)與軟件工程,2014.[7]孫踐知.C#程序設(shè)計[M].北京:清華大學出版社,2010.[8]劉艦維,劉昌輝,李海山.中小企業(yè)人力資源管理系統(tǒng)設(shè)計[J].軟件導刊,2015.[9]劉超.基于.NET的高校教務管理系統(tǒng)的設(shè)計與實現(xiàn)[D].長春:吉林大學,2004.[10]姜濤.公交車信息管理系統(tǒng)的設(shè)計與實現(xiàn)[D].濟南:山東大學,2010.[11]程林.筆記本研發(fā)生產(chǎn)領(lǐng)域的項目管理系統(tǒng)的設(shè)計與實現(xiàn)[D].北京:中國科學院大學,2014.[12]王毅.企業(yè)管理基礎(chǔ)[M].北京:中國紡織出版社,2005.[13]馬東旭.基于.NET的績效管理系統(tǒng)的設(shè)計與實現(xiàn)[D].西安:西安電子科技大學,2014.[14]劉歡.酒店管理系統(tǒng)述論[J].電子技術(shù)與軟件工程,2014(8):75.[15]劉偉婉.基于ASP.NET的電子商務網(wǎng)站設(shè)計與實現(xiàn)[J].電腦編程技巧與維護,2016.[16]謝振華.基于A技術(shù)的網(wǎng)站開發(fā)架構(gòu)設(shè)計[J].電腦知識與技術(shù),2017.[17]李永軍.基于ASP.NET的電子商務網(wǎng)站設(shè)計及實現(xiàn)[J].電腦編程技巧與維護,2017.[18]賈宗星.基于ASP.NET的信息發(fā)布網(wǎng)站的設(shè)計與實現(xiàn)[J].計算機時代,2016.[19]JeffreyD.Ullman,FundamentalCourseofDatabaseSystem.TsingHuaPress，2015.[20]BradWilson,JonGalloway,K.ScottAllen,DavidMatson.ProfessionalASP.NETMVC5.August2014.[21]BenjaminPerkins,JacobVibeHammer,JonD.Reid.BeginningC#7ProgrammingwithVisualStudio2017.April2018[22]PaulTurley,RiccardoMuti(Forewordby),ChristopherFinlan(Forewordby).ProfessionalMicrosoftSQLServer2016ReportingServicesandMobileReports.February2017[23]BrianKnight,DevinKnight,JessicaM.Moss,MikeDavis,ChrisRock.ProfessionalMicrosoftSQLServer2014IntegrationServices.April2014

致謝這幾年的求學生涯，在老師和朋友的全力支持下，我走得辛苦卻也收獲頗豐。在值此論文即將付梓之際，我思緒萬千，心情久久不能平靜。我歷時將近兩個月時間終于把這篇論文寫完了，在這段充滿奮斗的歷程中，帶給我的學生生涯無限的激情和收獲。在論文的寫作過程中遇到了無數(shù)的困難和障礙，都在同學和老師的幫助下度過了。在校圖書館查找資料的時候，圖書館的老師給我提供了很多方面的支持與幫助，尤其要強烈感謝我的論文指導老師，沒有她對我進行了不厭其煩的指導和幫助，無私的為我進行論文的修改和改進，就沒有我這篇論文的最終完成。在老師的悉心指導下，我的論文才能如此順利的完成。并且得到了其他老師的肯定。在本篇論文的完成過程中，李波老師對我提出了很多建設(shè)性的指導意見，細心地和我講解論文中出現(xiàn)的問題，給予專業(yè)上的指導，信心上的鼓勵。我能順利完成本篇論文和老師的認真指導和辛苦的批改是分不開的，在此我由衷論文寫作的向李波老師表示感謝。同時我也要感謝學校和學校的領(lǐng)導給我們創(chuàng)造的良好的學習環(huán)境，讓我們能夠在良好的氛圍中完成論文，感謝同學和家人在這期間的大力支持。在此，我向指導和幫助過我的老師們表示最衷心的感謝！同時，我也要感謝本論文所引用的各位學者的專著，如果沒有這些學者的研究成果的啟發(fā)和幫助，我將無法完成本篇論文的最終寫作。至此，我也要感謝我的朋友和同學，他們在我寫論文的過程中給予我了很多有用的素材，也在論文的排版和撰寫過程中提供熱情的幫助！金無足赤，人無完人。由于我的學術(shù)水平有限，所寫論文難免有不足之處，懇請各位老師和同學批評和指正！

附錄$(function(){courseCharts(); CoursePie(); courseAcctouts(); courseQues();});window.colorList=['#FE8463','#B5C334','#FCCE10','#E87C25','#27727B','#C1232B','#9BCA63','#FAD860','#F3A43B','#60C0DD','#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'];functioncourseCharts(){//基于準備好的dom，初始化echarts圖表varmyChart=echarts.init(document.getElementById('courCharts'));option={title:{x:'center',text:'各機構(gòu)課程數(shù)匯總圖-1',subtext:'共計課程：'+getDataSum("course","count")},tooltip:{trigger:'item'},calculable:false,grid:{borderWidth:0,y:80,y2:60},xAxis:[{type:'category',show:false,data:getData("course","pname","text")}],yAxis:[{type:'value',show:false}],series:[{name:'',type:'bar',itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'\n{c}'}}},data:getData("course","count","number"),markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]},markLine:{data:[{type:'average',name:'平均值'}]}}]};//為echarts對象加載數(shù)據(jù)myChart.setOption(option);}//課程數(shù)匯總的餅圖functionCoursePie(){ //基于準備好的dom，初始化echarts圖表varmyChart=echarts.init(document.getElementById('courChartsPie')); option={title:{text:'各機構(gòu)課程數(shù)匯總圖-2',subtext:'共計課程：'+getDataSum("course","count"),x:'center'},tooltip:{trigger:'item',formatter:"{a}<br/>:{c}%"},calculable:true,series:[{name:'百分比', itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'\n{c}%'}}},type:'pie',radius:'55%',center:['50%','60%'],data:getDataValue("course")}]}; myChart.setOption(option);}functioncourseAcctouts(){ //基于準備好的dom，初始化echarts圖表varmyChart=echarts.init(document.getElementById('accoutsCharts')); option={title:{text:'各機構(gòu)注冊的用戶量',subtext:'合計注冊用戶：'+getDataSum("accouts","count"), x:'center'},tooltip:{trigger:'axis'},calculable:false,xAxis:[{type:'category',data:getData("accouts","pname","text")}],yAxis:[{type:'value'}],series:[{name:'注冊量',type:'bar',data:getData("accouts","count","number"), itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'\n{c}'}}},markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]},markLine:{data:[{type:'average',name:'平均值'}]}}]}; myChart.setOption(option);}functioncourseQues(){ //基于準備好的dom，初始化echarts圖表varmyChart=echarts.init(document.getElementById('quesCharts')); option={title:{text:'各機構(gòu)的試題數(shù)量',subtext:'合計試題數(shù)量：'+getDataSum("question","count"), x:'center'},tooltip:{trigger:'axis'},calculable:false,xAxis:[{type:'category',data:getData("question","pname","text")}],yAxis:[{type:'value'}],series:[