雞蛋做網(wǎng)站整站優(yōu)化排名
隨著現(xiàn)在網(wǎng)絡(luò)的快速發(fā)展，網(wǎng)上管理系統(tǒng)也逐漸快速發(fā)展起來，網(wǎng)上管理模式很快融入到了許多企業(yè)的之中，隨之就產(chǎn)生了“基于vue的窮游管理系統(tǒng)”，這樣就讓基于vue的窮游管理系統(tǒng)更加方便簡單。
對(duì)于本基于vue的窮游管理系統(tǒng)的設(shè)計(jì)來說，系統(tǒng)開發(fā)主要是采用java語言技術(shù)，在整個(gè)系統(tǒng)的設(shè)計(jì)中應(yīng)用MySQL數(shù)據(jù)庫來完成數(shù)據(jù)存儲(chǔ)，具體根據(jù)基于vue的窮游管理系統(tǒng)的現(xiàn)狀來進(jìn)行開發(fā)的，具體根據(jù)現(xiàn)實(shí)的需求來實(shí)現(xiàn)基于vue的窮游管理系統(tǒng)網(wǎng)絡(luò)化的管理，各類信息有序地進(jìn)行存儲(chǔ)，進(jìn)入基于vue的窮游管理系統(tǒng)頁面之后，方可開始操作主控界面，主要功能包括管理員；首頁、個(gè)人中心、會(huì)員管理、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、管理員管理、我的收藏管理、系統(tǒng)管理、訂單管理，前臺(tái)首頁；首頁、景點(diǎn)信息、酒店信息、公告信息、留言反饋、個(gè)人中心、后臺(tái)管理、購物車，會(huì)員；首頁、個(gè)人中心、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、訂單管理等功能。
本論文主要講述了基于vue的窮游管理系統(tǒng)開發(fā)背景，該系統(tǒng)它主要是對(duì)需求分析和功能需求做了介紹，并且對(duì)系統(tǒng)做了詳細(xì)的測試和總結(jié)。具體從業(yè)務(wù)流程、數(shù)據(jù)庫設(shè)計(jì)和系統(tǒng)結(jié)構(gòu)等多方面的問題。望能利用先進(jìn)的計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)技術(shù)來改變目前的基于vue的窮游管理系統(tǒng)狀況，提高管理效率。
關(guān)鍵詞：基于vue的窮游管理系統(tǒng)；SSM框架，mysql數(shù)據(jù)庫，B/S模式
開發(fā)技術(shù)介紹
B/S結(jié)構(gòu)
BROWSER/SERVER程序架構(gòu)方式是使用電腦中安裝的各種瀏覽器來進(jìn)行訪問和使用的，相比C/S的程序結(jié)構(gòu)不需要進(jìn)行程序的安裝就可以直接使用。BROWSER/SERVER架構(gòu)的運(yùn)行方式是在遠(yuǎn)程的服務(wù)器上進(jìn)行安裝一個(gè)，然后在任何接入互聯(lián)網(wǎng)的電腦上訪問和使用。BROWSER/SERVER架構(gòu)的開發(fā)方式給會(huì)員帶來了極大的便利，在任何時(shí)間和地點(diǎn)都可以使用開發(fā)的程序系統(tǒng)。
在B/S的結(jié)構(gòu)中，會(huì)員可以在任何可以上網(wǎng)的地方訪問和使用系統(tǒng)網(wǎng)站的功能，沒有地域和時(shí)間等方面的限制，B/S結(jié)構(gòu)是把程序完整放置到計(jì)算機(jī)網(wǎng)絡(luò)的服務(wù)器上，通過計(jì)算機(jī)互聯(lián)網(wǎng)給用戶提供遠(yuǎn)程的網(wǎng)絡(luò)服務(wù)。在三層體系結(jié)構(gòu)的B/S系統(tǒng)中，通過瀏覽器，會(huì)員可以對(duì)很多服務(wù)器發(fā)出請(qǐng)求， B/S系統(tǒng)會(huì)很大程度的降低工作量，會(huì)員只需要安裝運(yùn)行較少的客戶端即可，大量的工作將由服務(wù)器承擔(dān)，另外，服務(wù)器也完成包括訪問數(shù)據(jù)庫，執(zhí)行應(yīng)用程序的工作等等。
B/S結(jié)構(gòu)主要有三層，分別為數(shù)據(jù)層、控制邏輯層和視圖層。用戶通過視圖層，讓控制層調(diào)用數(shù)據(jù)層的數(shù)據(jù)，從而達(dá)到整個(gè)訪問過程。三層相互獨(dú)立，維護(hù)方便，使用安全，三層有互相調(diào)用，提高效率。
2.4 SSM框架
當(dāng)今流行的“SSM組合框架”是Spring + SpringMVC + MyBatis的縮寫，受到很多的追捧，“組合SSM框架”是強(qiáng)強(qiáng)聯(lián)手、各司其職、協(xié)調(diào)互補(bǔ)的團(tuán)隊(duì)精神。web項(xiàng)目的框架，通常更簡單的數(shù)據(jù)源。Spring屬于一個(gè)輕量級(jí)的反轉(zhuǎn)控制框架(IoC)，但它也是一個(gè)面向表面的容器(AOP)。SpringMVC常常用于控制器的分類工作模式，與模型對(duì)象分開，程序?qū)ο蟮淖饔门c自動(dòng)取款機(jī)進(jìn)行處理。這種解耦治療使整個(gè)系統(tǒng)的個(gè)性化變得更加容易。MyBatis是一個(gè)良好的可持續(xù)性框架，支持普通SQL查詢，同時(shí)允許對(duì)存儲(chǔ)過程的高級(jí)映射進(jìn)行數(shù)據(jù)的優(yōu)化處理。大型Java Web應(yīng)用程序的由于開發(fā)成本太高，開發(fā)后難以維護(hù)和開發(fā)過程中一些難以解決的問題，而采用“SSM組合框架”，它允許建立業(yè)務(wù)層次結(jié)構(gòu)，并為這個(gè)問題提供良好的解決方案。
系統(tǒng)分析
?整個(gè)系統(tǒng)的功能模塊主要是對(duì)各個(gè)項(xiàng)目元素組合、分解和更換做出對(duì)應(yīng)的單元，最后在根據(jù)各個(gè)系統(tǒng)模塊來做出一個(gè)簡單的原則，系統(tǒng)的整體設(shè)計(jì)是根據(jù)會(huì)員的需求來進(jìn)行設(shè)計(jì)的。為了更好的服務(wù)于會(huì)員要從基于vue的窮游管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)方面上做出相應(yīng)的功能模塊和內(nèi)部信息保持一致的聯(lián)系。所以我們?cè)谠O(shè)計(jì)時(shí)候要避免一些代碼的相互的重復(fù)和耦合的情況發(fā)生。
系統(tǒng)功能需求分析
對(duì)于一個(gè)新的網(wǎng)站來說開發(fā)新網(wǎng)站我們就要做出這個(gè)系統(tǒng)的任務(wù)需求分析，因?yàn)閷?duì)系統(tǒng)分析的質(zhì)量好壞它可以決定這個(gè)網(wǎng)站開發(fā)的意義，俗話說得好一個(gè)好的開頭是成功的一半，對(duì)于開發(fā)這個(gè)基于vue的窮游管理系統(tǒng)來說前期的分析是比較重要的，所以任務(wù)分析它可以決定這系統(tǒng)的開展和設(shè)計(jì)，這樣就可以保證會(huì)員滿意性。
任務(wù)的需求它能決定這個(gè)系統(tǒng)開發(fā)過程當(dāng)中一個(gè)重要環(huán)節(jié)，所以我們?cè)谙到y(tǒng)開發(fā)過程所用質(zhì)量是比較重要的，因?yàn)槲覀冊(cè)谙到y(tǒng)應(yīng)用過程當(dāng)中不一定那會(huì)出現(xiàn)問題，所以我們?cè)谶M(jìn)行對(duì)系統(tǒng)分析是比較重要的，因?yàn)樗梢詻Q定這個(gè)系統(tǒng)功能和需求。
本課題要求實(shí)現(xiàn)一套基于vue的窮游管理系統(tǒng)的開發(fā)與實(shí)現(xiàn)，主要實(shí)現(xiàn)功能包括；管理員；首頁、個(gè)人中心、會(huì)員管理、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、管理員管理、我的收藏管理、系統(tǒng)管理、訂單管理，前臺(tái)首頁；首頁、景點(diǎn)信息、酒店信息、公告信息、留言反饋、個(gè)人中心、后臺(tái)管理、購物車，會(huì)員；首頁、個(gè)人中心、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、訂單管理等功能。
（1）管理員用例需求如圖3-1所示：
圖3-1管理員用例需求圖
- 會(huì)員用例需求如圖3-2所示：
圖3-2會(huì)員用例圖
- 前臺(tái)首頁用例需求如圖3-3所示：
圖3-3前臺(tái)首頁用例圖
3.4 業(yè)務(wù)流程分析
在系統(tǒng)流程分析當(dāng)中調(diào)查分析它是比較重要的環(huán)節(jié)，因?yàn)樵谶@個(gè)系統(tǒng)當(dāng)中它都涉及到每個(gè)環(huán)節(jié)的業(yè)務(wù)流程，所以從基于vue的窮游管理系統(tǒng)的整體設(shè)計(jì)上要保證各個(gè)信息的正確輸入和輸出以及對(duì)數(shù)據(jù)儲(chǔ)存的完整，并結(jié)合實(shí)際的操作步驟來繪制出具體的流程圖。具體流程圖如下圖3-4所示：
圖3-4系統(tǒng)開發(fā)流程圖
3.4.1登錄流程
為了保證系統(tǒng)的安全，會(huì)員要想進(jìn)入基于vue的窮游管理系統(tǒng)必須進(jìn)行登錄操作，會(huì)員登錄流程圖如圖3-5所示
圖3-5 登錄流程圖
?第四章 系統(tǒng)設(shè)計(jì)
4.1 系統(tǒng)的功能結(jié)構(gòu)圖
通過系統(tǒng)需求分析，本基于vue的窮游管理系統(tǒng)主要實(shí)現(xiàn)功能包括；管理員；首頁、個(gè)人中心、會(huì)員管理、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、管理員管理、我的收藏管理、系統(tǒng)管理、訂單管理，前臺(tái)首頁；首頁、景點(diǎn)信息、酒店信息、公告信息、留言反饋、個(gè)人中心、后臺(tái)管理、購物車，會(huì)員；首頁、個(gè)人中心、景點(diǎn)信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、訂單管理等功能。其功能結(jié)構(gòu)圖如下圖4-1所示：
圖4-1 系統(tǒng)功能圖
4.2 系統(tǒng)數(shù)據(jù)庫設(shè)計(jì)
?4.2.1 ?數(shù)據(jù)庫E-R圖
在該系統(tǒng)的信息中，由于數(shù)據(jù)庫的支持，我們可以對(duì)數(shù)據(jù)庫進(jìn)行收集、整理、更新和加工等操作。由于數(shù)據(jù)庫的存儲(chǔ)功能強(qiáng)大，所以數(shù)據(jù)庫已經(jīng)成為了計(jì)算機(jī)必不可少的一部分，一個(gè)數(shù)據(jù)庫的好壞直接影響該系統(tǒng)的質(zhì)量和效率。一個(gè)系統(tǒng)中的數(shù)據(jù)庫是必不可少的，并且起著決定性因素。通過之前的系統(tǒng)分析，可以規(guī)劃出本系統(tǒng)中使用的主要等，下面設(shè)計(jì)出這幾個(gè)關(guān)鍵實(shí)體的實(shí)體關(guān)系圖：
（1）會(huì)員信息實(shí)體E-R圖如圖4-2所示：
圖4-2會(huì)員信息實(shí)體圖
（2）景點(diǎn)信息實(shí)體E-R圖如圖4-3所示：
圖4-3景點(diǎn)信息實(shí)體圖
（3）酒店信息實(shí)體E- R圖，如圖4-4所示：
圖4-4酒店信息實(shí)體圖
系統(tǒng)功能實(shí)現(xiàn)
5.1登錄
管理員登錄，通過填寫用戶名、密碼、角色等信息，輸入完成后選擇登錄即可進(jìn)入基于vue的窮游管理系統(tǒng)，如圖5-1所示。
圖5-1管理員登錄界面圖
5.2管理員功能實(shí)現(xiàn)
5.2.1 景點(diǎn)信息管理
管理員對(duì)景點(diǎn)信息管理進(jìn)行填寫景點(diǎn)編號(hào)、景點(diǎn)名稱、景點(diǎn)信息、景點(diǎn)圖片、線路信息、發(fā)布日期、價(jià)格并進(jìn)行詳情、刪除、修改、查看評(píng)論等操作。景點(diǎn)信息管理效果圖如圖5-2所示。
圖5-2景點(diǎn)信息管理界面圖
5.2.2 酒店信息管理
管理員對(duì)酒店信息管理進(jìn)行查看酒店編號(hào)、酒店名稱、酒店信息、酒店圖片、酒店位置、發(fā)布日期、價(jià)格等信息進(jìn)行詳情、刪除、修改查看評(píng)論等操作。酒店信息管理效果圖如圖5-3所示。
圖5-3酒店信息管理界面圖
5.2.3會(huì)員管理
管理員對(duì)會(huì)員管理進(jìn)行編輯賬號(hào)、密碼、姓名、性別、身份證號(hào)碼、手機(jī)號(hào)碼、相片等信息進(jìn)行詳情、刪除、修改操作。會(huì)員管理效果圖如圖5-4所示。
圖5-4會(huì)員管理界面圖
5.2.4 公告信息管理
管理員對(duì)公告信息管理進(jìn)行編輯公告編號(hào)、公告標(biāo)題、相關(guān)圖片、發(fā)布日期等信息進(jìn)行詳情、刪除、修改查看評(píng)論操作。公告信息管理效果圖如圖5-5所示。
圖5-5公告信息管理界面圖
5.2.5 留言板管理
管理員對(duì)留言板管理進(jìn)行編輯用戶名、留言內(nèi)容、回復(fù)內(nèi)容等信息進(jìn)行詳情、刪除、修改操作。留言板管理效果圖如圖5-6所示。
圖5-6留言板管理界面圖
5.2.6訂單管理
管理員對(duì)訂單管理進(jìn)行編輯訂單編號(hào)、商品名稱、商品圖片、購買數(shù)量、價(jià)格/積分、折扣價(jià)格、總價(jià)格/總積分、折扣總價(jià)格、支付類型、狀態(tài)、地址等信息進(jìn)行詳情、刪除、修改操作。訂單管理效果圖如圖5-7所示。
圖5-7訂單管理界面圖
5.3前臺(tái)首頁功能實(shí)現(xiàn)
基于vue的窮游管理系統(tǒng)，在前臺(tái)首頁可以查看首頁、景點(diǎn)信息、酒店信息、公告信息、留言反饋、個(gè)人中心、后臺(tái)管理、購物車等內(nèi)容，如圖5-8所示。
圖5-8前臺(tái)首頁界面圖
5.3.1登錄、會(huì)員注冊(cè)
?登錄、會(huì)員注冊(cè)，會(huì)員通過輸入賬號(hào)、密碼、姓名、身份證號(hào)碼、手機(jī)號(hào)碼等信息進(jìn)行注冊(cè)、登錄，如圖5-9所示。
圖5-9登錄、會(huì)員注冊(cè)界面圖
5.3.2景點(diǎn)信息
景點(diǎn)信息進(jìn)行填寫景點(diǎn)編號(hào)、景點(diǎn)信息、線路信息、發(fā)布日期、價(jià)格等信息進(jìn)行添加購物車、立即購買或點(diǎn)我收藏等操作 如圖5-10所示。
圖5-10景點(diǎn)信息界面圖
5.3.3酒店信息
酒店信息，在酒店信息頁面可以填寫酒店編號(hào)、酒店信息、酒店位置、發(fā)布日期、價(jià)格等內(nèi)容進(jìn)行添加購物車或立即購買等操作 如圖5-11所示。
圖5-11酒店信息界面圖
5.3.4購物車
購物車，在購物車頁面可以填寫購買商品、價(jià)格、數(shù)量、總價(jià)等信息進(jìn)行點(diǎn)擊購買或刪除操作，如圖5-12所示。
圖5-12購物車界面圖
5.4會(huì)員功能實(shí)現(xiàn)
5.4.1景點(diǎn)信息
會(huì)員進(jìn)入景點(diǎn)信息可以查看景點(diǎn)編號(hào)、景點(diǎn)名稱、景點(diǎn)信息、景點(diǎn)圖片、線路信息、發(fā)布日期、價(jià)格等操作。景點(diǎn)信息效果圖如圖5-13所示。
圖5-13景點(diǎn)信息界面圖
5.4.2我的收藏管理
會(huì)員對(duì)我的收藏管理進(jìn)行查看收藏名稱、收藏圖片等操作。我的收藏管理效果圖如圖5-14所示。
圖5-14我的收藏管理界面圖
系統(tǒng)測試
軟件測試它是對(duì)做完一個(gè)系統(tǒng)進(jìn)行最后的一項(xiàng)工作，因?yàn)槲覀冊(cè)谧鱿到y(tǒng)的時(shí)候，在進(jìn)行編碼以后可以開始對(duì)軟件進(jìn)行測試，在測試當(dāng)中我們可以找出這個(gè)軟件的錯(cuò)誤與缺陷，這樣我們可以及時(shí)處理，不影響后期正常的使用，同時(shí)也方便我們?cè)诤笃谑褂眠^程中出現(xiàn)的問題容易去找出。所以軟件測試是解決這些問題主要手段。一般來說軟件測試在系統(tǒng)開發(fā)過程當(dāng)中占據(jù)整個(gè)系統(tǒng)設(shè)計(jì)45%的工作量。測試的目的：對(duì)于測試目的來說它主要是能夠讓我們找出這個(gè)軟件的錯(cuò)誤與缺陷，所以我們對(duì)測試的工作是比較認(rèn)真的，同時(shí)軟件測試也是非常重要的。
測試分析
經(jīng)過以上的測試與分析基于vue的窮游管理系統(tǒng)主要是從以下幾個(gè)方面來進(jìn)行的：
（1）窗體測試：為了能夠保證我們?cè)谙到y(tǒng)操作界面上彈出每一個(gè)子菜單的小窗口，我們對(duì)系統(tǒng)功能會(huì)員做了一個(gè)簡單的模擬信息操作數(shù)據(jù)，具體的每一個(gè)管理窗體它都有具體的添加、刪除等功能操作，并保證了各個(gè)窗口的功能正確實(shí)現(xiàn)。
（2）數(shù)據(jù)跟蹤：通過對(duì)該項(xiàng)目的測試以后我們可以對(duì)系統(tǒng)的查詢運(yùn)算和功能的測試做出正確的運(yùn)算，然后根據(jù)該項(xiàng)目模塊設(shè)計(jì)輸入原有的數(shù)據(jù)來進(jìn)行相應(yīng)的數(shù)據(jù)統(tǒng)計(jì)，和以前的手工計(jì)算來做比較，它是依據(jù)自己所檢驗(yàn)數(shù)據(jù)的正確來做比較的，這樣更加計(jì)算準(zhǔn)確。
（3）綜合測試：通過對(duì)以上的測試以后，我們可以對(duì)系統(tǒng)做出整體的測試，應(yīng)用系統(tǒng)功能基本符合設(shè)計(jì)來總結(jié)出自身所存在的缺陷，從而使整個(gè)程序檢查來做出階段性的判斷，從而找出系統(tǒng)所存在的錯(cuò)誤，讓系統(tǒng)變得更加完美：
用例名稱：會(huì)員登錄測試
基本描述：通過登錄擁有系統(tǒng)的管理權(quán)限
測試方案：分別使用不同的登錄方法進(jìn)行登錄，從而查看系統(tǒng)是否相應(yīng)的錯(cuò)誤和成功提示。
由于文章篇幅有限，所以只選取了幾個(gè)代表模塊進(jìn)行測試，并得到了測試結(jié)果，測試用例如下：
（1）會(huì)員登錄測試：
表6-1 登錄測試用例表
| 用例編號(hào) | UC-TEST-002 | 測試名稱 | 登錄測試 | ||
| 前提條件 | 打開首頁頁面并未登錄 | ||||
| 步驟 | 操作描述 | 數(shù)據(jù) | 期望結(jié)果 | ||
| 1 | 點(diǎn)擊登錄按鈕 | 無 | 跳轉(zhuǎn)到登錄頁面 | ||
| 2 | 填寫用戶名和驗(yàn)證碼，點(diǎn)擊登錄按鈕 | 用戶名 | 輸入框清空內(nèi)容并提示“請(qǐng)輸入用戶名和密碼” | ||
| 3 | 填寫密碼和驗(yàn)證碼，點(diǎn)擊登錄按鈕 | 密碼 | 輸入框清空內(nèi)容并提示“請(qǐng)輸入用戶名和密碼” | ||
| 4 | 填寫用戶名和密碼，點(diǎn)擊登錄按鈕 | 用戶名、密碼 | 輸入框清空內(nèi)容并提示“驗(yàn)證碼輸入錯(cuò)誤” | ||
| 5 | 填寫錯(cuò)誤的或不存在的用戶名密碼 | 用戶名、密碼 | 輸入框清空內(nèi)容并提示“用戶名或密碼錯(cuò)誤” | ||
| 6 | 填寫正確的用戶名密碼 | 用戶名、密碼 | 跳轉(zhuǎn)到首頁，右上角顯示用戶姓名 | ||
| 測試說明 | 無 | ||||
| 測試結(jié)果 | 成功 | 測試人 | |||
6.3 測試結(jié)論
排錯(cuò)它是針對(duì)自己所知道的錯(cuò)誤來做的事情并進(jìn)行解決的。而對(duì)于測試來說它是在你認(rèn)為程序能工作的情況中進(jìn)行一套整體化的試驗(yàn)。一開始做的時(shí)候我們把代碼寫的越好，在后期的工作中也就出現(xiàn)的錯(cuò)誤越少，你也就可以相信我們?cè)跍y試過程當(dāng)中所做的一切就更加徹底。同樣我們?cè)谌蘸蟮墓ぷ髦幸簿统霈F(xiàn)的問題也就越少，同樣這些毛病有可能最容易出現(xiàn)我們手工制作的過程當(dāng)中，所以我們盡可能要減少手工測試，進(jìn)行自動(dòng)測試是我們最理想的方式，所以我們?cè)谝院蟮墓ぷ髦幸鰪?qiáng)自動(dòng)測試這樣就減少我們工作中出現(xiàn)錯(cuò)誤的問題，這樣有助于我們對(duì)出現(xiàn)問題來做局部化的處理。