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