基于Web的酒店管理系統(tǒng)的設計與實現目錄TOC\o"1-2"\h\z\t"標題3,3,標題4,4"TOC\o"1-2"\h\u摘要 緒論1.1課題背景目前，我國電子產品的逐漸進步，互聯網被大家逐漸接受，電腦更是目前大家處理工作問題的重要工具，互聯網+和電子產品的結合的產物，可以滿足人們日常的交流和信息獲取，同樣可以進行工作處理，選擇平臺是一個便捷的方式，成本低廉編寫代碼比起小程序和app的簡單是編寫很多平臺的一個特征。1.2目的和意義隨著顧客對旅館酒店賓館等的需求越來越大，和入住酒店有關的信息也就越來越多，不單單包括入住，還有與品牌方合作小廣告的方面，如果僅僅從酒店用人角度出發(fā)自然是成本越低越好，用人也是越少越好。由此得出，這么多的數據，我們不可能通過人工記錄來獲取，即使可以也將投入大量的成本，為了節(jié)約這類不必要的成本，就需要管理系統(tǒng)來實現，不必投入大量的人工成本。1.3開發(fā)工具及技術Eclipse：這個軟件是一款開源并且免費的軟件，內部集成Tomcat中間件，支持Web項目的創(chuàng)建和設計，功能非常強大。Tomcat：這款服務器的中間件，不收取任何軟件費用，它占用服務器端的資源也是非常的少，上面可以部署多個Web端的程序，是一款方便維護的中間件，不需要配置過多東西，只生成一個對應的server文件即可。Mysql：數據庫是一個關系型的數據庫，支持數據的表空間導出，遷移。能夠很輕松的創(chuàng)建一個數據庫和編寫sql語句。Vue.js是一種修改頁面樣式的工具，當實體數據發(fā)生變化時,頁面會有感知變化,然后將視圖層的數據做出相應的修改，修改迅速語句簡單是js語句的代名詞。1.4軟硬件設施需求與環(huán)境跨平臺操作系統(tǒng)：microsoftwindows10網頁開發(fā)開放式工具包：java語言，安裝JDK。系統(tǒng)架構模式：傳統(tǒng)B/S服務架構，MVC架構。服務器：Tomcat數據庫：MySQL安裝Navicat可視化界面。編程工具：Eclipse軟件。前臺頁面：JSP+Vue.js瀏覽轉化觀察器：googel-chrome2需求分析2.1可行性分析2.2.1技術的簡單型的利用于大學期間，參加過的入職前六個月技術技能培訓，期間使我學會Vue.js的相關頁面技術，以及Webpack自動構建項目技術，vue-resourc的Ajax技術，開發(fā)系統(tǒng)中，前端頁面設計可使用Vue.js，幫助系統(tǒng)實現漂亮的頁面，應用Vue的面向對象的設計理念，快捷方便的進行實體屬性數據處理，aioxs將頁面的請求向后臺傳遞時更是做出了安全的封裝，為了簡化前端的設計難度和頁面編碼的混亂問題，選用java編程語言作為后端開發(fā)，不僅簡化代碼難度，JDBC更是方便快捷對數據庫進行數據插入和獲取更改。方便后期維護，提升了開發(fā)效率。2.2.2經濟的簡單型的利用根據技術可行性可以看出，前端頁面大量的使用vue技術，而vue比其他型技術可利用率高，并且性價比較高。后端使用java語言以及sql數據庫來為系統(tǒng)提供穩(wěn)定又經濟實惠的后方陣容，另外使用的瀏覽轉化觀察器是免費且高效率的神器，對經濟的簡單型的利用有著不可或缺的能量。2.2.3操作的簡單型利用旅館和賓館等小型酒店目前被大多數人所喜愛，尤其節(jié)假日時的酒店深受大家的喜歡，所以有必要開發(fā)一個平臺，這個系統(tǒng)平臺為酒店的管理人員提供一個簡單的通過鼠標進行操作和管理的系統(tǒng)為酒店使用。2.2系統(tǒng)數據流圖數據的邏輯描述目的就是更好的解決程序存在的問題，本酒店管理系統(tǒng)的頂層數據流圖如圖2.4。該圖為負責維護系統(tǒng)和管理更新的實際個人對于信息接收的信號和信息發(fā)送的信號進行數據匯總。圖2.4信息接收發(fā)送的信號流通圖2.3系統(tǒng)數據需求按理數據簡單型的利用，信息接收發(fā)送可知酒店管理各部分有不同數據源，將這些數據進行匯總。旅人方面：旅人的稱謂，聯系方式還有私人信息的保密服務。理事方面：打理全旅館的信息，掌控各個服務人員打卡信息，管理著工作人員請假，調休，倒班等事務。早飯服務方面：知曉入住人數量，需準備的早餐數，以及殘余處理的需求方式。服務人員：根據各地地方防疫要求檢查旅客入住前的行程碼和健康碼并登記，時刻關注系統(tǒng)內旅人的新需求，做好員工各人的上下班打卡以及定時防疫工作，辦理入住退房時進入系統(tǒng)做好登記與備注工作。保潔工人：登記最新個人信息于本系統(tǒng)，時刻關注發(fā)布的消毒公告，做好酒店大廳以及房間的消毒工作，定時打掃房間。支出與收入：稅務將每天的支出與收入登記于系統(tǒng)，并發(fā)郵件抄送上級領導和理事，每月進行一次核查確定工作。3系統(tǒng)分析與設計3.1總體設計框架通過對系統(tǒng)的分析以及對系統(tǒng)部分設計，總體設計功能的模塊有：酒店理事人員的有進行一下基本操作的權限，例如酒店的理事人員可以更改入住人的信息，幫助旅人通過身份證號查找id來修改忘記的密匙并添加新密匙；酒店理事人員能夠通過客房管理查看未入住和已入住的房間，根據酒店的房間類型查看房間，可以預訂酒店的客房；酒店管理人員有最高權限，他可以進行大部分關于管理房間的操作；如下模塊3.1所述。模塊3.1系統(tǒng)操作管理架構圖3.2數據庫的分析與設計3.2.1數據庫的概念結構設計酒店理事與旅人的權限有明顯不同，故而此系統(tǒng)設計時就設立兩個渠道，既有互通的一部分，又有完全對立的模塊，原本關系錯綜復雜，通過本系統(tǒng)進行梳理與共生，使原本不甚明朗的關系轉化成公開透明的，這樣用戶和酒店管理員以及客服形成了一個穩(wěn)定的結構。詳細見下圖3.2，部分實體間關系圖。議定上方的簡單型的利用和系統(tǒng)數據需求繪制詳細的房間與理事和旅人關系的er圖詳細見下面的ER數據庫模型圖。3.2房間與理事和旅人關系的er圖3.2.2數據庫的邏輯結構設計酒店數據庫有著獨特的理論，我們需要從獨立的數據庫中轉化成個體的數據庫，這就需要一個轉化關系，這和數據庫的邏輯有關，也是一個不可或缺的特征。每一個實體要轉換成一個關系住房客戶基本信息主要放在了酒店管理員信息表中，下表3.3所寫。(2)理事登記旅人信息的匯總看下表3.4所訴。表3.4理事排序主鍵表排序名Int/varcharChinaname主鍵說明Yyn_Idint編號主鍵Yyn_Namevarchar酒店管理員名可為空Yyn_Pwvarchar密碼可為空(3)旅房排序主鍵詳細見下圖3.5所填。表3.5旅房排序主鍵表排序名Int/varcharChinaname主鍵說明Yyn_fangint是主鍵Yyn_idVarchar(5)否可為空Yyn_areaVarchar(10)否可為空Yyn_jieshaoVarchar(30)否可為空Yyn_fujianVarchar(25)否可為空(4)預定排序主鍵信息詳細見下表3.6所訴。表3.6預訂排序主鍵表排序名Int/varcharChinaname主鍵說明Yyn_idint主鍵Yyn_idVarchar(5)否可為空Yyn_kefangidVarchar(10)否可為空Yyn_tianshuVarchar(30)否可為空Yyn_yudingzheTelVarchar(25)否可為空Yyn_shijianVarchar(20)否可為空(5)類別排序主鍵經過3.7所表。表3.7類別排序主鍵表排序名Int/varcharChinaname主鍵說明Yyn_idint是主鍵Yyn_leixingVarchar(5)否可為空用戶入住以及消費等等基本信息主要記錄在入住消費信息表，如圖3.10所示。表3.8用戶入住以及消費等等基本信息主要記錄在入住消費信息表排序名Int/varcharChinaname主鍵說明Yyn_idint是主鍵Yyn_nameVarchar(2)否可為空Yyn_costVarchar(10)否可為空Yyn_shijianVarchar(20)否可為空4系統(tǒng)功能實現4.1系統(tǒng)首頁頁面實現理事登入WARMHouse，右側是系統(tǒng)的歡迎頁面，在首次登錄時會彈出Elementui實現的時間計時插件，可以自動獲取到系統(tǒng)的當前時間，界面精美簡單易操作，功能一目了然，使用體驗感極佳。網站首頁設計如圖4.1所示。圖4.1系統(tǒng)首頁頁面錄入認證：每個理事要對酒店進行管理操作時都需要進行一個認證，只有賬號和密碼都匹配才可以進行管理操作，具體實現方式，酒店理事點擊頁面輸入個人設置的賬戶進行驗證，于前端頁面會先進行判空操作，Ajax會動態(tài)提示酒店管理員信息不能為空，然后Axion通過.post方式將Form表單中的數據進行封裝，通過請求頭將數據提交到后臺的UserServlet服務子容器中，在UserServlet類中通過Login方法獲取請求體中攜帶的數據，去數據庫中查詢作比對，酒店管理員信息比對成功后。返回記錄數為1，否則返回0，驗證成功后將當前酒店管理員信息存儲在Session對象中響應到前臺頁面，并轉發(fā)首頁頁面，驗證失敗則響應代碼段，具體操作詳細見圖4.2所訴。圖4.2系統(tǒng)錄入頁面設計4.2總體功能模塊理事錄入系統(tǒng)成功后可以在系統(tǒng)模塊左側看見WARMHouse下有6部分構成，每部分有鼠標點擊可展開的功能。具體操作看4.3下圖。圖4.3理事操作4.2.1住宿管理理事可于系統(tǒng)管理住宿，其中涉及一個高級的排序算法，可以議定編碼來實現自動化錄入數據，從而提高失效性，然后經由判斷語句進行精準查詢，注意此處不能模糊查詢，以確保數據的精確以及系統(tǒng)穩(wěn)定進行，不會出現數據錯亂的情況，判斷完是否合法后，則需立即預備編寫入，此法為系統(tǒng)自動執(zhí)行，若判斷完是非法語句，將返還并影響記錄，這樣旅人的管理更加安全高效，具體操作看4.4判斷編碼數據合法性圖。判斷編碼數據合法性圖4.4增入住客頁面管理員看到此界面則錄入成功，理事用鼠標點擊住客列表，便可以查詢到住客的信息，當點擊住客列表按鈕時，按鈕會通過.post方式提交到后臺UsersList方法中，從數據庫查詢到的住客信息后封裝到集合中，在將集合轉發(fā)至住客列表頁面，頁面中使用Vue.js提供的V-for進行集合拆包，迭代遍歷每一個住客信息。如下圖4.5所示。圖4.5住客列表4.2.2客房管理理事登入住戶列表時顯示為查詢表格的形式，理事用鼠標點擊住戶后列表，便可以查詢到房間的信息，當點擊住房間列表按鈕時，按鈕會通過.post方式提交到后臺HousesList方法中，從數據庫查詢到的房間的信息后封裝到集合中，在將集合轉發(fā)至房間列表頁面，頁面中使用Vue.js提供的V-for進行集合拆包，迭代遍歷每一個房間信息。如下圖4.6所示。圖4.6客房列表的刪減增4.2.3會員管理理事跳轉到新增會員頁，在WARMHouse系統(tǒng)右下方用鼠標點擊會員管理的文本框中輸入完整的會員信息點擊提交后，首先在前端頁面會先進行內容不能為空判斷，Ajax會動態(tài)提示酒店管理員哪些填寫的信息不能為空，然后Axion通過.post方式將Form表單中的數據進行封裝，通過請求頭將數據提交到后臺的UserServlet服務子容器中，在UserServlet類中通過AddUser方法獲取請求體中攜帶的數據，攜帶的數據可以議定sql語句穿過代碼流錄入庫中具體見圖4.7。圖4.7穿過代碼流錄入庫頁面4.2.4會員列表理事對該會員跳轉陣容進行算法排序，用鼠標點擊vip管理即可查詢尊貴的VIP會員用戶及房間的訊息，當點擊住房間列表按鈕時，按鈕會通過.post方式提交到后臺HousesList方法中，從數據庫查詢到的房間的信息后封裝到集合中，在將集合轉發(fā)至房間列表頁面，頁面中使用Vue.js提供的V-for進行集合拆包，迭代遍歷每一個房間訊息。如下圖4.6所示。圖4.7會員列表頁面4.2.5系統(tǒng)管理系統(tǒng)管理功能可以對系統(tǒng)的名稱，以及歡迎首頁的關鍵詞，和系統(tǒng)的描述進行更改。圖4.8系統(tǒng)管理頁面4.2.6客房信息導出管理員可以點將需要的會員信息以及客房信息進行導出成Excel表格，以便用于日常記錄以及使用。圖4.9客房信息導出5系統(tǒng)測試5.1測試原理測試有它本身的意圖和宗旨，系統(tǒng)測試是正規(guī)于系統(tǒng)上線運行前對其存在的缺陷和業(yè)務邏輯問題進行檢驗，也就是針對程序的執(zhí)行過程來進行逐步檢驗，根據分析出來的功能需求，將各個功能逐一進行測試，看是否能與預期的執(zhí)行邏輯流程吻合，能否與預期結果相符，本系統(tǒng)采用的測試方法為黑盒測試法，如是否能輸入空數據，是否能正常彈出業(yè)務提示信息，并將每次測試結果加以記錄。對各功能需求進行黑盒測試中會出現以下幾種情況，看性能是否貫徹達成，數據流可否平穩(wěn)順暢的流通，運行的結果合理否，針對這三點進行黑盒測試，黑盒測試是一種針對性測試，不受內部邏輯與新能的影響，只考慮這部分，通過說明書一板一眼看事務，這樣更能在甲方客戶的角度發(fā)現端倪。5.2測試過程前臺模塊測試：（1）理事登錄功能。打開WARMHouse系統(tǒng)，輸寫個人訊息和理事個人稱謂及編號，運用對比法編寫7條以上測試用例，反復實驗正確的密碼沒有跳轉不成功的情況,反則跳轉失敗,回到原來位置。（2）酒店管理員注冊功能。當酒店管理員注冊時，填寫信息需要正確密碼，如暗碼有誤，會有提示效果。當填寫數據完整，點擊注冊后，會出現提示，數據庫會有新的注冊酒店管理員數據。（3）房間管理功能。登錄成功后會看到系統(tǒng)的首頁管理功能，根據數據庫存儲的房間信息，點擊房間列表看是否能查詢到房間信息，以及房間的狀態(tài)是否準確如旅人已入住，旅人未入住，旅人入住時間等。（4）住客管理功能。點擊住客管理，是否有住客信息出現，編輯住客信息點擊保存是否可以成功。（5）會員管理。理事可以對庫中的vip客人的訊息做刪除處理，但應注意備份，免除刪錯丟失的局面。（6）數據表導出功能。點擊數據表，在數據表導出界面導出信息表，查看信息表是否能成功導出。并檢驗導出的信息表是否正確，運用excel中vlookup函數進行一零比對。（7）退出登錄。用鼠標點擊退出登錄按鈕，選擇當前管理員信息是否注銷，如若注銷，界面不能夠跳轉到登錄界面，反之退出模塊功能有錯誤需進行F12排查是否代碼有誤。5.3測試結果測試了局與預期如常所料，如下表5.1測試實例表。表5.1測試結果表模塊組件測試用例測試收關前的預估效果測試終局錄入WARMHouse系統(tǒng)反復進行，不停登入登出，測試頁面跳轉情況跟流暢度，反復實驗正確的密碼沒有跳轉不成功的情況，反則跳轉失敗，回到原來位置，觀察跳轉是否擱3秒內。符合網頁注冊并備案點擊WARMHouse系統(tǒng)，完善個人訊息如果成功注冊將進入備案頁面，進行二次輸寫，若備案信息與注冊相同則成功，反之則從頭再來符合房間經管性能測試查看旅人房的狀態(tài)，是否已經保潔，是否入住，是否正常退換旅房登進則可以見到房間全部訊息，沒有遺漏和丟失，可以刪減增旅人的房號符合會員管理點擊會員管理，對已經存在點擊刪除數據庫對應的會員信息會刪除符合數據表導出任意導出信息表查看導出信息表。并檢驗導出的信息表是否正確。符合住客管理功能刪除酒店管理員數據庫中會刪除掉酒店管理員記錄。符合退出登錄點擊帖子管理進行刪查首頁會展現新的數據記錄。符合

結術語這次為期近五個月的酒店管理系統(tǒng)的設計和開發(fā)實現，讓我深深的對Vue以及程序制作過程的感悟和收獲良多。首先本系統(tǒng)的開發(fā)已經到了收尾階段，系統(tǒng)功能實現情況同初步分析的功能需求一致，反復進行，不停登入登出，測試頁面跳轉情況跟流暢度，點擊WARMHouse系統(tǒng)，實現完善個人訊息，查看旅人房的狀態(tài)，是否已經保潔，是否入住，是否正常退換旅房，點擊會員管理，對已經存在點擊刪除，任意導出信息表，刪除酒店管理員等性能并測試成功。點擊帖子管理進行刪查系統(tǒng)界面清晰，操作簡單但還有不足之處，由于系統(tǒng)的技術框架選擇了Vue，使得系統(tǒng)后期維護難度較大，代碼耦合度高，以及