【正文】 交由瀏覽器來處理，只需考慮服務(wù)器端的應(yīng)用和功能，大大減少了 WEB 應(yīng)用程序的開發(fā)難度。b/s 模式三層模式如圖 21 所示。頁面顯示層 服務(wù)器端數(shù)據(jù)處理層發(fā)送數(shù)據(jù)請求發(fā)送服務(wù)請求返回處理服務(wù)返回數(shù)據(jù)到頁面圖 21 b/s 模式三層分層模型第一層頁面顯示層，靜態(tài)頁面層為用戶接口部分，是用戶與系統(tǒng)之間交互信息的界面它的主要功能是檢查用戶輸入的數(shù)據(jù)，顯示系統(tǒng)輸出的數(shù)據(jù)。它的任務(wù)是由 WEB 瀏覽器向網(wǎng)絡(luò)上某一個 WEB 服務(wù)器提出服務(wù)請求，WEB 服務(wù)器對用戶身份進(jìn)行驗證后用 HTTP協(xié)議把所需文件資料傳送給用戶端，用戶機(jī)接受傳來的文件資料并把它顯示在 WEB 瀏覽器上。第二層數(shù)據(jù)處理層，也稱功能層或業(yè)務(wù)邏輯層，是應(yīng)用的主體。它包括了應(yīng)用中全部的業(yè)務(wù)處理程序。即除了輸入輸出在表示層，數(shù)據(jù)庫在數(shù)據(jù)層以外，全部的統(tǒng)計，匯總，分析，打印功能存放在功能層。它的任務(wù)是接受頁面層的請求，首先需要執(zhí)行相應(yīng)的擴(kuò)展應(yīng)用程序與數(shù)據(jù)庫進(jìn)行連接，通過 MYSQL 等方式樣向數(shù)據(jù)庫服務(wù)器提出數(shù)據(jù)處里申請，數(shù)據(jù)庫服務(wù)器將數(shù)據(jù)處理的結(jié)果提交給 WEB 服務(wù)器，再由 WEB 服務(wù)器傳送回用戶端。第三層服務(wù)器層，響應(yīng)整個系統(tǒng)的服務(wù)層，使用系統(tǒng)所需要的服務(wù)能夠在這里進(jìn)行處理，包括 APACHE 服務(wù)器程序的運行機(jī)制解析都在這層表示出來，首先，接受數(shù)據(jù)層處理請求，服務(wù)器接受后處理完，返回給數(shù)據(jù)處理層。用戶在用戶端瀏覽器地址欄內(nèi)鍵入資源定位符 URL，發(fā)送用戶 HTTP 請求，通過 WEB去 Server 定位服務(wù)器并激活應(yīng)用程序，執(zhí)行業(yè)務(wù)邏輯處理，通過標(biāo)準(zhǔn)的應(yīng)用程序接口（API），再向數(shù)據(jù)庫服務(wù)器提交數(shù)據(jù)處理請求，數(shù)據(jù)庫服務(wù)器在處理數(shù)據(jù)之后將結(jié)果返回到應(yīng)用服務(wù)器程序，經(jīng)過處理后以 HTML 文件格式返回到用戶端。華東交通大學(xué)畢業(yè)設(shè)計2 MYSQL SERVERMYSQL SERVER 是一個具備完全 Web 支持的數(shù)據(jù)庫產(chǎn)品，提供了對可擴(kuò)展標(biāo)記語言 (XML) 的核心支持以及在 Inter 上和防火墻外進(jìn)行查詢的能力，提供了以 Web 標(biāo)準(zhǔn)為基礎(chǔ)的擴(kuò)展數(shù)據(jù)庫編程功能。支持 web 管理模式，可以很大方面的對系統(tǒng)進(jìn)行在瀏覽器進(jìn)行管理和操作。MYSQL SERVER 提供強(qiáng)大的開發(fā)工具和各類開發(fā)特性，在大大提高開發(fā)效率的同時，更因為高效且免費，許多大型企業(yè)都在使用本數(shù)據(jù)庫系統(tǒng)，如百度、新浪網(wǎng)。無論從管理上或者安全、高效、優(yōu)化方面，MYSQL SERVER 都是不錯的選擇。 PHPInter 上 PHP 支持了相當(dāng)多的通訊協(xié)議 (protocol)，包括了與電子郵件相關(guān)的 IMAP, POP3；網(wǎng)管系統(tǒng) SNMP；網(wǎng)絡(luò)新聞 NNTP；帳 號共用 NIS；全球信息網(wǎng) HTTP 及 Apache 服務(wù)器；目錄協(xié)議 LDAP 以及其它網(wǎng)絡(luò)的相關(guān)函數(shù)。 用 PHP 寫出來的 Web 后端 CGI 程序，可以很輕易的移植到不同的系統(tǒng)平臺上。例如，先以 Linux 架的網(wǎng)站，在系統(tǒng)負(fù)荷過高時，可以快速地將整個系統(tǒng)移到 SUN 工作站上，不用重新編譯 CGI 程序。面對快速發(fā)展的 Inter，這是長期規(guī)劃的最好選擇對資深的 Webmaster 而言，CGI 的寫作界面應(yīng)是隨著需求而改動。畢竟，在一個對系統(tǒng)反映速度要求極嚴(yán)格的系統(tǒng)而言，恐怕只有 NSAPI 界面寫的 CGI 程序才能符合要求了。在其它的場合，相信使用 PHP 作為 CGI 的界面是游刃有余，而且是最適合的。 在 Apache 服務(wù)器的配置方面，要在 Apache 的配置文件文件中加入下面的字符串。告訴 Apache 服務(wù)器，擴(kuò)展名 php3 是一個特殊的程序文件。當(dāng)然擴(kuò)展名可以設(shè)成別的擴(kuò)展名。華東交通大學(xué)畢業(yè)設(shè)計吳 常 華：基于 B/S 模式在線打字系統(tǒng)的設(shè)計與實現(xiàn)3 需求分析 可行性需求分析 經(jīng)濟(jì)可行性由于開發(fā)此系統(tǒng)所需的硬件（計算機(jī)及相關(guān)硬件）和軟件環(huán)境(PHP+MYSQL )，市場上都容易購買到或從相關(guān)網(wǎng)站下載免費的，系統(tǒng)成本主要集中在本管理系統(tǒng)的開發(fā)與維護(hù)上，對用戶不造成過重的經(jīng)濟(jì)負(fù)擔(dān)。而一旦此系統(tǒng)投入使用,不僅可以減少商家的工作強(qiáng)度，提高工作效率，而且方便了用戶的報名和交流信息，打破了傳統(tǒng)的模式，極大限度的方便了用戶，也為企業(yè)的進(jìn)一步推廣創(chuàng)造了條件，而且，目標(biāo)系統(tǒng)不是很復(fù)雜，開發(fā)的周期較短，人員經(jīng)濟(jì)支出不大，所節(jié)省的大量人力、財力產(chǎn)生的效益將遠(yuǎn)遠(yuǎn)大于本管理系統(tǒng)的開發(fā)成本，所以從經(jīng)濟(jì)方面來說開發(fā)此系統(tǒng)是可行的。 技術(shù)可行性基于 B/S 模式在線打字系統(tǒng)的設(shè)計與實現(xiàn)，主要包括前端應(yīng)用程序的開發(fā)以及后臺數(shù)據(jù)庫的建立和維護(hù)兩個方面。對于前者要求應(yīng)具備功能完備、易于使用等特點，而對于后者則要求能建立數(shù)據(jù)一致性和完整性強(qiáng)、數(shù)據(jù)安全性好的庫。本系統(tǒng)擬采用 PHP 和 MYSQLSERVER 分別作為前端和后端的開發(fā)工具。對于網(wǎng)絡(luò)應(yīng)用程序來說 PHP 語言高效和開發(fā)便捷。作為腳本語言來說，PHP 解析高效，同時具備面向?qū)ο裉攸c，作為開發(fā)語言就非常的適合了，相比于其它開發(fā)語言如 JAVA 來說，PHP 能夠很好的與服務(wù)器程序結(jié)合，而且應(yīng)用程序反應(yīng)十分快，這是為什么新浪網(wǎng)對大數(shù)量數(shù)據(jù)能夠很好的管理的原因，因為 PHP 同時兼?zhèn)渑c MYSQL 很好的接口函數(shù)。所以，選擇 PHP 語言作為開發(fā)語言非常適合。MYSQL 作為一個免費開源的數(shù)據(jù)庫管理系統(tǒng)，相比于其他數(shù)據(jù)庫管理系統(tǒng)，MYSQL 是一個功能完備的數(shù)據(jù)庫管理系統(tǒng)。它包括支持開發(fā)的引擎（INNORDB）、標(biāo)準(zhǔn)的 SQL 語言、擴(kuò)展的特性(如復(fù)制、OLAP、分析)等功能。而像存儲過程、觸發(fā)器等特性，也是大型數(shù)據(jù)庫才擁有的。MYSQL 的新特點：(1) 平臺化MYSQL 能夠在瀏覽中進(jìn)行管理，同時也支持命令行功能。開發(fā)應(yīng)用程序的時候，使用瀏覽進(jìn)行管理是十分便捷的，比如進(jìn)行數(shù)據(jù)的增刪改、導(dǎo)入和導(dǎo)出等功能，就可以在網(wǎng)頁上很好的完成；同時，數(shù)據(jù)移植也是十分方便。 (2)相對優(yōu)越性MYSQL 相對于其它數(shù)據(jù)庫管理系統(tǒng)來說，數(shù)據(jù)庫引擎本身就不同，而且是十分高效的。對于上億級數(shù)據(jù)都能很好的進(jìn)行管理，正是如此，百度、新浪網(wǎng)等都在使用 MYSQL 數(shù)據(jù)庫作為他們的數(shù)據(jù)存儲的數(shù)據(jù)庫管理系統(tǒng)。優(yōu)化機(jī)制也是獨特的，事務(wù)處理方式也于其它數(shù)據(jù)庫管理系統(tǒng)不同，不亞于 Oracle 等數(shù)據(jù)庫管理系統(tǒng)，這些數(shù)據(jù)管理系統(tǒng)卻是收費的。因此，選擇 PHP 與 MYSQL 是十分有效的。華東交通大學(xué)畢業(yè)設(shè)計4 法律可行性該平臺的開發(fā)會不會在社會上引起侵權(quán)或其它責(zé)任問題。因為該平臺是作為畢業(yè)設(shè)計與商業(yè)無關(guān)，又因為是自主開發(fā)設(shè)計，因此不會構(gòu)成侵權(quán)，在法律上是可行的。 功能需求本系統(tǒng)共有８個模塊，其中有①學(xué)生登錄功能；②用戶在線進(jìn)行在線打字測試功能模塊；③學(xué)生在線正式打字并提交成績模塊；④后臺管理員管理功能模塊；⑤管理員進(jìn)行使用 EXCEL 進(jìn)行成績及學(xué)生信息導(dǎo)入、導(dǎo)出功能模塊； 后臺進(jìn)行文章導(dǎo)入功能（中、○ 6英文）模塊 友情鏈接管理模塊。其中每個功能模塊的功能描述如下列○ 7(1) 學(xué)生登錄功能模塊：本系統(tǒng)用戶在進(jìn)行測試或者考試前必須用分配好的用戶名和密碼登入系統(tǒng)。用戶名這里采用學(xué)號制，首頁給出用戶操作手冊鏈接。 (2) 用戶在線進(jìn)行在線打字測試功能模塊：系統(tǒng)用戶（學(xué)生）成功登錄后，要求用戶選擇測試中文測試或者英文測試，選擇測試練習(xí)后就可以進(jìn)入系統(tǒng)就行在線打字測試了。(3) 考生在線正式打字并提交成績模塊：選擇正式考試后，系統(tǒng)用戶就必須開始進(jìn)行打字測速和測正確率了，打完所有的文章后，根據(jù)提示進(jìn)行提交成績，提交成功后返回頁面。 (4) 后臺管理員管理功能模塊：包括修改管理員密碼、系統(tǒng)參數(shù)設(shè)置、組別管理設(shè)置、文章管理設(shè)置、友情鏈接設(shè)置。管理員能夠?qū)ψ约旱拿艽a進(jìn)行修改；系統(tǒng)參數(shù)設(shè)置可以進(jìn)行打字系統(tǒng)名字的更新、考試功能開通與關(guān)閉、考試時間長短設(shè)置、防作弊開關(guān)、考生能否自己清空本次考試成績等功能。 (5) 組別管理模塊：管理員能夠?qū)υO(shè)的組別進(jìn)行管理，能夠進(jìn)行增、刪、改組的功能。查詢組別時，可以查看所有考生的成績及對其進(jìn)行管理。 (6) 管理員進(jìn)行使用 EXCEL 進(jìn)行成績導(dǎo)入、導(dǎo)出功能模塊：對考生的成績能夠打開和保存 EXCEL 功能，直觀地查看所有考生的成績，導(dǎo)出 EXCEL 可以方便地打印所有考生成績。 (7) 后臺進(jìn)行文章導(dǎo)入功能（中、英文）模塊：可以很方便地進(jìn)行中文和英文考試、測試文章進(jìn)行導(dǎo)入功能，同時能夠進(jìn)行增、刪、改、查等基本功能。 (8) 友情鏈接管理模塊：可以對本系統(tǒng)的友情鏈接進(jìn)行很好的管理。華東交通大學(xué)畢業(yè)設(shè)計吳 常 華：基于 B/S 模式在線打字系統(tǒng)的設(shè)計與實現(xiàn) 數(shù)據(jù)需求本系統(tǒng)需要建立 5 張主要的數(shù)據(jù)表，用于存放各個模塊的數(shù)據(jù)，其中有：管理員表，中文表，英文表，信息表（主表） ，班級表。 數(shù)據(jù)流如表 31 所示表 31 數(shù)據(jù)流數(shù)據(jù)存儲名稱：用戶信息數(shù)據(jù)來源：信息表數(shù)據(jù)去向：用戶登陸模塊數(shù)據(jù)組成：用戶名、學(xué)號、密碼描述：存儲了用戶的基本信息數(shù)據(jù)存儲名稱：成績信息數(shù)據(jù)來源：信息表數(shù)據(jù)去向：信息模塊數(shù)據(jù)組成：用戶信息，中文打字速度，中文正確率，英文打字速度，英文正確率，用戶IP 地址描述：存儲了打字成績的基本信息數(shù)據(jù)存儲名稱：中文、英文信息數(shù)據(jù)來源：系統(tǒng)中文、英文信息表數(shù)據(jù)去向：中文、英文信息模塊數(shù)據(jù)組成：中文標(biāo)題，中文內(nèi)容，英文標(biāo)題，英文內(nèi)容描述：存儲了中文、英文的基本信息數(shù)據(jù)存儲名稱：班級信息數(shù)據(jù)來源：班級信息表數(shù)據(jù)去向：班級信息模塊數(shù)據(jù)組成：信息名稱，班級名稱描述：存儲了班級信息數(shù)據(jù)處理如表 32 所示表 32 數(shù)據(jù)處理描述：考生登錄系統(tǒng)進(jìn)行打字測試或考試輸入：考生的學(xué)號、密碼過程：判斷是否為合法的考生輸出：系統(tǒng)主界面名稱: 在線打字練習(xí)或考試描述：進(jìn)行系統(tǒng)選擇練習(xí)或考試兩種方式華東交通大學(xué)畢業(yè)設(shè)計6輸入: 選擇一種方式過程：進(jìn)入主系統(tǒng)界面選擇一種方式，選擇英文或者中文輸出: 進(jìn)入系統(tǒng)進(jìn)行打字或者考試名字：管理員通過 EXCEL 錄入考生基本信息和組別管理描述：管理員進(jìn)入后臺后導(dǎo)入學(xué)生信息并進(jìn)行班級管理輸入: 導(dǎo)入各班級學(xué)生信息過程: 將需要添加錄入的學(xué)生信息加入數(shù)據(jù)庫中輸出: 系統(tǒng)新的信息表頁面輸出: 查詢得到的信息頁面描述：對系統(tǒng)中的英文和中文進(jìn)行錄入及管理 輸入: 導(dǎo)入中文和英文進(jìn)入系統(tǒng)，同時對文章進(jìn)行管理過程：文章錄入及修改 輸出: 系統(tǒng)新的信息表頁面輸出: 查詢得到的信息頁面數(shù)據(jù)存儲如表 33 所示表 33 數(shù)據(jù)存儲名字: 數(shù)據(jù)庫信息別名：無描述：存儲了數(shù)據(jù)庫的基本信息數(shù)據(jù)組成：數(shù)據(jù)庫信息=管理員信息+ 中文文章信息+ 英文文章信息+班級信息+主表信息位置：數(shù)據(jù)庫輸出: 查詢得到的信息頁面華東交通大學(xué)畢業(yè)設(shè)計吳 常 華：基于 B/S 模式在線打字系統(tǒng)的設(shè)計與實現(xiàn)4 總體設(shè)計 開發(fā)環(huán)境介紹ZEND Studio 是一套完整的開發(fā)工具集，用于開發(fā)、生成 PHP 應(yīng)用程序、XML Web Services、桌面應(yīng)用程序和移動應(yīng)用程序。利用此 IDE 可以很方便的進(jìn)行程序設(shè)計和調(diào)度，程序庫極大，可以很方便進(jìn)行一些基本的函數(shù)的調(diào)用。Dream Weaver 提供了網(wǎng)頁設(shè)計器，其中包含了許多用于創(chuàng)建和編輯 PHP 靜態(tài)頁和HTML 頁的增強(qiáng)功能。同時，這個設(shè)計器能夠提供在線查看設(shè)計，所以對設(shè)計開發(fā)很方便。Photo Shop 作為專業(yè)的設(shè)計工具，在頁面設(shè)計中使用的非常廣泛，頁面切片用到比較多，可以做到比較好的視覺效果，給用戶全新的用戶體驗。Apache 服務(wù)器和 MYSQL 數(shù)據(jù)庫。Apache 服務(wù)器作為開源的開發(fā)工具，對使用者來說十分便捷。服務(wù)性能穩(wěn)定，效率較高，所以這里選擇 Apache 作為本系統(tǒng)的服務(wù)器。同時，數(shù)據(jù)庫使用 MYSQL，性能高、開源、穩(wěn)定、支持事務(wù)等，結(jié)合這些優(yōu)點，也是較好的選擇。 系統(tǒng)總體功能模塊設(shè)計對于開發(fā)系統(tǒng)來說，前期的總體設(shè)計規(guī)劃是必要的，也是必須的，因為它將影響到整個網(wǎng)站質(zhì)量的好壞和設(shè)計實現(xiàn)的進(jìn)度，所以，在開發(fā)本系統(tǒng)時，必須先對其進(jìn)行總體的設(shè)計規(guī)劃，而使后面的工作能朝著預(yù)定的方向發(fā)展。通過上面對網(wǎng)站的整體需求分析，我們可以規(guī)劃一個簡單的打字系統(tǒng)的總體設(shè)計方向。網(wǎng)站總體功能有用戶登錄模塊、在線測試模塊、在線考試模塊、后臺管理模塊、成績導(dǎo)入導(dǎo)出模塊、學(xué)生信息導(dǎo)入導(dǎo)出模塊、文章管理模塊?？傮w模塊圖如下圖 41 所示。圖 41 總體功能模塊圖在線打字系統(tǒng)用戶登錄模塊 在線測速模塊 在線考試模塊 后臺管理模塊 成績導(dǎo)入導(dǎo)出模塊 學(xué)生信息導(dǎo)入導(dǎo)出模塊文章管理模塊華東交通大學(xué)畢業(yè)設(shè)計8 欄目總體設(shè)計本系統(tǒng)欄目有前臺和后臺兩部分，前臺主要包括首頁、測試、考試，后臺主要包括后臺首頁、系統(tǒng)設(shè)置、組別管理設(shè)置、文章管理設(shè)置、友情鏈接。共 8 個大頁面，同時包括班級、學(xué)生信息、成績導(dǎo)入、導(dǎo)出功能頁面。(1) 首頁：這是對整個網(wǎng)站的總體概括，是整個系統(tǒng)的入口點，同時也支持進(jìn)入后臺的鏈接。首頁主要包括以下幾個內(nèi)容：學(xué)生登錄窗口，學(xué)生選擇考試還是測試練習(xí)入口，考試說明和操作手冊展示點。 (2) 測試：進(jìn)入測試頁面，考生選擇中文測試還是英文測試，然后進(jìn)入到相對應(yīng)的頁面，考生選擇測試后進(jìn)入系統(tǒng)，根據(jù)系統(tǒng)提示進(jìn)行打字練習(xí)，完成后可以看到自己的成績信息。(3) 考試：進(jìn)入考試頁面，考生選擇中文考試還是英文考試，然后進(jìn)入相對應(yīng)的頁面，考生選擇考試后進(jìn)入系統(tǒng)，根據(jù)系統(tǒng)提示進(jìn)行打字測速，完成后可以看到自己的成績信息，并向系統(tǒng)提