《基于JavaScript的酒店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)——畢業(yè)論文》由會員分享，可在線閱讀，更多相關(guān)《基于JavaScript的酒店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)——畢業(yè)論文（33頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、 綏化學(xué)院本科畢業(yè)設(shè)計(jì)（論文）基于JavaScript的酒店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)學(xué)生姓名： 學(xué) 號： 專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 年 級： 指導(dǎo)教師： 目 錄摘 要IAbstractII第1章 緒 論11.1 背景及意義11.2 國內(nèi)外研究現(xiàn)狀1第2章 需求分析.22.1 系統(tǒng)功能分析22.2 開發(fā)模式3第3章 系統(tǒng)設(shè)計(jì)43.1 系統(tǒng)功能結(jié)構(gòu)框架43.2 數(shù)據(jù)庫分析與設(shè)計(jì)6第4章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)124.1 前臺會員模塊的設(shè)計(jì)124.2 后臺管理員模塊設(shè)計(jì)14第5章 系統(tǒng)測試175.1 測試的概述175.2 測試的特性175.3 測試用例17結(jié) 論21參考文獻(xiàn)22附 錄 核心源代碼.23致 謝.

2、29摘 要酒店管理系統(tǒng)可以使得經(jīng)營者管理酒店變得更加方便快捷，提高工作效率的同時(shí)也能增加公司的收益。本酒店管理系統(tǒng)采用的是JavaScript、HTML5和CSS實(shí)現(xiàn)前臺效果，MySQL數(shù)據(jù)庫進(jìn)行設(shè)計(jì)，使用MySQL數(shù)據(jù)庫可以使系統(tǒng)的數(shù)據(jù)存儲更加方便快捷。該系統(tǒng)主要用于酒店的訂單查看，處理迅速，而且界面簡單，利于操作。管理員可以通過后臺對客戶信息進(jìn)行管理，并且能夠通過后臺對酒店的基本信息、預(yù)定信息等進(jìn)行實(shí)時(shí)更新，從而達(dá)到此系統(tǒng)的快捷使用性。關(guān)鍵詞：JavaScript；MySQL；酒店管理 IAbstractHotel management system enables the operato

3、r the hotel become more convenient and quick, improve the work efficiency but also can increase the income of the company.The hotel management system USES is JavaScript HTML5 and CSS, MySQL database design, using MySQL database system of data storage can be more convenient and quick.The system is ma

4、inly used to deal with the hotel orders, rapid, and simple interface, good for operation.The administrator can through the background to manage customer information, and can through the background of the basic information of the hotel, book information, such as the real-time update, so as to achieve

5、 fast and usability of the system.Key words: JavaScript；MySQL；hotel managementII綏化學(xué)院本科生畢業(yè)設(shè)計(jì)第1章 緒 論1.1 背景及意義酒店業(yè)是一個(gè)前途廣闊而又競爭激烈的行業(yè)。改革開放以來，我國的酒店迅速發(fā)展，已經(jīng)成為一個(gè)具有相當(dāng)規(guī)模的產(chǎn)業(yè)。由于我國的旅游業(yè)迅速發(fā)展，通過調(diào)查，我國在2020年將成為世界上第四大旅游國家，這個(gè)時(shí)候，我國的酒店業(yè)將面臨著前所未有的機(jī)遇和挑戰(zhàn)。但是，現(xiàn)在甚至還有一些酒店停留在人工操作和管理階段，這樣已經(jīng)無法適應(yīng)當(dāng)前的發(fā)展趨勢。因此，要想使酒店的工作質(zhì)量和效率提高，采用先進(jìn)的計(jì)算機(jī)網(wǎng)絡(luò)通信技

6、術(shù)改變酒店業(yè)務(wù)模式，實(shí)現(xiàn)酒店業(yè)務(wù)管理的自動化已經(jīng)成為一種必然，JavaScript構(gòu)建的各種各樣的網(wǎng)頁越來越多，使用JavaScript的網(wǎng)頁能夠有更多的交互效果，用戶體驗(yàn)極好。1.2 國內(nèi)外研究現(xiàn)狀隨著我國經(jīng)濟(jì)體制改革的不斷深化和我國經(jīng)濟(jì)的快速發(fā)展，市場現(xiàn)有的產(chǎn)品化的酒店業(yè)務(wù)軟件系統(tǒng)在不斷發(fā)展中的酒店的需求。JavaScript已經(jīng)廣泛用于WEB應(yīng)用開發(fā)，用來添加網(wǎng)頁中的動態(tài)效果，為用戶提供更流暢美觀的瀏覽效果1。因?yàn)镴avaScript是嵌入在HTML中，制作簡單，所以我國很多管理系統(tǒng)都以此為開發(fā)語言。我國的研究人員為了對瀏覽器的性能提升進(jìn)行了針對性研究，同時(shí)也使得瀏覽器中的JavaScr

7、ipt代碼的效率的道理大幅度的躍升，使前臺的交互效果得到完美的實(shí)現(xiàn)，為了實(shí)現(xiàn)系統(tǒng)安全性，JavaScript多采用post傳輸方式傳遞數(shù)據(jù)。在國外，研究人員也在嘗試對瀏覽器和JavaScript引擎進(jìn)行多線程劃分，使其能夠更好的利用多核處理器平臺的性能優(yōu)勢。此外，為了使得JavaScript引擎在執(zhí)行JavaScript這種動態(tài)語言能夠更加高效，目前大多數(shù)瀏覽器的JavaScript引擎都引入了java虛擬機(jī)的相關(guān)技術(shù)來提升JavaScript代碼的執(zhí)行效率2。國外的JavaScript經(jīng)過逐步的研究，已經(jīng)越發(fā)成熟，越來越多的系統(tǒng)使用JavaScript，JavaScript技術(shù)越來越流行與實(shí)

8、用。第2章 需求分析2.1 系統(tǒng)功能分析系統(tǒng)分為前臺會員模塊與后臺管理員模塊，具體介紹如下：2.1.1前臺會員模塊會員模塊的操作是由用戶自行來完成的，主要包括會員注冊、登錄、修改密碼、修改資料、客房查看、客房預(yù)訂、酒店公告等功能。若是新用戶注冊，點(diǎn)擊注冊入口進(jìn)行注冊，填寫用戶的相關(guān)信息。1）會員注冊：用戶可選擇注冊，填入注冊信息，若滿足注冊條件則注冊成功。注冊成功的帳號才可進(jìn)行登錄。2）會員登錄：已經(jīng)注冊過的用戶，可以輸入用戶名、密碼和驗(yàn)證，點(diǎn)擊登錄登錄系統(tǒng)，登錄成功的會員跳轉(zhuǎn)到個(gè)人主頁，在個(gè)人主頁中可點(diǎn)擊首頁查看首頁內(nèi)容。3）修改密碼：會員可在賬號管理中修改賬號信息，修改密碼和綁定手機(jī)號等。

9、4）客房預(yù)定：會員可點(diǎn)擊房間預(yù)定，查看所有房間的類型，可點(diǎn)擊預(yù)定進(jìn)行房間預(yù)定，預(yù)定成功后提示：預(yù)定成功。5）酒店基本信息：點(diǎn)擊酒店簡介，查看酒店的基本信息。2.1.2后臺管理員模塊管理員模塊由酒店工作人員來完成，管理員登錄成功后可管理整個(gè)后臺，可以完成酒店對房客信息的管理與查詢及網(wǎng)站基本信息維護(hù)。包括：會員管理、會員模塊配置、廣告管理、預(yù)定房間管理、管理員審核管理、內(nèi)容更發(fā)布管理、頁面欄目管理，友情鏈接管理。1）會員管理：對于會員的刪除、鎖定、解鎖、查詢用戶的信息和注冊時(shí)間、修改會員信息。2）會員模塊配置：會員注冊是否開啟起、會員注冊是否需要審核、注冊協(xié)議內(nèi)容，郵件認(rèn)證內(nèi)容、密碼找回郵件內(nèi)容的

10、設(shè)置。3）廣告管理：頁面出現(xiàn)的廣告位置，大小，廣告內(nèi)容的增加修改刪除。4）預(yù)定房間管理：對于預(yù)定的記錄的管理，記錄的刪除，修改和添加。5）管理員審核管理：若開啟管理員審核，則會員預(yù)訂信息，注冊信息均需要管理員審核同意后方生效。6）內(nèi)容發(fā)布管理：頁面公告，文章內(nèi)容等的修改，刪除、增加和查詢。7）頁面欄目管理：頁面上欄目的增刪改查。8）友情鏈接管理：頁面友情鏈接的增刪改查。2.2 開發(fā)模式1）B/S（Browser/Server）結(jié)構(gòu)即瀏覽器和服務(wù)器結(jié)構(gòu)3。它是隨著Internet技術(shù)的興起，對C/S結(jié)構(gòu)的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實(shí)現(xiàn)，極少部分事務(wù)邏輯

11、在前端（Browser）實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（Server）實(shí)現(xiàn)，形成所謂三層結(jié)構(gòu)。這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級的成本和工作量，降低了用戶的總體成本（TCO）。2）JavaScript 是世界上最流行的編程語言。這門語言可用于 HTML 和 web，更可廣泛用于服務(wù)器、PC、筆記本電腦、平板電腦和智能手機(jī)等設(shè)備。JavaScript是腳本語言，是一種輕量級的編程語言。JavaScript 是可插入 HTML 頁面的編程代碼，插入 HTML 頁面后，可由所有的現(xiàn)代瀏覽器執(zhí)行。3）MySQL是一個(gè)開放源碼的小型關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)，開發(fā)者為瑞典MySQL AB公

12、司4。目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫。4）PHPCMS V9（后面簡稱V9）采用PHP5+MYSQL做為技術(shù)基礎(chǔ)進(jìn)行開發(fā)5。V9采用OOP（面向?qū)ο螅┓绞竭M(jìn)行基礎(chǔ)運(yùn)行框架搭建。模塊化開發(fā)方式做為功能開發(fā)形式?？蚣芤子诠δ軘U(kuò)展，代碼維護(hù)，優(yōu)秀的二次開發(fā)能力，可滿足所有網(wǎng)站的應(yīng)用需求。11第3章 系統(tǒng)設(shè)計(jì)3.1 系統(tǒng)功能結(jié)構(gòu)框架3.1.1 系統(tǒng)目標(biāo)根據(jù)系統(tǒng)的管理要求，對酒店預(yù)訂管理系統(tǒng)目標(biāo)進(jìn)行如下制定；1）靈活的使用數(shù)據(jù)交互，使數(shù)據(jù)交互

13、更簡單，方便；2）實(shí)現(xiàn)會員管理；3）實(shí)現(xiàn)房間的預(yù)訂管理；4）實(shí)現(xiàn)頁面內(nèi)容的管理；5）系統(tǒng)運(yùn)行安全，可維護(hù)性高。3.1.2 處理流程1.數(shù)據(jù)增加流程添加數(shù)據(jù)信息時(shí)，數(shù)據(jù)信息由用戶主動輸入，最后對數(shù)據(jù)進(jìn)行合法判斷，合法就可以寫入保存至數(shù)據(jù)庫，不合法就要重新輸入數(shù)據(jù)，數(shù)據(jù)增加流程圖，如圖31所示。開始輸入數(shù)據(jù)N是否正確生成記錄結(jié)束圖 31 數(shù)據(jù)增加流程圖2.數(shù)據(jù)修改流程在修改數(shù)據(jù)信息時(shí)，首先選中一條需要修改的數(shù)據(jù)記錄，之后主動輸入數(shù)據(jù)，最后判斷合法性。數(shù)據(jù)修改流程圖，如圖32所示。開始修改數(shù)據(jù)N是否修改寫入數(shù)據(jù)庫結(jié)束圖 32 數(shù)據(jù)修改流程圖3.數(shù)據(jù)刪除流程當(dāng)用戶選中一條數(shù)據(jù)記錄時(shí)，點(diǎn)擊刪除按鍵，就會

14、提醒用戶是否需要確定刪除，接著就刪掉了數(shù)據(jù)庫的有關(guān)內(nèi)容。數(shù)據(jù)刪除流程圖，如圖33所示。開始刪除的數(shù)據(jù)N是否刪除刪除成功結(jié)束圖33 數(shù)據(jù)刪除流程圖3.2 數(shù)據(jù)庫分析與設(shè)計(jì)3.2.1 數(shù)據(jù)庫概念設(shè)計(jì)根據(jù)管理系統(tǒng)的需求分析和系統(tǒng)設(shè)計(jì)，繪制出酒店管理系統(tǒng)的實(shí)體關(guān)系ER圖，其中包括會員信息實(shí)體、客房信息實(shí)體、預(yù)訂信息實(shí)體、管理員信息實(shí)體、廣告位實(shí)體、公告內(nèi)容實(shí)體，具體說明如下：1）管理員信息實(shí)體用于對管理員信息存儲，包括管理員編號，管理員登錄名稱、登錄密碼、所屬角色。管理員ER圖，如圖34所示郵箱編號密碼登錄名稱管理員圖 34 管理員信息ER圖2）客房信息實(shí)體用于對客房信息的存儲，包括房間編號、房間名稱

15、、房間床位、房間類型、房間價(jià)格?？头啃畔?shí)體ER圖，如圖35所示。房間類型房間名稱房間編號房間價(jià)格房間床位房間信息圖 35 客房信息ER圖3）預(yù)定信息實(shí)體預(yù)訂信息實(shí)體包括用戶名、房間編號、入住時(shí)間、結(jié)束時(shí)間、手機(jī)號、身份證號、房間類型，如圖36所示。房間編號用戶名結(jié)束時(shí)間房間類型預(yù)訂房間表手機(jī)號身份證號入住時(shí)間圖 36 預(yù)定信息ER圖4）廣告位實(shí)體廣告位表包括：廣告位ID、站點(diǎn)ID、廣告位名稱、廣告位類型、JS路徑、寬度、高度、配置項(xiàng)、廣告位介紹、廣告數(shù)、廣告位是否開啟，啟用1：不啟用：0。如圖37所示。廣告位ID是否啟用寬度高度站點(diǎn)ID廣告位名稱介紹廣告位表JS路徑身份證號廣告數(shù)圖 37 廣

16、告位表ER圖5）公告位實(shí)體公告位，在前臺位于首頁中心部分，用戶可以點(diǎn)擊公告標(biāo)題進(jìn)入到相應(yīng)的公告內(nèi)容頁面。公告位實(shí)體包括公告ID、站點(diǎn)ID、公告標(biāo)題、公告內(nèi)容、有效起始時(shí)間、有效結(jié)束時(shí)間、添加者、添加時(shí)間、瀏覽次數(shù)、是否通過、樣式、模板。如圖38所示。公告ID添加時(shí)間站點(diǎn)ID添加者樣式瀏覽次數(shù)結(jié)束時(shí)間公告表公告標(biāo)題起始時(shí)間模板公告內(nèi)容圖 38 公告位ER圖6）會員信息實(shí)體會員表包括用戶名、注冊時(shí)間、登陸次數(shù)、密碼、昵稱、電子郵箱、生日，如圖39所示。注冊時(shí)間用戶名登陸次數(shù)生日密碼會員表電子郵箱昵稱圖 39 會員信息實(shí)體ER圖3.2.2 數(shù)據(jù)庫表結(jié)構(gòu)本系統(tǒng)采用MySQL 數(shù)據(jù)庫進(jìn)行數(shù)據(jù)存儲，MyS

17、QL相對于SQL來說，所占內(nèi)存較小，便于快速的進(jìn)行數(shù)據(jù)查詢。根據(jù)需求分析和數(shù)據(jù)庫分析，數(shù)據(jù)庫的表如下所示。1.管理員表管理員表是用來管理管理員的ID、賬號、密碼、Email、真實(shí)姓名、所屬角色（超級管理員/普通管理員）等功能。其結(jié)構(gòu)如表31所示。表 31管理員表（design_admin）英文名中文名字段類型是否主鍵userid管理員IDmediumint(6) unsigned是username管理員名Varchar(20)password管理員密碼Varchar(42)Realname真實(shí)姓名Varchar(50)Roleid角色Smallint(5)2.客房信息表用來管理房間ID、房間名

18、稱、房間類型、房間價(jià)格、房間床位。其結(jié)構(gòu)如表32所示。表32 客房信息表（design_home）英文名中文名字段類型是否主鍵Homeid房間IDInt是Homename房間名稱Varchar(20)HmePrice房間價(jià)格IntHometype房間類型Varchar(50)HomeChuang房間床位Varchar(50)3.預(yù)訂信息表預(yù)定信息表包括用戶名、房間編號、預(yù)訂時(shí)間、結(jié)束時(shí)間、手機(jī)號、身份證號、房間類型，如表33所示。表33 預(yù)定信息表（design_form_order_table）英文名中文名字段類型是否主鍵name用戶名Varchar(20)是Dataid房間編號IntOrd

19、er_time預(yù)定時(shí)間IntJieshu結(jié)束時(shí)間intPhone手機(jī)號NumberId_date身份證號IntHome_choice房間類型Varchar(40)4.廣告位表廣告位ID、站點(diǎn)ID、廣告位名稱、廣告位類型、寬度、高度、配置項(xiàng)、廣告位介紹、廣告數(shù)、是否開啟，啟用1：不啟用：0。如表34所示。表34 廣告位表（design_poster_space）英文名中文名字段類型是否主鍵spaceid廣告位IDSmallint（5）是steid站點(diǎn)IDSmallint（5）name廣告位名稱Char（50）type廣告類型Char（40）width廣告版位寬度Smallint(4)height

20、廣告版位高度Smallint(4)description廣告位介紹Char（100）Items廣告數(shù)tinyint(4) unsigneddisabled1：啟用0：不啟用tinyint(1) unsigned5.公告表公告位實(shí)體包括公告ID、站點(diǎn)ID、公告標(biāo)題、公告內(nèi)容、有效起始時(shí)間、有效結(jié)束時(shí)間、添加者、添加時(shí)間、瀏覽次數(shù)、樣式、模板，如表35所示。表35公告表（design_announce）英文名中文名字段類型是否主鍵aid公告IDsmallint(4) unsigned是siteid站點(diǎn)IDsmallint(5) unsignedtitle公告標(biāo)題char(80)username添加

21、者varchar(40)addtime添加時(shí)間int(10) unsignedhits瀏覽次數(shù)smallint(5) unsignedpassed1：通過0：不通過tinyint(1) unsignedstyle樣式char(15)show_template模板char(40)6.會員表會員表包括用戶名、注冊時(shí)間、登陸次數(shù)、密碼、昵稱、電子郵箱、生日。如表36所示。表36會員表（design_member）英文名中文名字段類型是否主鍵userid用戶IDmediumint(8) unsigned是phpssouidphpsso用戶IDmediumint(8) unsignedusername用

22、戶名char(20)password密碼char(42)encrypt隨機(jī)碼char(6)nickname昵稱char(20)regdate注冊時(shí)間int(10) unsignedemail郵箱char(42)phpssouidphpsso用戶IDmediumint(8) unsignedLoginnum登錄次數(shù)Smallint(5)unsigned第4章 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)4.1 前臺會員模塊的設(shè)計(jì)4.1.1 會員登錄頁匿名用戶只能查看酒店簡介、關(guān)于我們。只有登錄用戶才能查看預(yù)訂記錄，客房查詢等功能。點(diǎn)擊右上角登錄，跳轉(zhuǎn)至登錄頁面，輸入用戶名、密碼、驗(yàn)證碼，若存在錯(cuò)誤，會提示重新輸入，從而達(dá)到登

23、錄的判斷效果。登錄頁效果圖如圖41所示。圖41 系統(tǒng)登錄界面設(shè)計(jì)4.1.2 前臺系統(tǒng)首頁用戶未登錄時(shí)也可以瀏覽首頁信息。首頁效果圖如圖42所示。圖42 系統(tǒng)首頁界面設(shè)計(jì)4.1.3 注冊設(shè)計(jì)用戶將詳細(xì)的注冊信息填入進(jìn)去，系統(tǒng)會驗(yàn)證這些信息，當(dāng)用戶填入的信息正確時(shí)，頁面會將相應(yīng)的信息填寫進(jìn)數(shù)據(jù)庫，包括用戶名、密碼、郵箱、昵稱，生日，系統(tǒng)會自動記錄注冊時(shí)間。注冊頁效果圖如圖43所示。-圖43 注冊頁界面設(shè)計(jì)4.1.4前臺會員渠道個(gè)人信息修改用戶注冊成功后跳轉(zhuǎn)到我的個(gè)人中心管理頁，在我的個(gè)人管理頁面可以修改賬號密碼、郵箱、個(gè)人的基本信息。個(gè)人中心頁效果圖如圖44所示。圖44 個(gè)人中心界面設(shè)計(jì)4.1.5

24、前臺會員渠道密碼修改選擇個(gè)人中心界面的修改密碼/郵箱，輸入原密碼、新密碼、確認(rèn)新密碼，若資料填寫正確，則新密碼提交到數(shù)據(jù)庫，修改密碼頁面如圖45所示 。圖45 修改密碼界面設(shè)計(jì)4.1.6預(yù)訂房間頁面用戶輸入用戶名、房間編號、入住時(shí)間、結(jié)束時(shí)間、手機(jī)號、身份證號、房間類型，點(diǎn)擊提交便可預(yù)訂成功。預(yù)訂頁面如圖46所示。圖46 房間預(yù)訂界面設(shè)計(jì)4.1.7我的預(yù)訂在我的預(yù)訂中，展示我的預(yù)訂記錄。預(yù)定表中有房間類型、房間價(jià)格、入住時(shí)間和入住人。預(yù)訂頁面如圖47所示。圖47 預(yù)訂記錄界面設(shè)計(jì)4.2 后臺管理員模塊設(shè)計(jì)4.2.1 后臺登錄頁面管理員通過該頁面可以實(shí)現(xiàn)系統(tǒng)后臺的登錄功能，如圖48所示。圖48

25、系統(tǒng)后臺登錄頁面4.2.2 欄目管理管理員通過欄目管理模塊可以實(shí)現(xiàn)前臺導(dǎo)航信息的管理，該模塊可以實(shí)現(xiàn)導(dǎo)航欄目的刪除、修改、添加等功能，如圖49所示。圖49 欄目管理頁面4.2.3 公告管理管理員可通過公告管理，添加、刪除、修改、查詢公告，如圖410所示。圖410 公告管理的頁面4.2.4 預(yù)訂記錄管理管理員通過查看表單向?qū)?，查看此表單的預(yù)訂記錄，如圖411所示。圖411 預(yù)訂記錄管理的頁面管理員通過查看表單向?qū)?，查看此表單的預(yù)訂詳細(xì)信息，如圖412所示。圖412 預(yù)訂記錄內(nèi)容的頁面4.2.5 會員管理會員的注冊信息，包括用戶名、昵稱、郵箱、生日等信息，可按照注冊時(shí)間進(jìn)行查詢。在會員管理中可以添

26、加、刪除、修改會員信息，如圖413所示。圖413 會員管理的頁面4.2.6 管理員管理管理員的用戶名、密碼、最近登錄時(shí)間、郵箱等信息的管理，可添加管理員、刪除管理員，修改管理員信息，如圖414所示。圖414 管理員管理的頁面29第5章 系統(tǒng)測試5.1 測試的概述測試的定義：程序測試是為了發(fā)現(xiàn)錯(cuò)誤而執(zhí)行程序的過程6。測試(Testing)的任務(wù)與意義可以描述為：目的：發(fā)現(xiàn)程序的錯(cuò)誤；意義：通過在計(jì)算機(jī)上執(zhí)行程序，暴露程序中潛在的錯(cuò)誤，消除軟件故障，保證程序的可靠運(yùn)行。5.2 測試的特性1）挑剔性測試的主要目的不是證明程序無錯(cuò)，而是為了證明程序有錯(cuò)7。所以，要想找出程序中潛在的大部分錯(cuò)誤，只有抱著

27、程序有錯(cuò)的目的去測試。2）復(fù)雜性一個(gè)誤區(qū)是設(shè)計(jì)測試用例比較容易。設(shè)計(jì)測試用例稍有不慎就會顧此失彼，這是一項(xiàng)需要高度技巧和細(xì)致耐心的高能工作。4）經(jīng)濟(jì)性通場這種測試稱為“選擇測試（Selective Testing）”。選擇測試用例時(shí)如果能夠注意遵守“經(jīng)濟(jì)性”的原則，可以降低測試成本8。5.3 測試用例5.3.1 用戶登錄測試用例用戶登錄測試，測試三組數(shù)據(jù)，一組正確數(shù)據(jù)、兩組有錯(cuò)誤的數(shù)據(jù)。正確數(shù)據(jù)：在數(shù)據(jù)庫中存在的數(shù)據(jù)。錯(cuò)誤的數(shù)據(jù)：不在數(shù)據(jù)庫的數(shù)據(jù)或在輸入框中不輸入。表51 用戶登錄測試用例測試項(xiàng)目測試項(xiàng)目描述用例描述測試用戶登錄校驗(yàn)信息功能前置條件測試過程1. 打開登錄頁；2. 在用戶名文本框

28、中填寫“tttt”，密碼文本框中填寫“123456”，輸入正確的驗(yàn)證碼，填寫完成點(diǎn)擊提交；3. 在用戶名文本框中填寫“l(fā)iuyu”，密碼文本框中填寫“123456”，輸入正確的驗(yàn)證碼，填寫完成點(diǎn)擊提交；4. 在用戶名文本框中填寫“l(fā)iuyu”，密碼文本框中填寫“123456”，不輸入驗(yàn)證碼，填寫完成點(diǎn)擊提交；預(yù)期結(jié)果輸入第一組不存在的用戶名與密碼信息后提交，提示該用戶不存在；而輸入第二組正確用戶數(shù)據(jù)后提示信息消失。每行輸入內(nèi)容時(shí)若格式錯(cuò)誤，后面會有提示信息提示是否正確。實(shí)際測試結(jié)果測試結(jié)果如圖51、圖52、圖53所示，測試成功。分析 輸入ttt，密碼輸入123456，頁面彈出：用戶不存在。圖5

29、1 第一組數(shù)據(jù)測試結(jié)果輸入用戶名liuyu，密碼123456，頁面彈出登錄成功。圖52 第二組數(shù)據(jù)測試結(jié)果輸入用戶名liuyu，輸入密碼123456，不輸入驗(yàn)證碼，頁面彈出請輸入驗(yàn)證碼提示框。圖53 第三組數(shù)據(jù)測試結(jié)果總結(jié):登錄時(shí)，用戶名和密碼輸入正確，提示登錄成功，進(jìn)入個(gè)人中心，測試成功。5.3.2 客房預(yù)訂模塊測試用例表52 預(yù)訂房間測試用例測試項(xiàng)目測試項(xiàng)目描述用例描述測試預(yù)訂能否成功前置條件注冊用戶名為liuyu的用戶，并登錄。測試過程1. 輸入預(yù)訂信息，不輸入用戶名；2. 當(dāng)用戶輸入正確，提交后顯示：提交成功。4. 輸入用戶名，但輸入的身份證號碼為字母。；預(yù)期結(jié)果未輸入用戶姓名，提交后

30、提示：用戶姓名不得少于1個(gè)字符。輸入用戶名，輸入身份證號為字母時(shí)，提交后提示：您所輸入的信息存在錯(cuò)誤，請重新輸入。實(shí)際測試結(jié)果測試結(jié)果如圖54、55、56所示，測試成功。分析不輸入用戶姓名，彈框提示：用戶姓名不得少于1個(gè)字符。圖54 第一組數(shù)據(jù)測試結(jié)果輸入正確的注冊信息，彈框提示：感謝您的參與。圖55 第二組數(shù)據(jù)測試結(jié)果輸入用戶名liuyu，輸入身份證號aaaa，彈出提示框：您所輸入的信息存在錯(cuò)誤，請重新輸入。圖56 第三組數(shù)據(jù)測試結(jié)果總結(jié)：通過多組數(shù)據(jù)的反復(fù)測試，用戶登錄功能能夠正常實(shí)現(xiàn)、預(yù)定房間能夠預(yù)定成功并儲存記錄。得出結(jié)論用戶登錄和預(yù)定房間功能無漏洞，測試成功。結(jié) 論系統(tǒng)使用MySQL

31、數(shù)據(jù)庫，利用JavaScript語言設(shè)計(jì)并實(shí)現(xiàn)。本系統(tǒng)中用戶可以登錄、注冊，修改密碼等對于帳號的操作，還可以進(jìn)行房間預(yù)定，查詢預(yù)定記錄以及查看用戶的評論列表。對于管理員來說，管理員可以查看注冊用戶的信息，對用戶進(jìn)行等級的劃分，修改前臺頁面的顯示內(nèi)容和顯示樣式，修改前臺布局模版等操作。雖然本系統(tǒng)基本實(shí)現(xiàn)了用戶所需功能，但還存在一些問題：前臺頁面的顯示樣式不美觀。對于這個(gè)問題我相信在我不斷學(xué)習(xí)知識后可以進(jìn)行解決，使此管理系統(tǒng)內(nèi)容更加完善，使用起來更加方便。參考文獻(xiàn)1 JSEFT:Automated Javascript Unit Test Generation，Mirshokraie SMesba

32、h APattabiraman K 2015 IEEE 8th International Conference on Software Testing，Verification and Validation (ICST) ，20152 張彩虹，分布式虛擬現(xiàn)實(shí)系統(tǒng)Web服務(wù)器的設(shè)計(jì)與實(shí)現(xiàn)J，20143 曹國勇，基于B/S的高校畢業(yè)論文過程管理系統(tǒng)的研究與開發(fā)J，考試周刊，20144 崔云，基于Moodle平臺的研究性學(xué)習(xí)教學(xué)設(shè)計(jì)與實(shí)踐研究D,山東師范大學(xué)，20145 騰靈靈，邵棟，榮國平，軟件可靠性模型選擇研究J，計(jì)算機(jī)應(yīng)用與軟件，20166 李榮剛，視覺傳達(dá)專業(yè)中的網(wǎng)頁設(shè)計(jì)課程探索J，美術(shù)學(xué)

33、刊，20127 魏傳程，軟件可靠性建模及最優(yōu)化問題研究D，燕山大學(xué)，20108 張軍，李攀，邢光輝，軟件測試的認(rèn)知誤區(qū)和單元測試實(shí)戰(zhàn)流程J，科技創(chuàng)新與應(yīng)用，2016附 錄 核心源代碼1. 主頁部分代碼： ifisset($SEOtitle) & !empty($SEOtitle)$SEOtitle/if$SEOsite_title document.write() Toggle navigation 首頁 pc:content action=category siteid=1 loop $data $row$rowcatname /loop /pc房間預(yù)定 2. 登錄部分代碼： Title 登

34、錄 用戶名 : 密碼 : 沒有賬號，馬上注冊 登錄 3.注冊部分代碼 Title 注冊用戶名 :密碼 :確認(rèn)密碼 : 提交 4.預(yù)定房間部分代碼template content,header 首頁 > > formmethod=postaction=?m=formguide&c=index&a=show&formid=$formid&siteid=siteid;? name=myform id=myform loop $forminfos_data $field $infoif $infoformtype=omnipotentloop $forminfos_data $_fm $_

35、fm_valueif $_fm_valueiscomnipotentphp$infoform str_replace(.$_fm.,$_fm_valueform,$infoform);/if/loop/if if $infostar */if $infoname $infoform $infotips /loop 致 謝在本次畢業(yè)設(shè)計(jì)過程中，得到了指導(dǎo)老師的指導(dǎo)與支持。我要特別感謝我的指導(dǎo)教師老師，老師在總體結(jié)構(gòu)、功能的把握上給予了非常大的幫助，我總是細(xì)節(jié)把控不到位，老師每次都監(jiān)督我，讓我能改掉自己不好的習(xí)慣導(dǎo)致的錯(cuò)誤。老師總是很耐心的給我講解，讓我充分體驗(yàn)到學(xué)習(xí)的快樂。同時(shí)，我還要感謝我的母校綏化學(xué)院，因?yàn)槭悄o了我學(xué)習(xí)知識的機(jī)會。我更要感謝我的老師和同學(xué)么，幾年來你們熱心的幫助，不僅讓我收獲知識，更多的時(shí)友情，師生情，我會一直努力，好好發(fā)展，回報(bào)我的老師，回報(bào)我的學(xué)校。