基于JavaScript的酒店管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)——畢業(yè)論文

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

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

2、29摘 要酒店管理系統(tǒng)可以使得經(jīng)營(yíng)者管理酒店變得更加方便快捷，提高工作效率的同時(shí)也能增加公司的收益。本酒店管理系統(tǒng)采用的是JavaScript、HTML5和CSS實(shí)現(xiàn)前臺(tái)效果，MySQL數(shù)據(jù)庫(kù)進(jìn)行設(shè)計(jì)，使用MySQL數(shù)據(jù)庫(kù)可以使系統(tǒng)的數(shù)據(jù)存儲(chǔ)更加方便快捷。該系統(tǒng)主要用于酒店的訂單查看，處理迅速，而且界面簡(jiǎn)單，利于操作。管理員可以通過(guò)后臺(tái)對(duì)客戶信息進(jìn)行管理，并且能夠通過(guò)后臺(tái)對(duì)酒店的基本信息、預(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è)前途廣闊而又競(jìng)爭(zhēng)激烈的行業(yè)。改革開(kāi)放以來(lái)，我國(guó)的酒店迅速發(fā)展，已經(jīng)成為一個(gè)具有相當(dāng)規(guī)模的產(chǎn)業(yè)。由于我國(guó)的旅游業(yè)迅速發(fā)展，通過(guò)調(diào)查，我國(guó)在2020年將成為世界上第四大旅游國(guó)家，這個(gè)時(shí)候，我國(guó)的酒店業(yè)將面臨著前所未有的機(jī)遇和挑戰(zhàn)。但是，現(xiàn)在甚至還有一些酒店停留在人工操作和管理階段，這樣已經(jīng)無(wú)法適應(yīng)當(dāng)前的發(fā)展趨勢(shì)。因此，要想使酒店的工作質(zhì)量和效率提高，采用先進(jìn)的計(jì)算機(jī)網(wǎng)絡(luò)通信技

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

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

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

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

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

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

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

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

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

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

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

17、QL相對(duì)于SQL來(lái)說(shuō)，所占內(nèi)存較小，便于快速的進(jìn)行數(shù)據(jù)查詢。根據(jù)需求分析和數(shù)據(jù)庫(kù)分析，數(shù)據(jù)庫(kù)的表如下所示。1.管理員表管理員表是用來(lái)管理管理員的ID、賬號(hào)、密碼、Email、真實(shí)姓名、所屬角色（超級(jí)管理員/普通管理員）等功能。其結(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.客房信息表用來(lái)管理房間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ù)定信息表包括用戶名、房間編號(hào)、預(yù)訂時(shí)間、結(jié)束時(shí)間、手機(jī)號(hào)、身份證號(hào)、房間類型，如表33所示。表33 預(yù)定信息表（design_form_order_table）英文名中文名字段類型是否主鍵name用戶名Varchar(20)是Dataid房間編號(hào)IntOrd

19、er_time預(yù)定時(shí)間IntJieshu結(jié)束時(shí)間intPhone手機(jī)號(hào)NumberId_date身份證號(hào)IntHome_choice房間類型Varchar(40)4.廣告位表廣告位ID、站點(diǎn)ID、廣告位名稱、廣告位類型、寬度、高度、配置項(xiàng)、廣告位介紹、廣告數(shù)、是否開(kāi)啟，啟用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：?jiǎn)⒂?：不啟用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：通過(guò)0：不通過(guò)tinyint(1) unsignedstyle樣式char(15)show_template模板char(40)6.會(huì)員表會(huì)員表包括用戶名、注冊(cè)時(shí)間、登陸次數(shù)、密碼、昵稱、電子郵箱、生日。如表36所示。表36會(huì)員表（design_member）英文名中文名字段類型是否主鍵userid用戶IDmediumint(8) unsigned是phpssouidphpsso用戶IDmediumint(8) unsignedusername用

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

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

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

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

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

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

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

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

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

31、數(shù)據(jù)庫(kù)，利用JavaScript語(yǔ)言設(shè)計(jì)并實(shí)現(xiàn)。本系統(tǒng)中用戶可以登錄、注冊(cè)，修改密碼等對(duì)于帳號(hào)的操作，還可以進(jìn)行房間預(yù)定，查詢預(yù)定記錄以及查看用戶的評(píng)論列表。對(duì)于管理員來(lái)說(shuō)，管理員可以查看注冊(cè)用戶的信息，對(duì)用戶進(jìn)行等級(jí)的劃分，修改前臺(tái)頁(yè)面的顯示內(nèi)容和顯示樣式，修改前臺(tái)布局模版等操作。雖然本系統(tǒng)基本實(shí)現(xiàn)了用戶所需功能，但還存在一些問(wèn)題：前臺(tái)頁(yè)面的顯示樣式不美觀。對(duì)于這個(gè)問(wèn)題我相信在我不斷學(xué)習(xí)知識(shí)后可以進(jìn)行解決，使此管理系統(tǒng)內(nèi)容更加完善，使用起來(lá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 曹國(guó)勇，基于B/S的高校畢業(yè)論文過(guò)程管理系統(tǒng)的研究與開(kāi)發(fā)J，考試周刊，20144 崔云，基于Moodle平臺(tái)的研究性學(xué)習(xí)教學(xué)設(shè)計(jì)與實(shí)踐研究D,山東師范大學(xué)，20145 騰靈靈，邵棟，榮國(guó)平，軟件可靠性模型選擇研究J，計(jì)算機(jī)應(yīng)用與軟件，20166 李榮剛，視覺(jué)傳達(dá)專業(yè)中的網(wǎng)頁(yè)設(shè)計(jì)課程探索J，美術(shù)學(xué)

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

34、錄 用戶名 : 密碼 : 沒(méi)有賬號(hào)，馬上注冊(cè) 登錄 3.注冊(cè)部分代碼 Title 注冊(cè)用戶名 :密碼 :確認(rèn)密碼 : 提交 4.預(yù)定房間部分代碼template content,header 首頁(yè) > > 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ì)過(guò)程中，得到了指導(dǎo)老師的指導(dǎo)與支持。我要特別感謝我的指導(dǎo)教師老師，老師在總體結(jié)構(gòu)、功能的把握上給予了非常大的幫助，我總是細(xì)節(jié)把控不到位，老師每次都監(jiān)督我，讓我能改掉自己不好的習(xí)慣導(dǎo)致的錯(cuò)誤。老師總是很耐心的給我講解，讓我充分體驗(yàn)到學(xué)習(xí)的快樂(lè)。同時(shí)，我還要感謝我的母校綏化學(xué)院，因?yàn)槭悄o了我學(xué)習(xí)知識(shí)的機(jī)會(huì)。我更要感謝我的老師和同學(xué)么，幾年來(lái)你們熱心的幫助，不僅讓我收獲知識(shí)，更多的時(shí)友情，師生情，我會(huì)一直努力，好好發(fā)展，回報(bào)我的老師，回報(bào)我的學(xué)校。