時尚趣味英語學習網(wǎng)站

1、時尚趣味英語學習網(wǎng)站摘要針對我國兒童英語學習效率較低的實際情況，考慮到B/S模式的實用性，通過對目前主流動態(tài)網(wǎng)頁技術(shù)，如ASP、JSP、CGI、PHP等的分析比較，了解到JSP較其他技術(shù)有著諸多的優(yōu)點，因此以MySQL數(shù)據(jù)庫為后臺，提出了基于JSP的時尚趣味英語學習系統(tǒng)的開發(fā)。該系統(tǒng)主要是根據(jù)Modell的結(jié)構(gòu)思想，充分禾I用JSP和JavaBean相結(jié)合的優(yōu)勢，融入HTTP協(xié)議、JDBC、HTML標記性語言、JavaScript腳本語言、CSS樣式表等技術(shù)，并根據(jù)小孩子天真好動的特點，為激發(fā)他們的學習熱情，以篩選式背單詞法為核心特色，建設成寓教于樂、趣味性強、操作簡便的網(wǎng)站。本文分七部分闡述

2、了時尚趣味英語學習網(wǎng)站的設計與實現(xiàn)的過程。第一部分：緒論。描述了時尚趣味英語學習網(wǎng)站的開發(fā)背景，闡明國內(nèi)外對于英語學習網(wǎng)站發(fā)展的現(xiàn)狀與概況，及相關(guān)的可行性分析。第二部分：介紹了實現(xiàn)時尚趣味英語學習網(wǎng)站使用到的核心技術(shù)。包括JSP,UML建模等。第三部分：是本文的重點。時尚趣味英語學習網(wǎng)站的系統(tǒng)分析過程，主要是對系統(tǒng)全面的進行需求分析，UML建模。第四部分：系統(tǒng)設計，這里主要包括結(jié)構(gòu)設計、數(shù)據(jù)庫設計，系統(tǒng)難點的解決方案等。第五部分：系統(tǒng)實現(xiàn)，主要包括系統(tǒng)的界面實現(xiàn)、核心代碼實現(xiàn)。第六部分：系統(tǒng)測試，包括單元測試、冒煙測試、通過設計測試用例對系統(tǒng)進行黑盒測試。第七部分：總結(jié)。其中包括軟件的優(yōu)點和經(jīng)

3、濟效益預測，還有需要改進完善的地方。關(guān)鍵詞：篩選式背單詞法；UML建模；動態(tài)網(wǎng)頁I時尚趣味英語學習網(wǎng)站AbstractJSPtechnologyhasmoreadvantagesthanothersaccordingtothefactthattheinefficiencyofEnglishstudyforchildreninourcountry,takingintoaccountthepracticabilityofB/S,throughtheanalysisandcomparisontothedynamicpagestechnologiesofthecurrentmainstreamsuch

4、asASP,JSP,CGI,PHPandsoon.ThereforeraisingthedevelopmentofthefashionableandinterestingEnglishLearningSystemisBasedonJSPasMySQLfordatabase.ThesystemismainlybasedonthestructurethinkingofModel1,andtakesfulladvantageofthecombinationofJSPandJavaBean,andintegratesintothetechnologysuchasHTTPprotocol,JDBC,HT

5、MLmarkuplanguage,JavaScriptscriptinglanguage,AJAX,CSSstylesheets.Inaccordwiththeinnocentandactivetypicalofchildren.Withaviewtostimulatingtheirlearningenthusiasm,webuildanentertaining,interestingstrongandsimplesite,whichrevolvesaroundfilterback-wordmethod.Thereare7partsinthispapertodescribetheprocess

6、ofdevelopingEnglishlearningsystem:1. Generalintroduction:thebackgroundofsystemdevelopmentonEnglishlearningsystem,describingthecurrentsituationandgeneralinformationofEnglishlearningsystem.2. ThecoretechnologyofEnglishlearningsystem,includingJSP,UMLmodeling.3. Thekeypointofthispaper:describingtheproce

7、ssofsystemanalysisonEnglishlearningsystem,includingroundlyrequirementanalysisandUseCasemodeling.4. Systemdesigning,mainlytalkedstructuredesign,databasedesignandapproachtothedifficulties.5. Thedevelopmentofsystem:includingtheimplementofcorecodesandUI.6. TheinstallationandtestofEnglishlearningsystem:i

8、ncludingunittest,smokingtest,testcasedesigningtoblackboxtest.7. Expectedresults,includingtheadvantagesofthissoftware,profitforecastandsomeaspectstobeimproved.Keywords:filterback-wordmethod,UMLmodeling,dynamicwebsitedesign目錄摘要I.ABSTRACTII第一章緒論11.1 時尚趣味英語學習網(wǎng)站的開發(fā)背景與發(fā)展現(xiàn)狀11.1.1 時尚趣味英語學習網(wǎng)站的開發(fā)背景11.1.2 目前相關(guān)

9、領(lǐng)域的發(fā)展現(xiàn)狀11.2 開發(fā)時尚趣味英語學習網(wǎng)站的目的與意義11.3 時尚趣味英語學習網(wǎng)站開發(fā)的依據(jù)21.3.1 時尚趣味英語學習網(wǎng)站的特點21.3.2 開發(fā)可行性分析2第二章核心技術(shù)42.1 JSP簡介42.1.1 JSP的特點42.1.2 JSP的運行原理42.2 UML建模52.2.1 UML建模概述52.2.2 UML建模的目白向與原則52.3 JavaScript腳本語言6第三章系統(tǒng)分析73.1 時尚趣味英語學習網(wǎng)站的設計目標與性能分析73.1.1 時尚趣味英語學習網(wǎng)站的設計目標73.1.2 軟件性能73.2 需求分析83.2.1 數(shù)據(jù)需求83.2.2 功能需求83.2.3 性能需求

10、17第四章系統(tǒng)設計194.1 結(jié)構(gòu)設計194.1.18 /S結(jié)構(gòu)194.1.19 能模塊結(jié)構(gòu)圖20iii時尚趣味英語學習網(wǎng)站4.2 數(shù)據(jù)庫設計204.3 系統(tǒng)難點評估及解決方案224.3.18 篩選式背單詞224.3.19 上傳試卷224.3.20 總體設計策略和實現(xiàn)手段22第五章系統(tǒng)實現(xiàn)235.1 總體結(jié)構(gòu)235.1.1 模塊與頁面及主要功能235.1.2 系統(tǒng)主干流程時序圖245.2 數(shù)據(jù)庫的實現(xiàn)265.2.1 數(shù)據(jù)庫的實現(xiàn)265.2.2 程序與數(shù)據(jù)接口的實現(xiàn)275.3 學習系統(tǒng)模塊的實現(xiàn)285.3.1 瘋狂背單詞功能子模塊的實現(xiàn)285.3.2 看影片功能子模塊的實現(xiàn)285.3.3 娛樂學

11、習功能子模塊的實現(xiàn)295.4 考試系統(tǒng)模塊的實現(xiàn)305.4.1 學生考試功能子模塊的實現(xiàn)305.4.2 判卷評分功能子模塊的實現(xiàn)315.5 數(shù)據(jù)維護模塊的實現(xiàn)325.5.1 用戶管理功能子模塊的實現(xiàn)335.5.2 試卷上傳功能子模塊的實現(xiàn)34第六章測試和運行35第七章總結(jié)367.1 時尚趣味英語學習網(wǎng)站開發(fā)過程的回顧367.2 時尚趣味英語學習網(wǎng)站的發(fā)展方向和前景預測36致謝37參考文獻37IV時尚趣味英語學習網(wǎng)站第一章緒論1.1 時尚趣味英語學習網(wǎng)站的開發(fā)背景與發(fā)展現(xiàn)狀1.1.1 時尚趣味英語學習網(wǎng)站的開發(fā)背景隨著經(jīng)濟全球化的進一步加劇，人與人之間的交流變得越來越頻繁，越來越重要，越來越國際

12、化。英語就像計算機一樣，成了現(xiàn)代人發(fā)展必不可少的翅膀。當然，學好英語不是一朝一夕的事，它需要長久的積累。研究發(fā)現(xiàn)，十二歲之前，也就是小學階段才是學習外語的最佳時機，學習外語應該從小做起。而整個社會對小學生學英語學習的重視程度卻不像表面看起來的那么重視。目前，市面上的學習軟件種類繁多，英語學習軟件也不勝枚舉，各種中考高考、大學英語四六級、雅思托福GRE的學習軟件數(shù)不勝數(shù)，但是小學生的學習軟件卻很少，更不用說時尚趣味英語學習網(wǎng)站。因此，很有必要開發(fā)一個時尚趣味英語學習網(wǎng)站。一個好的時尚趣味英語學習網(wǎng)站不但可以讓英語學習變的富有成效，還可以培養(yǎng)小學生對英語學習的興趣；在學習中不斷點燃他們的激情，使他

13、們在享受英語學習樂趣的同時加深對計算機的熟悉和了解，提高計算機應用的能力。1.1.2 目前相關(guān)領(lǐng)域的發(fā)展現(xiàn)狀現(xiàn)在，社會上存在著一些時尚趣味英語學習網(wǎng)站，但為數(shù)不多，更達不到普及的程度，而且還有著某些缺陷。比如有的軟件有學習游戲，卻沒有用法說明或者使用幫助，界面不夠友好；有的軟件是好幾門學科的內(nèi)容都有，卻只是泛泛的一個軟件，缺乏針對性；現(xiàn)有的大部分軟件只是進行單詞學習和記憶，而且界面單一呆板很不美觀，沒有辦法讓小學生產(chǎn)生興趣，更沒有辦法抓住低年級小學生的注意力。正因為如此的現(xiàn)狀，現(xiàn)在的小學生還是用著老師講學生聽，老師課堂留作業(yè)學生回家做練習的方法。一個實用的時尚趣味英語學習網(wǎng)站的出現(xiàn)備受期望。1

14、.2 開發(fā)時尚趣味英語學習網(wǎng)站的目的與意義時尚趣味英語學習網(wǎng)站的目的，主要是通過生動的畫面、友好的界面來吸引小學生使用，讓小學生通過使用體會到樂趣并對軟件產(chǎn)生興趣，從而進一步產(chǎn)生對英語的興趣，這一點在低年級小學生身上表現(xiàn)得更為明顯，對長久的英語來說也更為重要。針對低年級小學生的英語學習，專門開發(fā)一個學習軟件，讓他們通過使用喜歡上這個軟件，并愿意使用這個軟件，這樣一來，不但可以提高和鞏固英語學習成績，更能夠達到提高學習興趣和動力的目的，使他們體會到滿足感和成就感，從而真正做到以學為樂。堅持一段時間以后，通過家長和老師的引導、小學生的主動進取和積極努力，就會培養(yǎng)起良好的學習興趣和學習習慣。潛移默化

15、之下得到提高的不只是英語成績，還有其他科目的成績和孩子的整體素質(zhì)，培養(yǎng)起來的良好習慣更是可以受用終身。1.3 時尚趣味英語學習網(wǎng)站開發(fā)的依據(jù)1.3.1 時尚趣味英語學習網(wǎng)站的特點1 .本文時尚趣味英語學習網(wǎng)站的主要特點(1)注重激發(fā)小學生的學習興趣，培養(yǎng)小學生的學習習慣。(2)寓教于樂，趣味性強，圖文并茂，有聲界面，外觀宜人，操作簡便。(3)與教材配套，輔助教學，提供考試，強化練習。(4)提供音標、單詞、英文電影、英文兒歌、故事等的學習，內(nèi)容豐富。(5)有聲軟件，支持定點朗讀和全文朗讀。(6)為家長和孩子提供不同用戶權(quán)限和功能，數(shù)據(jù)安全性好。(7)數(shù)據(jù)庫提供用戶接口，支持動態(tài)更新，能夠隨時與孩

16、子學習水平相適應。2 .本文時尚趣味英語學習網(wǎng)站與其他同類產(chǎn)品的不同之處(1)為了培養(yǎng)小學生學習時專心致志且獨立思考不依賴他人的好習慣，取消了有的軟件提供的隨時陪伴的小精靈。(2)為了適用于低年級小學生，界面設計的清新可人且極富童趣；學習軟件支持文字、圖像、聲音等同步的多媒體學習方法，特別加入了他們普遍比較感興趣的英語兒歌和故事(都帶有朗11?和音樂)，還提供了動畫和小游戲。(3)為了解決現(xiàn)有軟件的學習內(nèi)容固定不變、可使用范圍小且使用期短的缺陷，特別設計和提供了家長使用的數(shù)據(jù)庫維護功能，使家長可以隨時根據(jù)自己孩子的學習狀況和英語水平更新學習和考試內(nèi)容，使軟件量體裁衣”具有個性化,真正起到激勵和

17、促進小學生英語學習的作用。1.3.2開發(fā)可行性分析1 .技術(shù)路線與手段所要完成的課題項目是時尚趣味英語學習網(wǎng)站的設計與實現(xiàn)，該題目實際上就是要開發(fā)一個供小學生學習英語使用的單機版應用軟件。目前，大多數(shù)小學生使用的是Windows操作系統(tǒng)；他們對單一的文字性信息不夠敏感，對聲音圖像動畫等的記憶更好，更喜歡和適合趣味性較強的學習方式。因此，時尚趣味英語學習網(wǎng)站應該做成一個界面友好、操作方便、清新動人、圖文并茂的趣味性學習軟件。鑒于以上原因，本軟件的設計與開發(fā)在Window操作系統(tǒng)下進行，采用JSP作為開發(fā)語言，使用MySQL搭建后臺數(shù)據(jù)庫，走JSP+MySQL的技術(shù)路線，通過加入聲音、圖片、動畫等

18、多媒體手段完成課題。2 .可行性分析(1)關(guān)于編程語言JSPJSP是面向?qū)ο蟮木幊陶Z言，整個程序由事件驅(qū)動。JSP可以實現(xiàn)功能模塊化的編碼，提供了強大的多媒體和界面可視化等功能，簡單易學，開發(fā)項目時間較短，有利于圖形界面軟件的開發(fā)，適合Windows編程。就設計課題的自身要求和完成時間來看，使用JSP開發(fā)時尚趣味英語學習網(wǎng)站的是合理可行的。JSP具有典型的面向?qū)ο蟮奶攸c，它的思維方式與人一致；強調(diào)模擬現(xiàn)實世界中的概念而不強調(diào)算法，使開發(fā)者在軟件開發(fā)的絕大部分過程中都用應用領(lǐng)域的概念去思考。面向?qū)ο蟮能浖_發(fā)過程始終都圍繞著建立問題領(lǐng)域的對象模型來進行，可以按照人習慣的思維方式建立問題領(lǐng)域的模型

19、，模擬客觀世界。在開發(fā)過程中現(xiàn)實世界的模型最重要，這樣的方式更有助于軟件的設計、實現(xiàn)與完善。另外，JSP面向?qū)ο蟮能浖到y(tǒng)的結(jié)構(gòu)是根據(jù)問題領(lǐng)域的模型建立起來的，而不是基于對系統(tǒng)應完成的功能的分解，故當對系統(tǒng)的功能需求變化時并不會引起軟件結(jié)構(gòu)的整體變化，往往僅需要作一些局部性的修改；程序測試通常比較容易實現(xiàn)，如果發(fā)現(xiàn)錯誤也往往比較容易調(diào)試。因此，用JSP進行開發(fā)，穩(wěn)定性好，可重用性高，并且容易維護，更有利于在進行畢業(yè)設計的過程中逐步完善和改進。(2)關(guān)于后臺數(shù)據(jù)庫的MySQL搭建MySQL是一種支持標準查詢語言SQL的關(guān)系型數(shù)據(jù)庫，支持傳統(tǒng)關(guān)系數(shù)據(jù)庫組件(如數(shù)據(jù)庫、表等)和特性(如表的連接等)0

20、MySQL在目前廣泛使用和流行的B/S結(jié)構(gòu)中扮演著后端的角色一一保存數(shù)據(jù)和提供一套方法來管理這些數(shù)據(jù)，并應付來自客戶端的連接和數(shù)據(jù)訪問需求。MySQL支持數(shù)據(jù)庫的導入的功能，有利于保持數(shù)據(jù)的一致性；提供了不同方式的身份認證方法和權(quán)限設置，有利于維護數(shù)據(jù)的安全性。MySQL這些方面的特點是Acces嗷據(jù)庫所不能達到的。另外，與Oracle、SQLServer相比，MySQL對機器硬件的配置要求低，更容易滿足和適合單機版軟件的數(shù)據(jù)庫搭建。因而，采用MySQL進行時尚趣味英語學習網(wǎng)站數(shù)據(jù)庫的搭建，執(zhí)行效率高，安全性和穩(wěn)定性好，能彌補數(shù)據(jù)庫配置要求高、Access數(shù)據(jù)庫安全隱患等缺點，有著其他數(shù)據(jù)庫不

21、可比擬的優(yōu)勢。第二章核心技術(shù)2.1 JSP簡介JSP的全稱是JavaServerPages它是由SunMicrosystems公司于1999年6月開發(fā)出來的一種全新的動態(tài)網(wǎng)頁技術(shù)標準。它在傳統(tǒng)的靜態(tài)頁面文件(*.html,*.htm)中加入Java程序片段和使用各種各樣的JSP指令，構(gòu)成JSP頁面(擴展名為.jsp)。2.1.1 JSP的特點JSP技術(shù)讓動態(tài)網(wǎng)頁的編寫更加容易、功能更強，可移植性、可擴展性更好?？偨Y(jié)起來，它的特點如下：(1)將內(nèi)容的生成與顯示分離(2)支持可重用組件(3)采用標簽簡化頁面開發(fā)(4)一次編寫，處處運行2.1.2 JSP的運行原理服務器在接收到客戶端發(fā)來的一個JSP

22、頁面請求時，首先由JSP引擎把JSP代碼轉(zhuǎn)成Servlet代碼(中間代碼)。然后由JSP引擎調(diào)用服務器端的Java編譯器對Servlet代碼進行編譯，把它編譯成字節(jié)碼文件(.class)。由JVM(Java虛擬機)執(zhí)行此字節(jié)碼文件，最后將執(zhí)行結(jié)果以HTML格式返回給客戶。如圖2.4所示。圖2.1 JSP運行原理2.2 UML建模2.2.1 UML建模概述UML(UnifiedModelLanguage)是一種定義良好、易于表達、功能強大且普遍適用的建模語言。它溶入了軟件工程領(lǐng)域的新思想、新方法和新技術(shù)。它的作用域不限于支持面向?qū)ο蟮姆治雠c設計，還支持從需求分析開始的軟件開發(fā)的全過程。UML融合

23、了Brooch、OMT和OOSE方法中的基本概念，而且這些基本概念與其他面向?qū)ο蠹夹g(shù)中的基本概念大多相同，因而，UML必然成為這些方法以及其他方法的使用者樂于采用的一種簡單一致的建模語言；其次，UML不僅僅是上述方法的簡單匯合，而是在這些方法的基礎(chǔ)上廣泛征求意見，集眾家之長，幾經(jīng)修改而完成的，UML擴展了現(xiàn)有方法的應用范圍；第三，UML是標準的建模語言，而不是標準的開發(fā)過程。盡管UML的應用必然以系統(tǒng)的開發(fā)過程為背景，但由于不同的組織和不同的應用領(lǐng)域，需要采取不同的開發(fā)過程。2.2.2 UML建模的目的與原則(1)幫助我們按照實際情況或按我們需要的樣式對系統(tǒng)進行可視化；提供一種詳細說明系統(tǒng)的結(jié)

24、構(gòu)或行為的方法；給出一個指導系統(tǒng)構(gòu)造的模板；對我們所做出的決策進行文檔化(2)僅當需要模型時，才構(gòu)建它。(3)選擇要創(chuàng)建什么模型對如何動手解決問題和如何形成解決方案有著意義深遠的影響；每一種模型可以在不同的精度級別上表示；最好的模型是與現(xiàn)實相聯(lián)系的；單個模型是不充分的。對每個重要的系統(tǒng)最好用一組幾乎獨立的模型去處理。2.3 JavaScript腳本語言JavaScript語言是NetScape公司開發(fā)的一種機遇對象的、由瀏覽器負責解釋執(zhí)行的、弱類型的描述性腳本語言。IE3.0和NetScape3.0以上的瀏覽器都支持JavaScript語言。與HTML以及Applet一起用于開發(fā)客戶端用戶界面

25、，JavaScript是通過嵌入到HTML語言中實現(xiàn)的，可以出現(xiàn)在HTML的任何地方，它彌補了HTML語言的缺陷，是Java與HTML折衷的選擇。JavaScript語言的特點：(1)解釋型的腳本語言，采用小程序端的方式實現(xiàn)編程，不需要事先編譯；(2)是基于對象的語言，可以運用已經(jīng)創(chuàng)建好的對象，結(jié)合對象的方法和腳本實現(xiàn)所需的功能；(3)是事件驅(qū)動的語言，可以直接對用戶的輸入做出響應，不需要服務器的支持，減少了瀏覽器和服務器之間的通信量，提高了響應速度；(4)是一種安全的語言，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互，不允許訪問本地硬盤或?qū)?shù)據(jù)存到服務器上，不允許對網(wǎng)絡文檔進行修改和刪除，從而有效防

26、止數(shù)據(jù)的丟失。(5)是一種與平臺無關(guān)的語言，依賴于瀏覽器本身，與操作系統(tǒng)無關(guān)，從而實現(xiàn)了一定程度的次編寫，隨處運行40第三章系統(tǒng)分析3.1 時尚趣味英語學習網(wǎng)站的設計目標與性能分析3.1.1時尚趣味英語學習網(wǎng)站的設計目標設計要求：軟件是針對小學生而設計，所以需要根據(jù)小學生的實際情況進行設計，要求界面和功能吸引人，能夠激發(fā)小學生的學習興趣，要教與學和練相結(jié)合，在教完之后有相應的練習題，并在成績良好的時候有相應的獎勵與鼓勵。對于一般的小學生用戶來說，學習和考試是此軟件要滿足他們的，因此要有兩個模塊：學習系統(tǒng)、考試系統(tǒng)。其中，學習系統(tǒng)要實現(xiàn)內(nèi)容列表、選擇學習、益智小游戲等；考試系統(tǒng)要實現(xiàn)的是組卷、考

27、試、評分等功能。另外，要注意小學生的特點，突出界面的美觀和兒童化。對于小學生的家長來說，他們也是這個軟件的用戶，他們主要需要的是對數(shù)據(jù)庫進行維護和更新等。因此，軟件要達到的基本設計目標如下：(1)分為三個大的功能模塊：學習系統(tǒng)模塊、考試系統(tǒng)模塊、數(shù)據(jù)維護模塊。(2)學習系統(tǒng)要實現(xiàn)豐富的學習內(nèi)容列表、相應內(nèi)容學習和益智小游戲等功能。(3)考試系統(tǒng)要考試、評分及答案解析等功能。(4)數(shù)據(jù)維護實現(xiàn)對數(shù)據(jù)庫信息的操作、更新和維護等。(5)界面美觀友好、生動清新，圖文并茂，有背景聲音搭配界面，操作簡便、方便使用。(6)軟件適合小學生使用，做的有吸引力，寓教于樂、有聲有色。3.1.2軟件性能為了保證軟件能

28、夠長期、安全、穩(wěn)定、可靠、高效的運行，應該滿足以下的性能要求：(1)軟件處理的準確性和及時性：軟件處理的準確性和及時性是軟件的必要性能。在軟件設計和開發(fā)過程中，要充分考慮軟件當前和將來可能承受的工作量，使軟件的處理能力和響應時間能夠滿足用戶的需求。(2)軟件的開放性和軟件的可擴充性：軟件在開發(fā)過程中，應該充分考慮以后的可擴充性。例如數(shù)據(jù)表中用戶選擇字段方式的改變，用戶查詢的需求也會不斷的更新和完善。所有這些，都要求軟件提供足夠的手段進行功能的調(diào)整和擴充。而要實現(xiàn)這一點，應通過軟件的開放性來完成，既軟件應是一個開放軟件，只要符合一定的規(guī)范，可以簡單的加入和減少軟件的模塊，配置軟件的硬件。通過軟件

29、的修補、替換完成軟件的升級和更新?lián)Q代。(3)軟件的易用性和易維護性：要實現(xiàn)這一點，就要求軟件應該盡量使用用戶熟悉的信息和界面；針對用戶可能出現(xiàn)的使用問題，要提供足夠的使用說明和幫助，縮短用戶對軟件熟悉的過程。3.2 需求分析3.2.1 數(shù)據(jù)需求1 .數(shù)據(jù)庫需求一個穩(wěn)定、安全的系統(tǒng)與它的數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)庫系統(tǒng)有很大的關(guān)系。開發(fā)時尚趣味英語學習網(wǎng)站，對數(shù)據(jù)庫的要求就是安全性和響應速度。在設計進行的過程中，選擇Access作為測試數(shù)據(jù)庫，這主要考慮到了，Access是個輕量級的數(shù)據(jù)庫，占用的存儲空間比較小。而測試成功后，再選用MySQL來實現(xiàn)本軟件的數(shù)據(jù)庫，這主要是考慮軟件長期運行時的數(shù)據(jù)安全性問題和

30、處理效率高的問題。2 .數(shù)據(jù)需求從時尚趣味英語學習網(wǎng)站的目的與功能考慮，實現(xiàn)該軟件需要的數(shù)據(jù)主要是有關(guān)小學生英語學習的內(nèi)容，包括音標、單詞、短語、英語測試題(選擇、填空等題型，每種題型都要有題文、答案等信息)等，此外還需要用戶信息，包括：用戶名、密他等。3.2.2功能需求本軟件是時尚趣味英語學習網(wǎng)站，故應根據(jù)小學生學習的年齡、生理、心理等實際情況以及英語學習的特點，使軟件滿足如下的功能需求：(1)分為三個大的功能模塊：學習系統(tǒng)模塊、考試系統(tǒng)模塊、數(shù)據(jù)維護模塊。(2)學習系統(tǒng)要實現(xiàn)豐富的學習內(nèi)容列表、相應內(nèi)容學習和益智小游戲等功能。(3)考試系統(tǒng)要實現(xiàn)考試及評分等功能。(4)數(shù)據(jù)維護實現(xiàn)對數(shù)據(jù)庫

31、信息的操作、更新和維護等。(5)界面美觀友好、生動清新，圖文并茂，有背景聲音搭配界面，操作簡便、方便使用。(6)軟件適合小學生使用，做的有吸引力，寓教于樂、有聲有色。經(jīng)過總體的分析，本系統(tǒng)主要有兩種類型的用戶，即：已注冊的用戶和系統(tǒng)管理員。詳見下面的UML建模分析：已注冊用尸圖3.1用戶角色對系統(tǒng)操作的總用例圖圖3.2管理員角色對系統(tǒng)操作的總用例圖圖3.3用戶對系統(tǒng)操作的活動圖圖3.4管理員角色對系統(tǒng)操作的活動圖通過UML建模分析，筆者進行了系統(tǒng)功能點的細化，同時進入了用例建模中的用例描述階段，由于用例描述是較為復雜、文字量較多的，所以本文只展示了本系統(tǒng)的核心功能注冊、登錄、背單詞模塊的用例描

32、述，如下：UC01-注冊帳號描述(Description)用戶注冊帳號角色(Actors)用戶用戶界面(UI)st”畫巨圖3.5注冊界面截圖隹戶主#精中稗琥項為史浦平，1：占吐 于解除,圜an j 匡圖3.6注冊成功界面截圖輔助圖例(Diagram)前置流程(Pre-Conditions) 入口：系統(tǒng)主頁點擊注冊” 條件：用戶已成功進入系統(tǒng)主頁基本流程(MainFlowofEvents)1 .用戶點擊主頁中的注冊”按鈕。2 .系統(tǒng)在本窗口中跳轉(zhuǎn)到注冊頁面，頁面顯示詳見Demo。3 .用戶輸入注冊信息后，點擊注冊”按鈕。4 .系統(tǒng)對用戶輸入的信息格式進行校驗，格式詳見DD,若校驗成功，系統(tǒng)從本窗

33、口自動跳轉(zhuǎn)到注冊成功頁面，頁面顯示詳見Demo。分支流程(AlternateFlows)1 .接基本流程1,若用戶登錄超時30分鐘，系統(tǒng)會直接跳轉(zhuǎn)到主頁，并提示用戶登錄已超時，請重新登錄！2 .接基本流程3,若用戶點擊重置”按鈕，系統(tǒng)會自動將所有的輸入控件清空。3 .若用戶輸入的信息不符合DD的要求，系統(tǒng)會自動以文本的形式在本頁面中提示用戶何處出錯。后置流程(Post-ConditionS)1 .用戶點擊回到首頁”按鈕，系統(tǒng)在本窗口中自動跳轉(zhuǎn)的系統(tǒng)主頁，同時，用戶處于登錄狀態(tài)。商業(yè)規(guī)則(BusinessRuleS注冊密碼和確認密碼必須一致，用戶才能注冊成功。數(shù)據(jù)字典(DataDictionar

34、y)1. DD-注冊.用戶名字段名：用戶名字段類型：字符長度：10-50個中文字符、英文字符、下劃線和數(shù)字組合，其中下劃線和數(shù)字不能位于首位。含義：用戶登錄時所需的用戶名備注：無默認值：無是否必填：是2. DD-注冊.密碼字段名：密碼字段類型：字符長度：6-8個英文字符。含義：用戶登錄時所需的密碼備注：無默認值：無是否必填：是3. DD-注冊.確認密碼字段名：確認密碼字段類型：字符長度：6-8個英文字符。含義：用戶注冊時，系統(tǒng)為保證用戶輸入的密碼正確備注：無默認值：無是否必填：是4. DD-注冊.郵箱字段名：郵箱字段類型：字符長度：15-50個英文字符、數(shù)字、下劃線和一個組成，其中數(shù)字和下劃線

35、不能位于首位。含義：用戶登錄時所需的密碼備注：無默認值：null是否必填：否其他：略。詞匯表(Glossary)無。補充說明(AdditionalInformation)無。UC02-登錄描述(Description)用戶登錄角色(Actors)用戶用戶界面(UI)M站典看圖識詞不景 的小時癰現(xiàn)觸球則附 尚蜒昧至謂小麥地！衽這里梃41以 姓持的門砧淡學方忒:卜跑保仃存虐 丁幡密的天浴爆抗。地所布邊華 與.使你的學Ra賽福部，格典的芷0。9年5月強巧日 1扇陰根二I空厘圖3.8時尚趣味學習網(wǎng)站的主頁面截圖世上無敗事，只要Itfll鰲a Mcithine is diffif you :put試題輔

36、助圖例(Diagram)無。前置流程(Pre-Conditions)入口：系統(tǒng)主頁條件：用戶已成功進入系統(tǒng)主頁基本流程(MainFlowofEvents)1 .用戶在主頁中的登錄輸入框中，輸入用戶名和密碼，點擊登錄”按鈕。2 .系統(tǒng)對用戶輸入的信息格式進行校驗，格式詳見DD,若校驗成功，系統(tǒng)驗證用戶的輸入的用戶名和密碼是否匹配，若匹配正確，系統(tǒng)會在主頁中顯示，用戶名，歡迎您！”分支流程(AlternateFlows)1 .接基本流程2,若用戶輸入的信息不符合DD的要求，系統(tǒng)會自動以文本的形式在本頁面中提示用戶何處出錯。2 .接基本流程2,若用戶輸入的用戶名和密碼不匹配，系統(tǒng)會自動以文本的形式在

37、本頁面中提示用戶，用戶名和密碼不匹配后置流程(Post-Conditions)1 .用戶可進行學習和考試。商業(yè)規(guī)則(BusinessRuleS無。數(shù)據(jù)字典(DataDictionary)1. DD-登錄.用戶名字段名：用戶名字段類型：字符長度：10-50個中文字符、英文字符、下劃線和數(shù)字組合，其中下劃線和數(shù)字不能位于首位。含義：用戶登錄時所需的用戶名備注：無默認值：無是否必填：是2. DD-登錄.密碼字段名：密碼字段類型：字符長度：6-8個英文字符。含義：用戶登錄時所需的密碼備注：無默認值：無是否必填：是詞匯表(Glossary)無。UC03-背單詞描述(Description)用戶背單詞角色

38、(Actors)用戶用戶界面(UI)圖3.9學習模塊的主頁面截圖用尸門叫職眄口在報單領(lǐng)包上好區(qū)J件度英舌I:一隼坦期一學1123457gHE峰口系全事同RE糕出售單詞用冉吉小學口牙廉岸英西，廠把鹿弗二學)朝.第1阻下一津顯吊理岫就也iMo.1a已住了2*6R口記住了3andera了圖3.10背單詞界面截圖前置流程(Pre-Conditions) 入口：,1.系統(tǒng)主頁趣味學習瘋狂背單詞,2.系統(tǒng)主頁趣味學習單詞 條件：用戶已成功登錄系統(tǒng)基本流程(MainFlowofEvents)1 .用戶進入瘋狂背單詞頁面。2 .系統(tǒng)顯示：頁面頂部控件：瀏覽全部解釋”、顯示全部單詞”、只顯示未記住單詞”、保存當

39、前學習進度”，四個按鈕；單詞列表所包含的元素表頭：NO.、單詞、狀態(tài)、操作數(shù)據(jù)項，其中狀態(tài)欄的文字前包含一個小圖片，詳見Demo,操作欄中不填文字。NO.列以正整數(shù)1開始逐一遞增排序，單詞列顯示單詞(全部小寫)，狀態(tài)列中顯示方塊式復選框+記住了”，操作列顯示查看解釋”按鈕。3 .用戶點擊列表中的查看解釋”按鈕。4 .系統(tǒng)會在將解釋按鈕變?yōu)閷拘袉卧~的音標和解釋，格式詳見DD。5 .用戶在狀態(tài)列中選擇記住了的單詞，點擊只顯示未記住單詞”。6 .系統(tǒng)會自動將選中的單詞隱藏，NO.列自動重新以正整數(shù)1開始逐一遞增排序。7 .用戶點擊顯示全部單詞”按鈕。8 .系統(tǒng)在列表中顯示本課所有單詞，NO.列自

40、動重新以正整數(shù)1開始逐一遞增排序。9 .用戶點擊瀏覽全部解釋”按鈕。10 .系統(tǒng)會將列表中所有的查看解釋”按鈕隱藏，在此區(qū)域顯示對應單詞的音標和解釋，格式詳見DD。分支流程(AlternateFlows)1 .接基本流程1,若用戶登錄超時30分鐘，系統(tǒng)會直接跳轉(zhuǎn)到主頁，并提示用戶登錄已超時，請重新登錄！后置流程(Post-Conditions)無。商業(yè)規(guī)則(BusinessRuleS無。數(shù)據(jù)字典(DataDictionary)1. DD-單詞.解釋字段名：單詞解釋字段類型：字符長度：1-50個中文字符和英文字符組合，其還包含“”；”；“”。含義：單詞的音標、中文解釋備注：音標要以“開始，”結(jié)束

41、默認值：無是否必填：是3.2.3性能需求為了使所設計與實現(xiàn)的學習軟件更加方便、實用，應該使軟件具有較好的總體性能。(1)界面生動活潑，圖文并茂，有聲有色。軟件是專為低年級小學生設計的，所以要一切從小學生的實際情況出發(fā)進行考慮和設計。小學生對單一的文字性信息不夠敏感，而對聲音、圖像、動畫等的信息刺激更敏感，記憶更好，他們更喜歡和適合趣味性較強的學習方式。因此，時尚趣味英語學習網(wǎng)站的要界面生動活潑、清新動人，圖文并茂、有聲有色。(2)界面友好，操作方便。所有的軟件一般都要求有一個方便的操作界面，以減少不必要和沒有意義的操作和過程。一般而言，小學生對計算機的熟悉程度較低，操作比較不熟練，因此，操作方

42、便就顯得尤為重要。另外，軟件要有必要的操作說明和使用幫助，一來可以減少不必要的麻煩和時間精力的浪費，二來可以培養(yǎng)小學生獨立思考的能力和獨立的人格。(3)數(shù)據(jù)全面，與教材配套，且可以更新。調(diào)查和研究發(fā)現(xiàn)，在使用軟件后，能不能有效的提高學習成績是用戶評價軟件的重要指標，這一點關(guān)系到他們是否繼續(xù)使用軟件的決定。在滿足上述性能需求的條件下，只有保證數(shù)據(jù)與教材配套、非常全面，才能夠滿足促進學習提高成績的要求。數(shù)據(jù)可以更新是其他學習軟件所不具備的，本軟件獨有的特點。而數(shù)據(jù)更新則保證了軟件能夠最大程度的滿足不同用戶的個性化要求，這樣能極大地提高學習的興趣，長期如此就會使小學生的學習成績和英語功底有明顯的提升

43、，本軟件的價值才更好的體現(xiàn)出來。第四章系統(tǒng)設計4.1 結(jié)構(gòu)設計4.1.1B/S結(jié)構(gòu)B/S結(jié)構(gòu)：（Browser/Server,瀏覽器/服務器模式）：是WEB興起后的一種網(wǎng)絡結(jié)構(gòu)模式，WEB瀏覽器是客戶端最主要的應用軟件。這種模式統(tǒng)一了客戶端，將系統(tǒng)功能實現(xiàn)的核心部分集中到服務器上，簡化了系統(tǒng)的開發(fā)、維護和使用。在B/S體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡上的許多服務器發(fā)出請求，服務器對瀏覽器的請求進行處理，將用戶所需信息返回到瀏覽器。實際上B/S體系結(jié)構(gòu)是把二層C/S結(jié)構(gòu)的事務處理邏輯模塊從客戶機的任務中分離出來，由Web服務器單獨組成一層來負擔其任務，這樣客戶機的壓力減輕了，把負荷分配

44、給了Web服務器。這種三層體系結(jié)構(gòu)如圖2.1所示ClientWeb ServerDatabasePC圖4.1 B/S三層體系結(jié)構(gòu)這種結(jié)構(gòu)不僅把客戶機從沉重的負擔和不斷對其提高的性能的要求中解放出來，也把技術(shù)維護人員從繁重的維護升級工作中解脫出來。由于客戶機把事務處理邏輯部分分給了功能服務器，使客戶機一下子苗條”了許多，不再負責處理復雜計算和數(shù)據(jù)訪問等關(guān)鍵事務，只負責顯示部分，所以維護人員不再為程序的維護工作奔波于每個客戶機之間，而把主要精力放在功能服務器上程序的更新工作這種三層結(jié)構(gòu)在層與層之間相互獨立，任何一層的改變不會影響其它層的功能。4.1.2功能模塊結(jié)構(gòu)圖圖4.2軟件模塊結(jié)構(gòu)示意圖4.2

45、 數(shù)據(jù)庫設計軟件使用了數(shù)據(jù)庫技術(shù)，但主要是數(shù)據(jù)庫中比較基本、比較簡單的功能，并不涉及到特別復雜的邏輯結(jié)構(gòu)和功能，因此，數(shù)據(jù)庫設計的主要內(nèi)容就是對數(shù)據(jù)表的設計。1 .英文音標單詞表表名：biao主鍵：b#表4.1英文音標表結(jié)構(gòu)(biao)數(shù)據(jù)類型說明b#Int表索引biaobVarchar音標biaoeVarchar英文單詞biaocVarchar漢語解釋2 .用戶表表名：user主鍵：u#表4.2用戶表(user)u#Int表索引unVarchar用戶名umVarchar密碼3 .選擇題表表名：choose主鍵：c#表4.3選擇題表(choose)名稱數(shù)據(jù)類型說明名稱數(shù)據(jù)類型說明c#Int表索

46、引AcvarcharATxcInt題型Bcvarchar答案BThcInt題號Ccvarchar答案CJhcInt倉勺Dcvarchar答案DCdcChar難易程度Rcchar正確答案Twcvarchar題文Fcint分值4.考試表表名：ksh主鍵：ksh#表4.4考試表(ksh)名稱數(shù)據(jù)類型說明ksh#Int表索引txkshInt題型thshInt題號JhshInt百勺TwkshVarchar題文FkshInt4.3系統(tǒng)難點評估及解決方案4.3.1 篩選式背單詞1 .難點評估本系統(tǒng)開發(fā)的難點就是篩選式背單詞和試卷上傳的設計和實現(xiàn)，其中，在單詞存儲、只顯示未記住單詞上都存在很大的問題。由于單詞

47、的數(shù)量較多，采用人工輸入是非常耗費工作量的，而只顯示未記住的單詞就需要與用戶的交動進行操作，所以以何種方式實現(xiàn)此功能也是系統(tǒng)的難點。2 .解決方案經(jīng)過分析和咨詢，我總結(jié)了2個方案(1)由于小學生學習單詞的數(shù)量相比字典要少很多，所以采用簡單的人工輸入還是可以滿足需求的，但擴展性不好。(2)在網(wǎng)上下載相關(guān)數(shù)據(jù)庫，這種方法也只能滿足目前需求，而較好的字典數(shù)據(jù)庫是要收費的。本次設計決定采用第一種方案。4.3.2上傳試卷1 .難點評估在試卷上傳這一模塊中，我對試卷的字體大小轉(zhuǎn)換、復制、剪切、粘貼、文本轉(zhuǎn)HTML的功能實現(xiàn)上存在很多風險，因為筆者未曾開發(fā)過類似功能。2 .解決方案通過查看相關(guān)的學習資料，我

48、發(fā)現(xiàn)用JavaScript實現(xiàn)動態(tài)網(wǎng)頁交互，不僅能減輕數(shù)據(jù)庫的負擔，同時也能是系統(tǒng)的執(zhí)行效率得到有力的提高，所以上傳試卷功能，筆者決定采用頁面交互，從而調(diào)用JavaScript函數(shù)的方案解決。3 .3.3總體設計策略和實現(xiàn)手段整個設計與實現(xiàn)主要采用結(jié)構(gòu)化設計，分層設計實現(xiàn)”的原則，自頂向下逐步細分，以達到提高模塊內(nèi)聚性，降低模塊間耦合程度的目的，從而開發(fā)出可維護性和安全性較高的時尚趣味英語學習網(wǎng)站。具體方法如下：(1)采用結(jié)構(gòu)化設計方法，將軟件分解為多個層次化模塊結(jié)構(gòu)。(2)對主要模塊，采用以功能為中心的設計策略，把一個大的復雜的模塊逐步分解成小的相對簡單的功能模塊。(3)對低層模塊，采用簡單

49、設計策略，直接設計實現(xiàn)。(4)通過數(shù)據(jù)庫將各個模塊聯(lián)系在一起，提高軟件的可維護性。第五章系統(tǒng)實現(xiàn)5.1 總體結(jié)構(gòu)5.1.1 模塊與頁面及主要功能啟動頁面：index.jsp；注冊頁面：regist.jsp；登錄頁面：login.jspconn.jsp學習模塊的功能是提供小學生的學習界面，以實現(xiàn)單詞學習短語學習兒歌學習身體部位學習補充童話閱讀寓教于樂小游戲等功能。它包括的主要頁面有：studygame.jspword.jspmusic.jspgame.jspselect.jsponline.jsp考試系統(tǒng)模塊主要的功能是通過提交成套的測試題，讓小學生作答并提交答案，通過將小學生的答案與數(shù)據(jù)庫中的

50、對應的題文的正確答案相比較，然后根據(jù)題文的分值對考生的答案做出相應的評分。此模塊包含的頁面有：testonline.jspfirst.jspsecond.jspthird.jspfourth.jspfifth.jspsixth.jspseventh.jsp數(shù)據(jù)維護模塊的主要功能是為軟件提供維護、更新的接口，實現(xiàn)包括題文的錄入，用戶信息的修改、維護等在內(nèi)的各種數(shù)據(jù)庫維護功能。它包含的頁面有：admin.jspmain.jspcustom.jsppaper.jspUser-userName-password-sex-age-emaiJConn_DB-bgetCorinertionORs_DBsho

51、wPage-con Cofinectlon+getResiit()+setUserName() +gfttU5erName() +setPasswordO +getPs$word() +setSex() +get5ex() +setAge() +g&tAge() +setEmail() -4-getEmail()+printPageQ +prinfcRow() +artPnntPdqe() +artPrintRovj() +detailPag&() +detailRow()圖5.1系統(tǒng)總體結(jié)構(gòu)類圖5.1.2 系統(tǒng)主干流程時序圖用戶行為時序圖，描述了用戶操作系統(tǒng)的時序圖，包括所調(diào)用到的頁面和具體

52、的功能交口,O圖5.2用戶行為時序圖管理員行為時序圖，描述了用戶操作系統(tǒng)的時序圖，包括所調(diào)用到的頁面和具體的功能交互。如下：圖5.3管理員行為時序圖用戶背單詞的時序圖，描述了用戶背單詞的流程及執(zhí)行順序，包括所調(diào)用到的頁面和具體的功能交互。圖5.4用戶背單詞時序圖5.2 數(shù)據(jù)庫的實現(xiàn)5.2.1 數(shù)據(jù)庫的實現(xiàn)在軟件設計與實現(xiàn)的過程中，可以采用兩種方式來實現(xiàn)數(shù)據(jù)庫。一種是在MySQL-Front創(chuàng)建數(shù)據(jù)庫，創(chuàng)建表，錄入需要的數(shù)據(jù)庫信息。這種方法操作起來比較簡單，但只適用于軟件打包成用戶安裝程序之前。因為，這種方法只能在本地的計算機上建立數(shù)據(jù)庫，進行相應數(shù)據(jù)信息的更新，而軟件用戶并不使用開發(fā)軟件時所使

53、用的計算機，而且他可能并不上網(wǎng)，故沒有辦法對數(shù)據(jù)庫進行遠程訪問。第二種方法是通過使用MySQL的相關(guān)語句來實現(xiàn)數(shù)據(jù)庫。需要注意的是，在軟件設計和實現(xiàn)過程中，無論采取那種方式都可以成功達到既定目標，但是當軟件即將交付用戶使用的時候必須提交用第二種方法實現(xiàn)數(shù)據(jù)庫的全部SQL語句。它主要包含入下內(nèi)容：(1)創(chuàng)建數(shù)據(jù)庫createdatabaseenglishlearning(2)創(chuàng)建數(shù)據(jù)表對于不同的數(shù)據(jù)表創(chuàng)建方法是相同的，只需根據(jù)不同表的實際情況稍作修改,改變SQL語句中的表名、數(shù)據(jù)項、約束等相關(guān)內(nèi)容就可以了。在此僅舉一例，其他表的創(chuàng)建大同小異，詳見附錄。創(chuàng)建音標單詞表(biao)：CREATETABLEbiao(b#int,-表索引bia