1基于VUE的酒吧管理系統(tǒng)設(shè)計與實現(xiàn)目錄摘要 2 31.1設(shè)計背景及意義 3 3 31.2.2國內(nèi)研究現(xiàn)狀 4 4 5 52.2技術(shù)可行性 52.3社會可行性 52.4經(jīng)濟效益的可行性 62.5開發(fā)工具概述 62.5.1JAVA語言概述 6 2.5.4MYSQL概述 7 72.5.6VUE概述 72.6小結(jié) 8 8 83.2擬解決問題 93.3酒吧管理系統(tǒng)用例圖 3.4酒吧管理系統(tǒng)各模塊的時序圖 3.5活動圖 3.5.1登錄與注冊 3.5.2桌位預(yù)定 3.5.3酒水小食 3.5.4打卡記錄 3.6小結(jié) 204.1系統(tǒng)模塊結(jié)構(gòu) 204.2功能的分析 214.3系統(tǒng)數(shù)據(jù)庫E-R圖 224.4系統(tǒng)數(shù)據(jù)庫設(shè)計 26 2第5章系統(tǒng)功能模塊詳細(xì)設(shè)計 5.1酒吧管理系統(tǒng)的結(jié)構(gòu)設(shè)計 5.2系統(tǒng)的界面設(shè)計 5.3功能子模塊設(shè)計 5.3.1登錄模塊 5.3.2管理員模塊 35.3.3工資管理模塊 35 365.3.6打卡記錄模塊 375.3.5桌位模塊 385.4小結(jié) 6.1測試的方式 6.2測試的用例 6.2.2預(yù)置的條件 396.2.3例子測試 406.4小結(jié) 49 摘要隨著互聯(lián)網(wǎng)在人們生活中的不斷普及，酒吧業(yè)的競爭也變得越來越激烈。其管理能力顯得越來越重要。此酒吧管理系統(tǒng)的設(shè)計目標(biāo)是為了實現(xiàn)酒吧管理系統(tǒng)的界面美觀、簡單上手、功能能夠滿足用戶的要求。現(xiàn)代化酒吧業(yè)是以一種便捷化、服務(wù)性較強的姿態(tài)出現(xiàn)在市場上的娛樂場所。想要提高勞動生產(chǎn)降低成本，就必須借助計算機來進(jìn)行現(xiàn)代化的管理。此酒吧管理系統(tǒng)的設(shè)計主要有兩個后臺登錄：管理員后臺和員工后臺，而他們分別擁有各自的模塊。管理員擁有的模塊有：食品管理模塊、工資管理模塊、桌位管理模塊、員工管理模塊。員工擁有：桌位預(yù)定模塊、模塊。管理員擁有：員工管理模塊、食品管理模塊、工資管理模塊、酒水小食模塊、桌位退訂模塊、工資模塊、打卡記錄模塊。而前端有：首頁模塊、登錄頁面模塊。此系統(tǒng)主要是基于VUE的框架上設(shè)計的，運行在Springboot平臺上。使用JavaScript,css等來編寫前端界面，利用MySQL來進(jìn)行數(shù)3據(jù)庫表的管理。并使用到了IntelliJIDEA、NavicatPremium等軟件，硬件使用的是蘋果電腦，OS系統(tǒng)。本次項目是用的技術(shù)棧VUE,Springboot,JavaScript,css,jdk,MySQL,maven。酒吧管理者能夠通過此系統(tǒng)來對酒吧進(jìn)行更加便捷的管理，提高管理效率。關(guān)鍵詞：Vue;酒吧管理；互聯(lián)網(wǎng)；Springboot;近年來，由于我國的經(jīng)濟正在快速的發(fā)展，甚至成為了世界經(jīng)濟的領(lǐng)頭?；ヂ?lián)網(wǎng)出現(xiàn)在了人們的日常生活中，許多人都使用上了手機等電子產(chǎn)品。并且隨著互聯(lián)網(wǎng)的發(fā)展，人們消費時不僅僅是要求物質(zhì)上的需求，還更在意精神的滿足。因此，如何滿足人們的需求是許多企業(yè)要面臨的一個問題。這種需求在酒吧市場中可以簡單的說是人們希望在酒吧時可以簡便地進(jìn)行消費，希望酒吧里包含各種各樣的產(chǎn)品，每天出現(xiàn)不同風(fēng)格的主題，但是最主要的還是需要一個多元化、便捷化的管理系統(tǒng)。目前各行各業(yè)都在面臨著很多挑戰(zhàn)和難題，酒吧業(yè)也沒有例外。由于酒吧業(yè)務(wù)的復(fù)雜，各種數(shù)據(jù)和信息都很繁雜，單單依靠傳統(tǒng)的酒吧管理并不能快速的解決管理問題，效率低且容易出現(xiàn)錯誤?？偟膩碚f，在互聯(lián)網(wǎng)時代的大勢之下，每個酒吧都需要跟得上時代的腳步，然后利用目前的計算機技術(shù)來創(chuàng)造出新的管理系統(tǒng)，提高自己的效率，減少出現(xiàn)錯誤的可能性。因此，運用全新的管理系統(tǒng)，能夠成為提高酒吧管理能力、提升酒吧自我價值的重要步驟之一。在我的家鄉(xiāng)，就出現(xiàn)酒吧跟不上時代變化而被倒閉的情況，針對這種情況，開發(fā)一款適用于酒吧的便捷化、智能化的酒吧管理系統(tǒng)的必要性就顯現(xiàn)出來了。1.2國內(nèi)外研究現(xiàn)狀信息從古至今都是影響世界的重要因素，網(wǎng)絡(luò)技術(shù)及電子商務(wù)的應(yīng)用突破時間、空間的局限性，給中小企業(yè)帶來更多的發(fā)展機會，同時也更加增大了企業(yè)之間的競爭強度[1]。信息在社會中起著獨一無二的作用，放眼古今中外，只要是掌握了信息的勢力，沒有一個是不強大的。因此信息永遠(yuǎn)都是發(fā)揮著獨一無二的作用的。國外對酒吧管理系統(tǒng)的研究從上個世紀(jì)六十年代才慢慢地進(jìn)行的，美國最早將計算機應(yīng)用于酒吧業(yè)中，并開始研究管理信息系統(tǒng)即MIS;管理信息系統(tǒng)就是對各種信息進(jìn)行管理，在信息化的時代，MIS顯得就更尤為重要。MIS是一個協(xié)調(diào)良好的信息系統(tǒng)，它是一個數(shù)據(jù)庫，它為管理人員提供計劃和決策所需的信息。[2]隨著互聯(lián)網(wǎng)時代的到來，信息化、智能化的酒吧管理系統(tǒng)在七十年代就進(jìn)入了快速發(fā)展的時期，逐漸應(yīng)用到多方41.2.2國內(nèi)研究現(xiàn)狀著不可缺少的重要性，該系統(tǒng)是70年代初信息凝聚的產(chǎn)物，不是多功能的系統(tǒng)，它什進(jìn)入20世紀(jì)80年代末，隨著全球互聯(lián)網(wǎng)時代的到來，信息管理系統(tǒng)隨著互聯(lián)網(wǎng)的我國的管理信息系統(tǒng)大發(fā)展是在80年代末90年代初，我國先是建立了局域網(wǎng)管理信息傳遞、服務(wù)購物大多數(shù)都是通過手工的模式，缺少了網(wǎng)絡(luò)

便捷化一一各種功能都能通過網(wǎng)絡(luò)的方式實現(xiàn)。

簡易化一一簡單的設(shè)計，使用方便簡單。

可拓展一一可以拓展一些自己想要的模塊。1.3本文主要研究內(nèi)容5第四：拓展性好，如果還想要開發(fā)更多的功能，可以直接給酒吧企業(yè)家們一個便捷的途徑來對酒吧進(jìn)行管理，也更利于對客戶進(jìn)行全方位的服第2章可行性分析及開發(fā)環(huán)境概述酒吧管理系統(tǒng)的實現(xiàn)過程中，需要的開發(fā)軟件都是免費的，使用的開發(fā)語言就是目面上常見的電腦就行。而開發(fā)軟件即智能提示的IntellijIDEA,Maven、navicat、Mysql等也是開源免費的。MySQL數(shù)據(jù)庫是開放性跨平臺的一種開源型關(guān)系數(shù)據(jù)庫5。在經(jīng)濟條件上進(jìn)行預(yù)算一下，開發(fā)此項目所使用的電腦早已經(jīng)購買了，二手的機子管理系統(tǒng)并不是第一此出現(xiàn)在市面上，網(wǎng)絡(luò)上早就已經(jīng)有眾多很優(yōu)秀的管理系統(tǒng)產(chǎn)品，因此，在借鑒前人的經(jīng)驗，在架構(gòu)上是沒有什么問題的，而細(xì)節(jié)上，采用傳統(tǒng)的MVC三層模型，通過不同的用戶組成不同的MVC結(jié)構(gòu)。(優(yōu)點方便開發(fā)，方便維護，各個模塊互不干擾)。至于運行環(huán)境，要求使用Windows。從專業(yè)技術(shù)上來說，只需要編寫代碼的人會一些Java的知識，一些對于使用此系統(tǒng)的用戶而言，只需要學(xué)習(xí)一點點HTML語言和相關(guān)的配置操作，就6智能化的因素所在，因此不能更大力度的吸引客戶；畢竟只有把自己當(dāng)做客戶，才能了解客戶真正的需求，不外呼就是方便、省時間、精神上的滿足感。所以當(dāng)酒吧管理系統(tǒng)得到規(guī)范化時，酒吧工作人員就能夠更加高效的工作，更加容易的專注于業(yè)務(wù)，剩下的就交給管理系統(tǒng)完成。綜上所述以及從社會發(fā)展?fàn)顩r分析，本系統(tǒng)在社會上可行。2.4經(jīng)濟效益的可行性此酒吧管理系統(tǒng)能夠減少對員工的負(fù)擔(dān)，多種數(shù)據(jù)只需要經(jīng)過電腦操作就馬上能夠記錄下來，而不像傳統(tǒng)的酒吧業(yè)，什么東西都需要一張紙記下來，而且對于員工數(shù)量的要求也可以減少許多。簡單有效地減少了雇傭員工的費用。工作效率也會有很大的改觀。通過對經(jīng)濟的可行性分析就能夠知道此項目的開銷很小但是收益會很大，這一點就能夠保證此系統(tǒng)的開發(fā)不會虧錢。該酒吧管理系統(tǒng)擁有低成本、高回報等特點。低成本就可以從此項目所使用的軟件都是免費的，硬件僅需很少的錢就能夠解決，而且僅需要一個人就能夠進(jìn)行開發(fā)，勞動成本幾乎可以忽略不計。因此，在經(jīng)過經(jīng)濟效益分析之后可以容易地發(fā)現(xiàn)，此項目在經(jīng)濟上是可行的。2.5開發(fā)工具概述Java編程語言是一種面向?qū)ο蟮挠嬎銠C軟件項目開發(fā)語言，是目前計算機領(lǐng)域最受由于一個系統(tǒng)的設(shè)計離不開一個開發(fā)工具，所以介紹一下開發(fā)使用的IDE,IntelliJIDEA,這是一款目前最多人使用的開發(fā)軟件之一，也是網(wǎng)上公認(rèn)上手簡便的Java開發(fā)環(huán)境。其上面的各種插件還有每次當(dāng)你輸入一個字符就會提示你有哪些關(guān)鍵字可以快捷輸入的智能化讓人們都非常喜愛。使用此軟件進(jìn)行開發(fā)，大大的加快了開發(fā)的速度。用電腦打開它后如下圖所示：7rPeIGradutovpelrPeIGradutovpelIelrcsmainyavakcnsuceyelservenResSenverjavaIntalDprivetestatiefinalintport=PropsKit.getServprivatestatiefinalMapString.Object>handleprivatestatiefina)ServiceRegisterregfater=(ServiceRegister)BeanKit.gezBean(PropsKit.getserviceRegisterstaticfif(bralkap!=null最bfor(Objectboan:bwRpeServicerpeService=bean.getClass).getAStringserviceNane=rpeServiStringserviceAdress=host+CSS能對每個界面的排版進(jìn)行布置，使用代碼來對相關(guān)的屬性進(jìn)行修改，CSS描述了多種媒體元素是怎么被渲染的問題。CSS是目前開放網(wǎng)絡(luò)的核心語言之一，它可以同時控制多個網(wǎng)頁的布局。css+div布局在網(wǎng)站開發(fā)中已經(jīng)被應(yīng)用很多年了，占據(jù)了相當(dāng)大的主導(dǎo)地位9。MySQL是一個開源的數(shù)據(jù)庫管理系統(tǒng)，它是當(dāng)今數(shù)據(jù)庫管理系統(tǒng)當(dāng)之無愧的霸主。MYSQL使用的語言為SQL語言，這是數(shù)據(jù)庫最標(biāo)準(zhǔn)的語言。當(dāng)我們不得不查詢大量的信息時，關(guān)系數(shù)據(jù)庫并不強大。像MySQL這樣的關(guān)系數(shù)據(jù)庫正在以有組織的形式存儲數(shù)據(jù)10]。MYSQL將不同的數(shù)據(jù)保存在不同的表中，這樣能夠保證每張表一看就知道代表的含義是什么。而不是將所有數(shù)據(jù)都全部屯在一個表內(nèi)，這種做法就能夠提高數(shù)據(jù)庫修改信息的靈活性。。在互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)下，絕大多數(shù)需要聯(lián)網(wǎng)的應(yīng)用都離不開后臺服務(wù)器的支持[11]。SpringBoot就是一個Spring項目中的子工程。它主要的作用就是用來快速的構(gòu)建起人們需要的龐大的框架項目，盡最大的可能減少相關(guān)的配置，使其能夠做到簡單易用、快速上手。通過它這種方式，使Springboot迅速地發(fā)展于應(yīng)用開發(fā)領(lǐng)域。2.5.6VUE概述Vue.js是一個可以建立起用戶界面的框架，它采用了多數(shù)人比較習(xí)慣的自底向上增8高微信公眾平臺的開發(fā)效率，它是在對WEB前端基礎(chǔ)框架的開發(fā)中進(jìn)行的深度研究統(tǒng)不管是社會上還是技術(shù)上都能夠符合現(xiàn)如今社會的發(fā)展，并且從到的工具都是免費的，只需要花費自己的時間就能夠完第3章酒吧管理系統(tǒng)的需求分析需求分析就是開發(fā)此酒吧管理系統(tǒng)的程序員需要通過自己去對此系統(tǒng)進(jìn)行分析了以后，才知道目前社會需要的是什么,而且目前社會上對于此類系統(tǒng)是怎么樣的態(tài)度，有什么不足等。能夠讓開發(fā)人員自己了解到整個酒吧管理系(1)登錄操作立即登錄，經(jīng)過驗證后，如果員工輸入的賬號密碼(2)普通員工操作1)上下班打卡操作：酒吧員工能根據(jù)上下班時間安排，在上下班時間內(nèi)進(jìn)行上下9班的打卡。2)桌位預(yù)定：可以通過客戶對位置的需求，對酒吧內(nèi)的座位進(jìn)行預(yù)定的操作，并且可以查看哪些座位已經(jīng)被預(yù)定，可以更加直觀的通過系統(tǒng)直接查詢以及操作。3)酒水小食選購：在現(xiàn)有的酒水小食中，可以根據(jù)客戶的需求，由員工為客戶選購食品，添加到購物車，最后再統(tǒng)一下單。4)桌位的退訂：如果客戶突然有其他的事情不能按時到達(dá)酒吧，就可以由員工退掉客戶所預(yù)定的座位，為下一個需要此座位的人安排座位。5)我的工資：員工自己可以查看本月的工資，此工資是由管理員管理的，員工不6)打卡記錄：員工要按照自己的上下班時間進(jìn)行打卡，方便管理員進(jìn)行管理，如果管理員發(fā)現(xiàn)沒有按時打卡就要進(jìn)行相應(yīng)的懲罰。(3)管理員操作①酒吧所有員工管理：酒吧人員級別為管理員的，可以通過輸入正確的賬號暗碼后，登錄入系統(tǒng)內(nèi)，然后通過使用員工管理功能，根據(jù)酒吧對人員的需求進(jìn)行刪除或者添加操作，如果酒吧需要增加員工的，就添加更多的員工信息；如果酒吧需要解雇一些犯錯的員工的，就要對員工的信息進(jìn)行刪除。②酒吧員工工資管理：酒吧人員級別為管理員的，當(dāng)?shù)卿浫刖瓢晒芾硐到y(tǒng)后，關(guān)吧管理者能夠使用工資管理功能，對酒吧里的所有員工的工資進(jìn)行修改，或者查看。并可以備注是哪個時間段的工資。如果員工表現(xiàn)好的，則可以增加他的個人工資，并且備注是什么原因增加的。相反的，如果員工表現(xiàn)差的，可以適當(dāng)?shù)慕档退墓べY，并且備注降低的原因。③酒吧現(xiàn)有桌位管理：酒吧人員級別為管理員的，當(dāng)進(jìn)入了系統(tǒng)之后，酒吧管理者可以對現(xiàn)有的桌位進(jìn)行管理，當(dāng)有顧客跟管理員預(yù)定桌位時，管理員可以修改桌位的狀態(tài)信息為在租，使其桌位不能被其他人使用。并且管理人員還可以對桌位的價格，桌位的類型進(jìn)行修改，讓酒吧擁有多種多樣的消費的層次。比如桌位能夠改成VIP級、唯④酒吧現(xiàn)有食品管理：酒吧人員級別為管理員的，能夠根據(jù)目前酒吧的食品存儲情況，對現(xiàn)有的酒水小食進(jìn)行管理，如果有些食品已經(jīng)不存在的，則立即刪除該食品的信息；如果有些食品的價格有所變動的，還可以對其價格進(jìn)行更改，并且將數(shù)據(jù)上傳到數(shù)據(jù)庫里。這樣就會更加方便來酒吧的客戶的消費，讓價格和種類都能夠一清二楚的展現(xiàn)在客戶眼中。3.2擬解決問題根據(jù)我做其他項目時碰到的一些問題，還有其他同學(xué)所碰到的問題以及從知網(wǎng)、維普上所看到的別人的學(xué)術(shù)成果所遇到的問題了解到，我在開發(fā)此酒吧管理系統(tǒng)的時，應(yīng)該會遇到一些難以解決的問題，這些問題如下：找與之有關(guān)的資料，并對全部資料進(jìn)行歸納總結(jié)，這些都第二：由于自己并沒有參加實訓(xùn)項目，從而導(dǎo)致自己對專尤其是面對到本項目所使用的編程語言Java時，我更加有點力不從心。因為Java就是在實訓(xùn)中教的最多的一個編程語言，而且我大學(xué)時學(xué)Java語言學(xué)得并第三：由于對數(shù)據(jù)庫只停留在了知識理論上，所以對于數(shù)太熟悉，也可以說得上是一個數(shù)據(jù)庫的小白。此項目需要數(shù)據(jù)庫為我對數(shù)據(jù)的相關(guān)操作不太了解的緣故，在實現(xiàn)也許會出現(xiàn)一些問題，排版等可能也會存在的一開發(fā)軟件的配置和一直卡在配置MYSQL之類的問題上，有時候配置一個軟件就需要一不足的，可以通過一些學(xué)習(xí)網(wǎng)站進(jìn)行惡補，比如b站等學(xué)習(xí)網(wǎng)站去學(xué)習(xí)相關(guān)的知識。方法二：由于每個人都會遇到一些問題，所以的學(xué)霸進(jìn)行交流，向他學(xué)習(xí)技術(shù)相關(guān)的知識。還能夠讓老師給你提建議，如何實現(xiàn)某些功能等。方法三：現(xiàn)在圖書館到處都是，可以找到一些比較好的圖書館進(jìn)行學(xué)習(xí)，圖書館里有許多網(wǎng)上找不到的資料，不管是技術(shù)方面的還是頁面設(shè)計方面的問題，都能夠通過對圖書館的查閱來改善自己的不足，通過對這些資料的學(xué)習(xí)來提高自己在各個方面的能力，然后設(shè)計出更好的作品，還能學(xué)習(xí)到更多的知識。途徑四：在學(xué)校詢問頁面設(shè)計專業(yè)的老師有哪些網(wǎng)站可以學(xué)習(xí)頁面設(shè)計，然后通過在網(wǎng)站上的學(xué)習(xí)提高自己在網(wǎng)頁設(shè)計方面的能力，提高自己的審美能力?？梢詮木W(wǎng)上學(xué)習(xí)到別人是如何進(jìn)行頁面設(shè)計的；如何進(jìn)行顏色搭配的；如何把每個頁面都做得栩栩如生的。從而培養(yǎng)自己的網(wǎng)頁設(shè)計能力，同時能夠更加完善地設(shè)計此項目的頁面排版，讓使用此系統(tǒng)的用戶都心情愉悅。3.3酒吧管理系統(tǒng)用例圖管理人員對已經(jīng)辭職的人員或者被解雇的人員，能夠刪除此員工的信息。對一些提升崗位的人員，能夠使其的權(quán)限升級，達(dá)到管理級。而對于一些新入職的員工，還能夠添加他們的信息到系統(tǒng)中，以便管理。當(dāng)知道了員工的權(quán)限級別以后，就能夠?qū)T工的工資進(jìn)行發(fā)放和管理，權(quán)限高的員工工資高，而普通的員工就工資低。并且能夠備注工資的變動原因，比如升職、降職等。還能夠?qū)瓢衫锏淖牢恍畔⑦M(jìn)行維護，當(dāng)有顧客向管理人員進(jìn)行預(yù)訂桌位時，管理員就要立即修改客戶所要求的桌位號的桌位信息，使其的狀態(tài)變成在租，目的就是讓其他顧客不能夠使用此桌位。還能備注此桌位是誰預(yù)訂的；手機號是多少；價格是多少；什么類型等。酒吧管理員還能夠?qū)瓢衫铿F(xiàn)有的食品進(jìn)行管理，把那些已經(jīng)沒有的食品從食品欄中刪除。酒吧里的員工能夠通過登錄此系統(tǒng)，使用其特定的功能進(jìn)行以下操作：(1)員工可操作管理桌位信息：員工可以根據(jù)桌位信息進(jìn)行預(yù)定，方便服務(wù)客戶。(2)酒水小食的下單：員工能夠通過此模塊為客戶進(jìn)行食品的選購。(3)我的工資查看：員工能夠查看自己的工資。(4)打卡記錄：員工可根據(jù)自己的上下班時間進(jìn)行打卡。能夠通過以上對管理員功能的描述，可以簡單的創(chuàng)建出管理員的用例圖，如圖3-1:圖3-1員工用例圖酒吧里的管理員能夠通過登錄此系統(tǒng)，使用其特定的功能進(jìn)行以下操作：(1)工資管理：管理員登錄系統(tǒng)都能夠?qū)θw員工的工資進(jìn)行查詢和修改，方便員工能過快速了解到工資信息。(2)員工管理：管理員能夠?qū)Σ缓煤霉ぷ髫澩娴膯T工進(jìn)行開除，刪除員工信息。(3)桌位管理：當(dāng)桌位的信息有所變動的時候，管理員能夠快速地對界面上桌位的信息進(jìn)行更改，保證信息的實時性。(4)食品管理：管理員核查酒吧現(xiàn)有的食品后，能夠?qū)Σ淮嬖谑称愤M(jìn)行刪除。①能夠通過以上對酒吧員工的描述，可以簡單地畫出員工的用例圖，如圖3-2:個管理員圖3-1管理員用例圖3.4酒吧管理系統(tǒng)各模塊的時序圖由于時序圖圖能夠詳細(xì)地看出來系統(tǒng)的運行狀態(tài)，并且能夠詳細(xì)地展示各界面之間的聯(lián)系。因此在本小節(jié)中將利用時序圖來詳細(xì)介紹一些功能模塊的運行狀態(tài)，主要的時序圖有以下四種：a.登陸時序圖，如圖3-3:用戶登錄界面登陸的過程如下：使用此系統(tǒng)的員工或者管理員在系統(tǒng)登錄界面，通過輸入正確的賬號密碼并且輸入相應(yīng)的驗證碼進(jìn)行登陸，當(dāng)輸入的賬號密碼有誤時，不發(fā)生跳轉(zhuǎn)；賬號密碼正確時，發(fā)生跳轉(zhuǎn)到相應(yīng)的界面。b.桌位預(yù)定時序圖，如圖3-4:圖3-4桌位預(yù)定時序圖桌位預(yù)定的過程如下：管理員登錄選擇桌位管理，彈出桌位管理界面，點擊修改桌位狀態(tài)信息，修改信息，修改成功則刷新界面并顯示新的桌位狀態(tài)。c.酒水小食時序圖，如圖3-5:圖3-5酒水小食時序圖酒水小食的過程如下：使用此酒吧管理系統(tǒng)的員工輸入正確的賬號密碼，登錄成功后，點擊酒水小食按鈕，就能夠進(jìn)入到酒吧的酒水小食頁面，能夠查看并且為顧客選購所需要的的酒水，選購?fù)瓿珊筮x擇特定桌位號進(jìn)行下單，下單后的數(shù)據(jù)將會保存到數(shù)據(jù)庫中，以便酒吧的管理。d.打卡記錄時序圖，如圖3-8:圖3-8打卡記錄時序圖打卡的過程如下：使用此酒吧管理系統(tǒng)的員工輸入了正確的賬號密碼后登錄成功，當(dāng)需要打卡時，只需要選擇打卡記錄模塊，就能夠進(jìn)入到相應(yīng)的打卡記錄頁面，員工就根據(jù)自己是上班打卡還是下班打卡來進(jìn)行打卡，打卡完成后提交打卡信息，剛剛的提交打卡信息就會顯示在打卡列表中。方便員工和管理人員的查看，以便對酒吧進(jìn)行統(tǒng)一的管理。3.5活動圖由于活動圖能夠清楚地看出每個功能模塊所運行時的活動過程，所以本小節(jié)將會用四個活動圖來描述四個功能模塊的活動狀態(tài)，并對這幾個活動圖進(jìn)行詳細(xì)的描述。在酒吧管理系統(tǒng)登錄界面的操作的工作流程為：當(dāng)使用此系統(tǒng)的用戶打開了登錄頁面，輸入對應(yīng)的賬號密碼等信息，然后點擊登錄按鈕，就會開始身份驗證和信息驗證。如果輸入的賬號密碼正確，會進(jìn)入到對應(yīng)的頁面；如果輸入賬號密碼有誤或者不存在，則不跳轉(zhuǎn)到任何界面。當(dāng)用戶進(jìn)入了相應(yīng)的界面之后，想要以其他身份登錄的用戶，要點擊退出按鈕，并且重新加載此登錄界面。桌位預(yù)定的工作步驟為：如果員工想要為顧客進(jìn)行桌位的預(yù)定，員工就要來到桌位預(yù)定的界面，并且經(jīng)過查看桌位后確定要預(yù)定的桌位，然后選擇點擊預(yù)定按鈕，點擊后會顯示一個預(yù)定桌位的方框，只需要在此方框中填寫相應(yīng)的信息就能夠為顧客進(jìn)行預(yù)定操作。當(dāng)填寫完成后就顯示此桌位已經(jīng)被預(yù)定了，則其他顧客想要預(yù)定時就能夠看到此桌位被預(yù)定。修改后的桌位預(yù)定信息就會被保存到數(shù)據(jù)庫中。方便對酒吧的管理。大止立售息面五大止立售息面五酒水小食模塊的工作步驟為：當(dāng)顧客需要下單新的食品時，只需叫來酒吧的員工，讓員工打開酒水小食的界面，查看并選購自己想要的食品，最后將自己的桌位號填寫在上面，這樣就能夠保證這些食品是送來此桌位號的，然后提交下單，下單的信息將會保存下來。打所直小度食錄揭物車思思生打卡記錄的工作步驟為：員工點擊打卡記錄，跳到打卡記錄頁面，點擊上/下班打卡，員工根據(jù)自己的上下班時間來進(jìn)行打卡上班打卡上/下班打卡提交成功打開打卡記錄界面上班打卡上/下班打卡提交成功打開打卡記錄界面下班打卡提交成功顯示打卡記錄提交成功3.6小結(jié)本章主要是對此酒吧管理系統(tǒng)預(yù)期目標(biāo)的一個分析，并且根據(jù)現(xiàn)有的條件分析出來此酒吧管理系統(tǒng)在設(shè)計上可能會面臨的各種問題，并且這些困難的問題將怎么解決。通過我對此作品的逐步設(shè)計，能夠通過使用一些圖來對此酒吧管理系統(tǒng)的相關(guān)方面進(jìn)行詳細(xì)的解釋和分析，并且能夠得到解決問題的方法，使得此酒吧管理系統(tǒng)的設(shè)計更加完善。因此此章是必不可少的一章。jdk,MySQL,maven等技術(shù)棧來實現(xiàn)的?？煞譃閮蓚€后端界面，即管理員登錄后的界管理、員工管理、桌位管理、食品管理等功能。而員工登錄能夠有桌位預(yù)定、桌位退對酒吧管理系統(tǒng)的功能模塊的分析來看，酒吧管理系統(tǒng)可以由兩個后臺模塊組上述的要求，可以簡單地畫出此酒吧管理系統(tǒng)的功能結(jié)構(gòu)，如圖4-1:酒吧管理系統(tǒng)后臺由圖可見，此酒吧管理系統(tǒng)，可以分為管理員后臺模塊和員工后臺模塊兩個后臺模塊。(1)管理員后臺模塊：使用此系統(tǒng)的管理員，在登錄界面輸入了正確的賬號密碼，經(jīng)驗證登錄成功后，就會顯示出四個功能模塊，管理員能夠使用這四個功能模塊進(jìn)行對后臺數(shù)據(jù)的維護。并且能夠?qū)σ恍?shù)據(jù)進(jìn)增刪改查。(2)員工后臺模塊：員工通過輸入正確的賬號密碼來登錄酒吧管理系統(tǒng)，主要的功能是：桌位預(yù)定，根據(jù)客戶的需求，進(jìn)行桌位的預(yù)定；酒水小食，同樣是根據(jù)客戶的需求，選購需要的食品然后下單；桌位退訂，退掉客戶不需要或者是有其他原因不能及時到達(dá)的桌位；我的工資，點擊后可以查看自己的工資；打卡記錄，可以查詢自己的打卡記錄。酒吧管理系統(tǒng)所具備的一些功能如下：酒吧的管理員：在登錄界面輸入了正確的賬號密碼，經(jīng)驗證登錄成功后，就能夠使用工資管理模塊進(jìn)行對員工的工資進(jìn)行管理，修改或者查看員工的工資；對員工進(jìn)行管理，刪除一些已經(jīng)離職的員工的信息；能夠修改桌位的狀態(tài)信息；可以刪除已經(jīng)沒有的食品。普通員工：可以進(jìn)行桌位的預(yù)定，能和管理員一起運用這一功能；根據(jù)客戶的需求來選購酒水小食等食品；通過點擊我的工資查看自己的工資，能夠更加直觀的看到自己的努力成果；通過打卡記錄能夠知道自己今天有沒有按時打卡。4.3系統(tǒng)數(shù)據(jù)庫E-R圖管理員擁有用戶ID、用戶名字、用戶密碼、用戶等級等屬性；能夠?qū)ψ牢恍畔?、工資、員工、食品進(jìn)行信息維護；并且還能夠?qū)T工進(jìn)行管理。而員工擁有用戶ID、用戶名字、用戶級別等屬性；能夠?qū)ψ牢煌擞?、打卡記錄、我的工資進(jìn)行維護或者查看。根據(jù)上述的描述，可以簡單地畫出此酒吧管理系統(tǒng)的E-R圖，如下圖所示：用戶ID用盧級別皇位號類型工資管理用戶名字用戶舊圍戶名率工資用戶密碼用戶名室用戶級別桌位退訂客戶信息用盧名室桌位號價錢酒水圖4-2總體實體E-R圖(1)管理員桌位管理E-R圖管理員桌位管理所包含的信息有以下幾個：桌位號、狀態(tài)、備注、桌位價格、類型。如圖4-5:類型(2)管理員食品管理E-R圖管理員食品管理包含的信息有以下幾個：酒水、小食、價格、名稱。如圖4-6:價格小食名稱酒水食品信息備注。如圖4-7:用戶名字用戶名字用戶級別備注工資圖4-7工資信息E-R圖(4)員工打卡記錄E-R圖員工打卡記錄所包含的信息有以下幾個：用戶ID編號、日期、備注。如圖4-8:日期日期用戶ID編號備注打卡記錄圖4-8打卡記錄E-R圖(5)員工我的工資E-R圖員工我的工資信息有以下幾個：用戶ID編號、日期、工資、用戶名字。如圖4-9:我的工資(6)員工桌位退訂E-R圖客戶信息客戶信息桌位價格桌位退訂查詢查詢修改刪除管理員增加(8)員工與我的工資、桌位退訂、打卡記錄關(guān)系E-R圖員工能夠?qū)ξ业墓べY、桌位退訂、打卡記錄進(jìn)行增加、修改、刪除、查詢。n我的工資、桌位退訂、打卡記錄、圖4-16員工與我的工資、桌位退訂、打卡記錄E-R圖4.4系統(tǒng)數(shù)據(jù)庫設(shè)計本酒吧管理系統(tǒng)一共有八個數(shù)據(jù)庫表，每個數(shù)據(jù)庫表都有著不同的含義，表示不同的信息。它們可以詳細(xì)的分成以下幾個表：桌位信息表：seat_info、上下班打卡表：sign_in、由酒吧管理系統(tǒng)功能模塊的需求，詳細(xì)地設(shè)計了以下表，如圖417:argftableNU里0字節(jié)(0)共大數(shù)據(jù)里回備份數(shù)據(jù)庫表定義：(1)seat_info表如表4-1:此表為桌位信息表。表中S_id表示桌位號，S_note表示備注信息，S_money表示桌位的價格，S_type表示桌位的類型，S_state表示桌位的狀態(tài)，即是否被預(yù)定。序號字段名稱字段類型大小(B)允許為空最大允許長18否2是38否4否5否(2)sign_in表如表4-2:此表為打卡記錄表。表中S_id表示桌位號，U_id表示用戶的序號，U_name表示員工的名字，S_date表示日期，S_note表示備注信息。序號字段名稱字段類型大小(B)允許為空最大允許長18否28否3否4否5否(3)user_info表如表4-3:此表為用戶信息表，U_id表示用戶的序號，U_name表示用戶的名字，U_pass表示用戶的密碼，U_level表示用戶的級別。序號字段名稱字段類型大小(B)允許為空最大允許長18否2是3是48是(4)wage_table表如表4-4:此表為工資表，W_id為工資序號，U_id表示用戶的序號，U_name表示用戶的名字，W_date表示工資的日期，W_note表示工資的備注信息，W_money表示工資有多少。序號字段名稱字段類型大小(B)允許為空最大允許長18否28否3否4否5是6否(5)snacks_info表如表4-5:此表是酒水小食表，其中S_id為食品的序號，S_name為食品的名稱，S_money為食序號字段名稱字段類型大小(B)允許為空最大允許長18否2是3否4否5是(6)total_money表如表4-6:序號字段名稱字段類型大小(B)允許為空最大允許長18否2否3否(7)argf_table表如表4-7:此表為桌位退訂表，A_id為桌位號，U_id為用戶序號，Customer_info為客戶信息，A_money為桌位價格，A_date為日期，A_type為桌位類型，A_lastd為最后使用時間，A_note為備注信息，A_liyou為退訂理由。序號字段名稱字段類型允許為空最大允許長18否28否30否4否5否6否7否8否9否4.5小結(jié)通過E-R圖來說明數(shù)據(jù)庫邏輯設(shè)計的情況，經(jīng)過對此項目的詳細(xì)設(shè)計，可以知道此酒吧管理系模塊、酒水小食模塊、桌位退訂模塊、我的工資模塊、打卡記錄模塊、工資管理模管理的刪除模塊等。根據(jù)以上對酒吧管理系統(tǒng)的結(jié)構(gòu)描述，可以畫出此系統(tǒng)的結(jié)構(gòu)如圖5-1所示：刪刪除食品刪除桌位修改桌位信息桌位管理查看員工信息刪除員工員工管理添加員工修改薪資工資管理查看詳細(xì)上下班打卡查看我的工資我的工資退訂查看詳細(xì)桌位退訂下單添加購物車酒水小食查看酒水價格查看桌位登陸員工登陸食口管理打卡記錄桌位預(yù)定5.2系統(tǒng)的界面設(shè)計1)使用此酒吧管理系統(tǒng)的用戶，比如員工或者管理員進(jìn)入登錄界面2)按照要求輸入賬號密碼和驗證碼。3)單擊界面的“登錄”按鈕，若用戶輸入的是正確賬號密碼和驗證碼，驗證成功后能來到相應(yīng)界面，否則將不發(fā)生跳轉(zhuǎn)。4)后臺管理界面，可以看到左邊一側(cè)導(dǎo)航欄，點擊后會跳轉(zhuǎn)到相應(yīng)的界面，都可進(jìn)行相應(yīng)的功能操作。5)查看界面后，發(fā)現(xiàn)界面含有“添加”按鈕的鍵時，可以點擊此鍵，進(jìn)行一些數(shù)據(jù)的添加操作。6)查看界面后，發(fā)現(xiàn)界面含有“修改”按鈕的鍵時，可以點擊此鍵，進(jìn)行一些數(shù)據(jù)的修改操作。7)查看界面后，發(fā)現(xiàn)界面含有“刪除”按鈕的鍵時，可以點擊此鍵，進(jìn)行一些數(shù)據(jù)的刪除操作。5.3功能子模塊設(shè)計此酒吧管理系統(tǒng)可以分成兩個大的模塊，大的模塊里面包含著許多小的模塊，大的模塊就是管理員后臺模塊、員工后臺模塊。管理員后臺模塊能夠?qū)λ膫€模塊進(jìn)行管理，即工資管理模塊、員工管理模塊、食品管理模塊、桌位管理模塊。酒吧管理員能夠?qū)φ麄€系統(tǒng)的數(shù)據(jù)進(jìn)行維護，他們能夠修改、刪除員工的信息，并且使信息能夠最快的更新出來。他們還能夠根據(jù)現(xiàn)有的食品存儲量，對酒吧里的食品進(jìn)行刪除操作。還能夠根據(jù)員工職位的變動或者工作表現(xiàn)來對員工的工資進(jìn)行修改，并且備注修改的原因是什么。他們還能對桌位的信息進(jìn)行修改，當(dāng)顧客通過他們來預(yù)定桌位時，他們能夠及時的修改桌位的狀態(tài)信息，使此桌位不能被其他顧客進(jìn)行預(yù)定。員工后臺模塊能夠?qū)σ韵挛鍌€模塊的功能進(jìn)行運用，即我的工資模塊、桌位預(yù)定模塊、酒水小食模塊、打卡記錄模塊、桌位退訂模塊。員工可以通過點擊我的工資，隨時查看自己的工資情況，是否有增加或者減少，原因是什么。員工能夠?qū)⒖蛻舨恍枰淖牢贿M(jìn)行退訂，使其桌位變成可預(yù)訂的狀態(tài)。員工還能夠進(jìn)行上下班打卡，他們可以根據(jù)自己的上下班時間，進(jìn)行上班或者下班的打卡，這樣很方便酒吧對他們的管理。他們還可以使用酒水小食模塊，為顧客們下單食品，當(dāng)顧客選擇好他們要購買的食品后，由員工為他們進(jìn)行下單，選擇好桌位號提交訂單。此項目的登錄界面可以由酒吧的管理員進(jìn)行登錄，也可以由酒吧的員工進(jìn)行登錄。登錄界面的重點是用來檢測用戶是否輸入正確密的賬號密碼，防止除了內(nèi)部人員之外的人登陸系統(tǒng)，倘若輸入的用戶名稱或者密碼不對，就不會跳轉(zhuǎn)到相應(yīng)的界面上。(1)登陸的流程圖，如圖5-2:香開始香開始利斷輸人的數(shù)據(jù)全星面塘來圖5-2登陸流程圖登錄界面的主要代碼如下所示：<divclass="layui-l>placeholder=“賬號”placeholder="密碼"placeholder="驗證碼"如果酒吧有新的員工進(jìn)來工作，酒吧的管理員就使用員工管理功能對員工進(jìn)行添(1)添加員工信息：管理員登錄后在員工列表處進(jìn)行員工信息的添加，如果添加成功則刷新員工列表，如果因為員工的數(shù)據(jù)輸入有誤則不發(fā)生跳轉(zhuǎn)，只返回到當(dāng)前員工列表的界面。酒吧員工信息的添加、刪除的主要代碼如下所示：<divclass="viewp<!--刪除--><el-dialogtitle="提示":visib><span>確認(rèn)刪除?</span><spanslot="footer"cl<divtype="primary"@click="unsubscribe">確定</div><!--添加dialog--><divclass="addMsgList">賬號：密碼：<el-inputv-model="pwd"placeholder="請輸入內(nèi)容"></el-input>名稱：<el-inputv-model="name"placeholder="請輸入內(nèi)容"></el-input><spanslot="footer"cl<divtype="primary"@click="add">確定</div>5.3.3工資管理模塊管理員能夠通過此模塊對全體員工的工資進(jìn)行管理，修改或者查看員工的工資。(1)查看工資信息：管理員登錄后進(jìn)入工資列表處，點擊查看工資的員工信息，如果獲取員工信息成功則刷新工資列表，否則重新返回到工資列表處。功如童錄頭數(shù)地罩查看工資信息的主要代碼為：<el-table-columnfixedprop="uld"label="用戶ID"width="100"><el-table-column管理員登錄后，進(jìn)入桌位管理，選擇預(yù)定或者修改桌位的信息，如果修改成功則刷新桌位的信息列表，否則返回到桌位管理處。桌位信息刪除的主要代碼為：<divclass="viewp<!--刪除--><el-dialogtitle="提示":visible.sync="dialogUn><span>確認(rèn)刪除?</span><spanslot="footer"class="dialog-footer">桌位信息添加的主要代碼為：<el-dialogtitle="添加":visible.sync="ad<divclass="addMsgList">placeholder=”請輸入內(nèi)容"座位備注：座位價格：座位類型：座位狀態(tài)：>5.3.5工資管理模塊員工登錄后進(jìn)入食品管理界面，進(jìn)行選購食品后提交下單，如果提交成功則返回到食品管理界面繼續(xù)下單。食品的選購的主要代碼為：this.$message.error("請?zhí)砑游锲泛笤儋徺I");}{this.$message.error("請輸入對應(yīng)的桌號再提交");}message:“提交成功!”,打卡記錄：員工可以根據(jù)自己的上下班時間進(jìn)行打卡，確認(rèn)時間后點擊打卡。結(jié)束數(shù)據(jù)庫打卡記錄style="width:100%;text-align:right<el-button@click="up"type="primary">上班打卡</el-button><el-button@click="down"type="primary">下班打卡</el-button><!--表格--><el-table-columnfixedprop="uld"label="用戶ID"width="100"><el-table-columnprop="sDate"label="日期"><el-table-columnprop="sNote"label="備注"><el-dialogtitle="提示":visible.sync="addDialog"width="30%"><span>確認(rèn)打卡?<spanslot="footer"cif(res.data.state==200){this.dialogUnsubscribthis.$message.error("退訂失敗!"+res.data.message);}this.$message.error("退訂失敗!"+err);5.4小結(jié)6.1測試的方式6.2測試的用例電腦型號：蘋果Mac(2)通過在Goole瀏覽器上輸入相應(yīng)的測試的網(wǎng)站，查看是否能夠正常的進(jìn)入網(wǎng)站，若出現(xiàn)連接服務(wù)器錯誤則不能開始測試，只有當(dāng)順利地進(jìn)入到網(wǎng)站的登錄界面時，也就代表能夠正常的訪問酒吧管理系統(tǒng)，則能夠直接開始測試此項目了。A.相關(guān)功能測試(1)登錄功能測試測試功能登錄測試測試時間2021年4月21日測試結(jié)果跳轉(zhuǎn)如圖6-1圖6-2ManagementSystem圖6-1登錄界面圖(2)員工信息添加功能測試測試功能測試步驟用戶ID:003測試時間測試結(jié)果用戶級別：普通用戶2021年4月21日了。因此測試結(jié)果與預(yù)期目標(biāo)相符合，達(dá)到該模塊功能的要求。 用戶ID用戶級別用戶名字添加賬號：密碼：名稱：×取消確定圖6-3添加員工圖合后臺首頁口后臺首頁章頁用戶ID用戶級別添加取消取消確定圖6-4添加失敗圖表6-3刪除測試表編號：003用戶級別：普通用戶測試時間2021年4月21日測試結(jié)果刪除功能的基本實現(xiàn)，達(dá)到該模塊功能的預(yù)它錯誤。只后臺首頁合后臺首頁人工資管理只后臺首頁合后臺首頁人工資管理溫員工管理添加取消取消圖6-5刪除員工圖白食品管理用戶ID用戶級別001超級用戶圖6-6刪除成功圖表6-4修改測試表桌位號：001狀態(tài)：可用測試時間2021年4月21日測試結(jié)果修改成功，測試結(jié)果如圖6-7圖6-8圖6-9桌位價格007已預(yù)定圖6-7修改信息圖002已預(yù)定座位號：007已預(yù)定圖6-8修改信息圖自桌位管理002已預(yù)定007已預(yù)定圖6-9修改信息圖測試功能用戶ID:001用戶級別：超級用戶工資備注：一月份測試時間測試結(jié)果工資：88882021年4月21日修改失敗，測試結(jié)果如圖6-10圖6-11模塊達(dá)到預(yù)期的要求。修改之前：用戶D用戶級別001超級用戶002普通用戶圖6-10修改工資圖修改之后：空后臺首頁用戶ID用戶級別提交失敗!工資發(fā)放失敗賬戶總余額不足!食品管理超級用戶普通用戶查看薪資員工ID:工資備注：一月份(6)桌位退訂功能測試測試功能員工ID:002訂單ID:806ccca6-7238-4a93-931b-5b0869710450桌面價格：4400桌位號：007測試時間測試結(jié)果2021年4月21日退訂桌位成功，測試結(jié)果如圖6-12圖6-13沒有桌位被預(yù)定時此界面也不會顯示退訂信b6887929-6205-4fe8-8f09-后臺首頁人點位預(yù)定遮酒水小食桌位退訂我的工資后臺首頁員工IDbb887929-6205-4fe8-8f09-王先生13333333桌位號章頁面操作▼操作查看退訂打卡記錄圖6-13退訂后桌位圖(7)打卡功能測試表6-8打卡測試表測試功能打卡記錄測試息。測試時間測試結(jié)果2021年4月21日打卡成功，測試結(jié)果如圖6-14圖6-15模塊功能能夠達(dá)到預(yù)期的目標(biāo)，滿足了此模塊的功能要自麻位退訂日期2021-03-2423:10:47圖6-14打卡前記錄圖白我的工資口后臺首頁2021-03-2423:10:47