【正文】 。 ，流程解釋為：（1） 根據(jù)用戶操作，從主模塊打開單詞書模塊，并初始化顯示單詞書界面（2） 一方面從遠(yuǎn)程下載單詞書列表，另一方面讀取本地的單詞書（3） 計(jì)算單詞書中已經(jīng)學(xué)過的單詞（4） 顯示單詞書表格，供用戶操作 單詞書模塊運(yùn)行流程圖載入本地單詞書函數(shù)：，解釋如下：（1） 用戶通過選擇本地單詞書（或者通過本地文件管理將單詞書拖入窗口位置）（2） 通過HTML5新加入的本地文件處理函數(shù)讀取單詞書文件中的信息（3） 計(jì)算單詞書文件中的可加入單詞（4） 提示用戶是否加入（5） 如果加入成功，則刷新單詞書顯示列表 載入本地單詞書函數(shù)流程圖 生詞本模塊 生詞本模塊的主要作用是讓用戶能手動(dòng)添加、查詢、刪除單詞。（6） 判斷單詞列表現(xiàn)在是否為空，即是否已經(jīng)完成了復(fù)習(xí)。如果正確則加分，如果錯(cuò)誤，則提示用戶回答錯(cuò)誤，待用戶再次輸入正確單詞后不本次加分。（4） 讀取并在屏幕上顯示要復(fù)習(xí)的單詞中的第一個(gè)。詳細(xì)的流程解釋為：（1） 當(dāng)主模塊判斷有可復(fù)習(xí)的單詞，然后用戶點(diǎn)擊開始復(fù)習(xí)后，即進(jìn)入復(fù)習(xí)模塊（2） 首先判斷是否要有必要進(jìn)行復(fù)習(xí)，也就是記憶中數(shù)據(jù)庫中是否有單詞的下次時(shí)間到了（3） 讀取所有要復(fù)習(xí)的單詞到本模塊，并賦予初始分值。（8） 判斷是否用戶在設(shè)置中選擇初記后直接復(fù)習(xí)，如果選擇復(fù)習(xí)就跳轉(zhuǎn)到復(fù)習(xí)頁面，否則就跳轉(zhuǎn)回主頁面。正確的話就判斷當(dāng)前是否可以完成初記。同時(shí)彈出聯(lián)想圖片搜索的對(duì)話框。詳細(xì)說明如下：（1） 在主模塊可以初記的情況下，點(diǎn)擊開始初記按鈕，進(jìn)入初記流程（2） 判斷是否可以初記，即要么生詞本中有未初記的單詞，要么有當(dāng)前詞庫，且里面的單詞足夠初記。（3） 通過html提供的函數(shù)判斷當(dāng)前是否聯(lián)網(wǎng)在線，如果沒有，且是手動(dòng)登陸，應(yīng)該提醒用戶。 程序運(yùn)行流程圖登錄函數(shù) 登錄函數(shù)也是主模塊中的一個(gè)重要功能，提供自動(dòng)登錄，手動(dòng)登錄等功能，流程解釋如下：（1） 開始嘗試自動(dòng)登錄（2） 判斷本地?cái)?shù)據(jù)庫中是否有自動(dòng)登錄所需要的用戶名和密碼信息。主模塊主要的難點(diǎn)是各種模塊的載入順序與兼容性問題，例如Internet Explorer瀏覽器載入CSS樣式文件必須在HTML文件的head模塊中，否則會(huì)載入失敗，而其他例如Firefox和Chrome瀏覽器都可以在任意位置載入。（7） 如果程序是第一次運(yùn)行，則在主界面的程序標(biāo)題處，播放一個(gè)暫短的程序使用簡介動(dòng)畫，通過滾動(dòng)不同的文字信息，來提示用戶本軟件的主要功能。d) 判斷當(dāng)前用戶詞庫的狀態(tài)，是可以復(fù)習(xí)，還是可以初記，亦或是什么都不能做（這三種可能性都有可能，原因是因?yàn)橛脩舯痴b的進(jìn)度等因素），按照相應(yīng)的情況設(shè)置主界面開始按鈕顯示的文字。b) 。如果載入成功，就繼續(xù)初始化數(shù)據(jù)。（3） 在載入了第三方模塊之后，就已經(jīng)有足夠的庫文件支持來顯示對(duì)話框了，所以此時(shí)顯示“載入中”對(duì)話框，提醒用戶程序正在初始化。他們的是其他模塊的基礎(chǔ)。載入此頁面的的過程中會(huì)運(yùn)行此頁面中的JavaScript程序代碼，從而開始對(duì)整個(gè)程序的初始化。 主模塊的主要功能是載入各種其他模塊并顯示程序主界面，主要流程解釋如下：（1） 當(dāng)程序開始運(yùn)行時(shí)，首先會(huì)載入程序主頁面。 多線程工人模塊的實(shí)現(xiàn)： 工人模塊的實(shí)現(xiàn)主要難點(diǎn)是同步不同線程，本軟件所使用的方法是設(shè)置一個(gè)計(jì)數(shù)變量，每個(gè)線程執(zhí)行之后則對(duì)這個(gè)計(jì)數(shù)變量進(jìn)行計(jì)算，當(dāng)計(jì)數(shù)變量的數(shù)量等同于任務(wù)總數(shù)量時(shí)，就說明所有線程執(zhí)行完成了。Worker功能可以讓JavaScript代碼在后臺(tái)執(zhí)行，雖然標(biāo)準(zhǔn)未說明這一定要用多線程方法實(shí)現(xiàn)，不過現(xiàn)在主流的瀏覽器都是用多線程方法來實(shí)現(xiàn)Worker功能的，故本人將此模塊起名為多線程工人模塊。的方法，創(chuàng)建一個(gè)事件，而另一個(gè)類B當(dāng)需要監(jiān)聽這個(gè)事件時(shí)，就要用attach函數(shù)注冊(cè)這個(gè)事件，等待類A中用notify或者wait進(jìn)行通知，以此執(zhí)行類B中的回調(diào)方法。而在載入窗口時(shí)會(huì)有一個(gè)300毫秒的延遲，所以本軟件將聲音的播放一律延遲350毫秒，以兼容Chrome瀏覽器。 聲音播放模塊的實(shí)現(xiàn)：聲音模塊實(shí)現(xiàn)主要在于協(xié)調(diào)不同瀏覽器之間的兼容性，不同瀏覽器對(duì)其的支持都不同，所以要做到在各瀏覽器上比較統(tǒng)一的表現(xiàn)比較難。主要目的是利用Websocket功能，避免HTTP的慢速度，同時(shí)也可以達(dá)到一定的加密效果。為了做到這一點(diǎn)，就只能利用事件回調(diào)方法，打開對(duì)話框，只有對(duì)話框關(guān)閉后，才能執(zhí)行下面的代碼。之所以重寫一個(gè)對(duì)話框模塊代替這兩個(gè)函數(shù)，是因?yàn)檫@兩個(gè)函數(shù)的作用雖然一樣，但是在不同瀏覽器下的表現(xiàn)不太一樣，顯示效果不一致，也沒辦法通過程序自定義皮膚，故選擇代替這兩個(gè)函數(shù)，達(dá)到更好的界面一致性。 對(duì)話框模塊（MessageBox） 對(duì)話框模塊的主要目的是代替JavaScript中提供的alert和confirm函數(shù)。LZMA算法針對(duì)的是二進(jìn)制文件，但是在JavaScript中是不能直接表示二進(jìn)制流信息的，所以在進(jìn)入LZMA的函數(shù)之前要將數(shù)據(jù)轉(zhuǎn)換為整型數(shù)組的形式。字典的取值，會(huì)根據(jù)一個(gè)單詞，找到其音標(biāo)、詞義和例句，如果沒找到，會(huì)返回一個(gè)JavaScript語言中的未定義值（undefined）。字典的初始化因?yàn)橐玫浇鈮嚎s算法，而解壓算法整體來說是比較占用CPU資源的，為了保證程序的流暢度，所以字典的初始化是采用了后臺(tái)的多線程工人技術(shù)。主要目的是消耗用戶的CPU時(shí)間來節(jié)省網(wǎng)絡(luò)流量，提高效率。本課題軟件的LZMA算法模塊是將開源的libzip的源代碼經(jīng)過開源項(xiàng)目emscripten編譯為JavaScript代碼而得到的。 詞典模塊（Dict） 字典模塊主要只有兩部分：（1） 字典的初始化。 下一張將介紹課題軟件的詳細(xì)設(shè)計(jì)，其中包括算法流程和實(shí)現(xiàn)。 本章小結(jié) 本章介紹了課題軟件的數(shù)據(jù)庫設(shè)計(jì)。 數(shù)據(jù)庫的物理設(shè)計(jì) 客戶端數(shù)據(jù)庫的物理設(shè)計(jì)客戶端數(shù)據(jù)庫使用客戶端的數(shù)據(jù)庫操作模塊（DB）來對(duì)數(shù)據(jù)庫進(jìn)行增刪查改，客戶端數(shù)據(jù)庫的物理格式為JavaScript的JSON格式，以NoSQL的思想進(jìn)行保存。 選項(xiàng)設(shè)置的邏輯設(shè)計(jì)表序號(hào)字段名數(shù)據(jù)類型字段大小1選項(xiàng)名字符串102選項(xiàng)值字符串10 ，其中選項(xiàng)名和選項(xiàng)值一一對(duì)象，總體類型更類似于一個(gè)離散的數(shù)據(jù)結(jié)構(gòu)。 單詞書的邏輯設(shè)計(jì)表序號(hào)字段名數(shù)據(jù)類型字段大小1單詞書名稱字符串502單詞書內(nèi)的單詞JSON— ，其中單詞書名稱是單詞書的唯一標(biāo)識(shí)，而單詞書內(nèi)的單詞是又一個(gè)離散的JSON結(jié)構(gòu)保存各個(gè)單詞，大小并不固定，這是NoSQL數(shù)據(jù)庫所允許的。 數(shù)據(jù)庫要能在一定用戶量以下（1000）保持穩(wěn)定高效的運(yùn)行。數(shù)據(jù)庫應(yīng)該能在50毫秒內(nèi)完成對(duì)數(shù)據(jù)的一切操作，避免影響用戶體驗(yàn)。（4） 選項(xiàng)設(shè)置數(shù)據(jù)。（3） 記憶中數(shù)據(jù)。（2） 生詞本數(shù)據(jù)。為了軟件的正常運(yùn)行，應(yīng)該保存的數(shù)據(jù)有：（1） 單詞書數(shù)據(jù)。第五章 數(shù)據(jù)庫設(shè)計(jì)本章介紹課題軟件的數(shù)據(jù)庫設(shè)計(jì)，主要分客戶端的數(shù)據(jù)庫和服務(wù)器的數(shù)據(jù)庫。這樣的劃分可以簡化程序模塊，使層次更清晰，便于維護(hù)和測試。 GamePagePresenter類： showGamesButton () 顯示頁面中的游戲打開按鈕 hideGamesButton () 隱藏頁面中的游戲打開按鈕 游戲管理模塊類依賴關(guān)系圖 本章小結(jié) 本章介紹了課題軟件的總體機(jī)構(gòu)和各模塊的概要設(shè)計(jì)。LearningPagePresenter類： deleteWord () 從學(xué)習(xí)中數(shù)據(jù)庫刪除一個(gè)單詞 記憶中模塊類依賴關(guān)系圖 選項(xiàng)設(shè)置模塊 選項(xiàng)設(shè)置模塊是對(duì)單詞記憶軟件的各種用戶可選項(xiàng)進(jìn)行設(shè)置的地方，方便用戶按照自己的方法與要求進(jìn)行設(shè)置，提高單詞記憶效率。而生詞本中的單詞因?yàn)闀?huì)優(yōu)先于單詞書中的單詞提前記憶，也是用戶存放優(yōu)先的，想要立刻記憶的單詞的地方。 復(fù)習(xí)模塊類依賴關(guān)系圖 單詞書模塊 單詞書模塊是管理單詞書的模塊，可以在線添加單詞書，添加本地單詞書，對(duì)單詞書進(jìn)行查詢，重置，刪除等操作的地方。StudyPagePresenter類： finish () 結(jié)束初記，寫入資料到數(shù)據(jù)庫 check () 判斷當(dāng)前輸入的單詞是否正確StudyPageModel類： getWord () 讀取一個(gè)單詞的信息 getColor () 根據(jù)當(dāng)前的單詞讀取一個(gè)應(yīng)該在文本框的顏色，用來判斷單詞長度 getState () 讀取當(dāng)前是第幾個(gè)單詞，共有多少個(gè)單詞的數(shù)據(jù)信息 playVoice () 播放當(dāng)前單詞的聲音 初級(jí)模塊類依賴關(guān)系圖 復(fù)習(xí)模塊 復(fù)習(xí)模塊的主要作用是實(shí)現(xiàn)單詞復(fù)習(xí)功能，就是對(duì)已經(jīng)學(xué)習(xí)了的單詞按照Ebbinghaus記憶曲線進(jìn)行復(fù)習(xí)，也就是用重復(fù)記憶的方法，達(dá)到單詞的記憶效果。根據(jù)MVC模式，主模塊分為三個(gè)類，其中MainPagePresenter是業(yè)務(wù)邏輯層，此類為主要算法類，依賴MainPageView的視圖層和MainPageModel的模型層。Worker功能可以讓JavaScript代碼在后臺(tái)執(zhí)行，雖然標(biāo)準(zhǔn)未說明這一定要用多線程方法實(shí)現(xiàn)，不過現(xiàn)在主流的瀏覽器都是用多線程方法來實(shí)現(xiàn)Worker功能的，故本人將此模塊起名為多線程工人模塊。 wait () 等待第一個(gè)綁定了的對(duì)象的返回值，來簡介的再次傳遞返回值。Event類： attach () 本函數(shù)用于綁定某個(gè)事件。（3） 聲音播放模塊（Voice）聲音模塊是使用了HTML5的Audio標(biāo)簽進(jìn)行發(fā)音的功能，本課題軟件提供mp3和wav兩種音頻格式，可以覆蓋到市場上主流瀏覽器對(duì)于編碼格式的要求。主要目的是利用Websocket功能，避免HTTP的慢速度，同時(shí)也可以達(dá)到一定的加密效果。每個(gè)模塊相對(duì)獨(dú)立，沒有特別關(guān)系，但因?yàn)镴avaScript語言特性，這些模塊都存儲(chǔ)在一個(gè)js文件中。 上層模塊 上層模塊是最接近用戶的一些模塊，是程序?qū)崿F(xiàn)的主要部分，負(fù)責(zé)和用戶的交互，還有對(duì)軟件主要功能的具體實(shí)現(xiàn)。 中層模塊中層模塊只有主模塊一個(gè)，是程序首先運(yùn)行的主界面，也是控制其他模塊的模塊。（3），用來并行、動(dòng)態(tài)的載入其他JavaScript文件并執(zhí)行。 下層模塊下層模塊有jQuery、它們的主要作用分別是：（1）jQuery模塊是一個(gè)JavaScript的基本框架，受到Google等公司的支持，是現(xiàn)在最全面、最基本的JavaScript類庫，用來支持本課題軟件的基本運(yùn)行。將整個(gè)程序分為三部分主要的目的是保證程序擁有良好的結(jié)構(gòu)，代碼也擁有良好的可讀性，更好的實(shí)現(xiàn)程序設(shè)計(jì)。而不同層次的模塊劃分主要依據(jù)功能、抽象層次、用戶透明性的不同。第四章 軟件概要設(shè)計(jì)本章介紹課題軟件的基本結(jié)構(gòu)和各模塊的概要設(shè)計(jì)。所以本課題軟件還是同C/S（客戶端/服務(wù)器）結(jié)構(gòu)的說法，將運(yùn)行在本地瀏覽器上部分稱為客戶端。 對(duì)于本軟件來說，客戶端是本軟件實(shí)現(xiàn)的一個(gè)重點(diǎn)，而不是服務(wù)器。 而本課題軟件所使用的數(shù)據(jù)庫可以是針對(duì)中小規(guī)模應(yīng)用，也可以使用針對(duì)中大規(guī)模應(yīng)用的比較成熟的NoSQL數(shù)據(jù)庫MongoDB，所以也并沒有特殊的平臺(tái)要求。 平臺(tái)需求 對(duì)于客戶端的平臺(tái)需求 本課題軟件因?yàn)槭褂昧薟eb技術(shù)，所以對(duì)客戶端的操作系統(tǒng)平臺(tái)并沒有要求，無論是Windows、Mac、Linux，還是移動(dòng)平臺(tái)Android、IOS，亦或者是其他平臺(tái)，只要能運(yùn)行支持HTML5的瀏覽器，都能運(yùn)行本程序?？蛻舳苏?qǐng)求的備份和恢復(fù)功能都是使用Websocket功能進(jìn)行加密傳輸?shù)摹?在線備份功能 在線備份功能是在用戶注冊(cè)并登錄之后，可以進(jìn)行的一項(xiàng)操作。當(dāng)用戶登錄時(shí)就判斷用戶信息并返回用戶是否登錄成功的提示。下面分別針對(duì)這些功能進(jìn)行需求上的詳細(xì)說明： Web訪問服務(wù) Web訪問服務(wù)是服務(wù)器提供的一般性服務(wù)，如同其他例如Apache，Nginx，Ligd這樣軟件提供的服務(wù)，可以讓用戶來訪問服務(wù)器。（4） 記錄游戲的得分，提醒用戶獲得的得分并可以記錄。單詞游戲功能的主要需求如下：（1） 管理現(xiàn)有的所有單詞游戲（2） 能讓用戶進(jìn)行某些單詞游戲，即初始化某些單詞游戲并讓用戶可以進(jìn)行游戲。（5） 能讓用戶將將本地的存檔信息恢復(fù)到程序中。（3） 能讓用戶進(jìn)行手動(dòng)的在線存檔和讀檔功能。選項(xiàng)設(shè)置與存檔讀檔功能的主要功能需求有：（1） 顯示能調(diào)節(jié)的各種軟件設(shè)置信息，給予每個(gè)信息以一定提示，幫助用戶選擇。存檔讀檔的功能是當(dāng)用戶不希望，或者無法進(jìn)行在線的進(jìn)度備份時(shí)，而采取的一種備用手段；即用戶可以選擇將單詞信息備份在本地，或者從本地的備份信息恢復(fù)。（5） 如果生詞本中的單詞較多，用戶可以按頁瀏覽所有生詞本中的單詞。但是如果這個(gè)單詞已經(jīng)初記，并不會(huì)在背誦中的詞庫一并刪除。（2） 當(dāng)找到單詞信息后，用戶可以選擇將當(dāng)前單詞添加到生詞本中，這樣在下一次初記時(shí)，就會(huì)優(yōu)先記憶生詞本中的單詞。生詞本功能主要的功能需求有：（1） 能在用戶輸入單詞的同時(shí)顯示單詞信息，并可以對(duì)單詞進(jìn)行發(fā)音。 生詞本功能 生詞本功能，是單詞記憶軟件的重要功能，主要的目的是為了讓用戶能手動(dòng)錄入一些希望馬上記憶的單詞。（4） 可以重置當(dāng)前單詞書中“已記憶”的單詞數(shù)量，讓用戶能重新記憶某個(gè)單詞書。（2） 能選擇某個(gè)單詞書為當(dāng)前單詞書，也就是說單詞的初記會(huì)從此單詞中獲取單詞?？梢杂脩魪谋镜貙?dǎo)入單詞書，也可以在線下載本課題軟件自帶的單詞書。（4） 在復(fù)習(xí)結(jié)束時(shí)，能按照Ebbinghus記憶曲線自動(dòng)計(jì)算下一次復(fù)習(xí)時(shí)間。（3） 對(duì)每個(gè)單詞的復(fù)習(xí)進(jìn)行自動(dòng)計(jì)分。單詞復(fù)習(xí)功能的主要需求有：（1） 能判斷出當(dāng)前數(shù)據(jù)庫中哪些單詞需要復(fù)習(xí)，哪些單詞現(xiàn)在還不需要復(fù)習(xí)。可以提醒用戶是否進(jìn)行立即復(fù)習(xí)。（4） 如果用戶對(duì)初記效果不滿意，可以選擇重新初記，或者停止初記。（2） 能顯示要學(xué)習(xí)的單詞信息，包括單詞的詞義、音標(biāo)、例句、聯(lián)想圖片等信息，將單詞的部分主要信息顯示為紅色，提高記憶率。（5） 因?yàn)楸菊n題軟件是單詞記憶軟件