基于SpringBoot的景區(qū)旅游系統(tǒng)設(shè)計與實現(xiàn)目錄摘要 1第1章緒論 31.1研究背景 31.2研究現(xiàn)狀 31.3研究意義 31.4研究內(nèi)容 4第2章相關(guān)技術(shù)介紹 52.1SpringBoot 52.2Vue 52.3MyBatis 52.4MySQL 52.5Bootstrap 6第3章系統(tǒng)需求分析 73.1需求分析 73.2功能模塊分析 73.3數(shù)據(jù)庫系統(tǒng)設(shè)計 83.3.1E-R圖設(shè)計 83.3.2數(shù)據(jù)表分析 11第4章系統(tǒng)實現(xiàn) 154.1首頁 154.2景區(qū)信息 164.3交通路線信息 184.4景區(qū)設(shè)施信息 194.5登錄注冊 204.6留言 214.7評論 214.8公告 224.9系統(tǒng)測試 22第5章總結(jié) 25參考文獻(xiàn) 26PAGE\*Arabic1摘要人們生活水平在提高，對生活質(zhì)量的要求也在提高，除了要增加收入改善生活以外，也需要增加精神生活，而旅游就是一種廣泛被接受的方式。節(jié)假日的各大4A/5A景區(qū)人員爆滿，給人們的出行帶來了非常多的不便，如何在享受美景的同時能夠有較好的旅游感受非常重要。開發(fā)景區(qū)旅游系統(tǒng)的目的就是為了給用戶提供相關(guān)景區(qū)信息，方便用戶安排出行旅游。景區(qū)旅游系統(tǒng)采用JAVA結(jié)合MySQL技術(shù)綜合開發(fā)，實現(xiàn)了景區(qū)介紹、景區(qū)公交線路、景區(qū)吃住行設(shè)施、景區(qū)周邊、公告信息、留言信息等模塊，可以為用戶提供查詢景區(qū)的相關(guān)信息。景區(qū)旅游系統(tǒng)的開發(fā)，為出游提供參考信息，方便用戶提前了解旅游目的地的情況，提前做好出行安排，提高出游效率。

關(guān)鍵詞：景區(qū)旅游系統(tǒng)；SpringBoot；MySQL；景區(qū)設(shè)施第1章緒論1.1研究背景現(xiàn)代社會人們的生活標(biāo)準(zhǔn)越來越高，追求的生活品質(zhì)也越來越高，從而給我們帶來的生活壓力也越來越大，再加上疫情過后，相關(guān)出行政策慢慢放開，所以人們出行旅游的愿望非常強(qiáng)烈，都希望通過旅游緩解工作壓力。旅游行業(yè)如火如荼，因此旅游系統(tǒng)也成為時代發(fā)展的主題，它更加符合現(xiàn)代人的消費(fèi)方式，滿足人們對于旅行出發(fā)前準(zhǔn)備更加嚴(yán)格的要求。游客在外出旅游之前，通過景區(qū)旅游系統(tǒng)查詢了解目的地景點的詳細(xì)介紹和指南攻略，確定自己的出游路線，然后根據(jù)路線預(yù)定交通工具、住宿酒店和門票，到達(dá)目的地后進(jìn)行游玩，完成旅行后，可以對景點進(jìn)行評價與網(wǎng)友分享體驗。傳統(tǒng)的報紙、雜志、電視等不再能滿足人們的旅游需求，可以說景區(qū)旅游系統(tǒng)的出現(xiàn)，使游客與旅游地的距離縮短，人們不再在看不見摸不著的情況下來到目的地，不再對自己的行程毫無準(zhǔn)備。景區(qū)旅游系統(tǒng)向用戶展現(xiàn)了各種旅游信息頁面，為游客簡化了傳統(tǒng)形式上查詢信息的過程，通過使用系統(tǒng)提升旅游的效率，享受旅游的樂趣，擴(kuò)寬了游客的眼界。1.2研究現(xiàn)狀在互聯(lián)網(wǎng)行業(yè)里，我國景區(qū)旅游系統(tǒng)的發(fā)展已經(jīng)得到了飛躍式的進(jìn)步，猶如馬蜂窩旅游網(wǎng)、同程旅游網(wǎng)、途牛旅游網(wǎng)等熱門旅游網(wǎng)站慢慢成熟起來。景區(qū)旅游系統(tǒng)作為一種綠色高效快捷的方式提供給用戶使用，向用戶推薦熱門景點，協(xié)助用戶查詢各大地區(qū)內(nèi)景點，幫助用戶查詢到更加清晰的交通路線信息，出行的同時，還可以協(xié)助用戶了解到當(dāng)?shù)氐木频曜∷扌畔?，飲食方面也可以查詢到?dāng)?shù)氐母鞣N美食信息等等。即便游客與景點目的地相隔千里，由于景區(qū)旅游系統(tǒng)的出現(xiàn)，某種意義上也極大縮進(jìn)了游客與目的地的距離，游客不再在無目的、無方向、不知所措的狀態(tài)下來到目的地，使用戶在旅行過程中以快捷高效率地方式保持身心上的愉快。1.3研究意義景區(qū)旅游系統(tǒng)對各個景區(qū)的景點信息進(jìn)行資源整合，管理員及時更新和上傳景點信息，提供當(dāng)?shù)鼐包c的公交線路信息，并對景點周圍的公共設(shè)施實現(xiàn)綜合、實時、交互、準(zhǔn)確的發(fā)布，供游客網(wǎng)上檢索，幫助游客對旅行前進(jìn)行一個詳細(xì)的參考，以最快捷的方式做出最優(yōu)質(zhì)的旅行計劃，增強(qiáng)游客體驗。景區(qū)旅游系統(tǒng)替代了傳統(tǒng)參考旅游外出的方式，成為了現(xiàn)在用戶最喜歡、最快捷了解旅游信息更清楚的系統(tǒng)。景區(qū)旅游系統(tǒng)的出現(xiàn)給旅游業(yè)帶來了新的契機(jī)，逐漸成為用戶網(wǎng)上了解旅游的重要方式，開發(fā)一個穩(wěn)定的適用性好的景區(qū)旅游系統(tǒng)具有非常重要的意義。通過景區(qū)旅游系統(tǒng)的建設(shè)，將景區(qū)中的景點信息所涵蓋的行、食、住、游、娛進(jìn)行歸納和整理，使用戶感受到快捷方便的服務(wù)，讓旅游經(jīng)濟(jì)效應(yīng)發(fā)揮出最大效果。最后，增強(qiáng)游客出行體驗，使用戶出行前及時做好旅游計劃，是景區(qū)旅游系統(tǒng)的最重要的目標(biāo)。1.4研究內(nèi)容本文主要是描述一個景區(qū)旅游系統(tǒng)的設(shè)計和實現(xiàn)，主要內(nèi)容如下。第一章，緒論。主要是描述開發(fā)景區(qū)旅游系統(tǒng)的前期工作，對開發(fā)前的各項任務(wù)進(jìn)行構(gòu)思，為景區(qū)旅游系統(tǒng)的開發(fā)做鋪墊。第二章，相關(guān)技術(shù)介紹。對開發(fā)景區(qū)旅游系統(tǒng)所用到的配置環(huán)境和相關(guān)技術(shù)進(jìn)行闡述歸納。第三章，系統(tǒng)需求。本章通過對大量游客的旅行體驗進(jìn)行歸納，總結(jié)并列出需求進(jìn)行分析。第四章，系統(tǒng)實現(xiàn)介紹。在確定景區(qū)旅游系統(tǒng)所實現(xiàn)的各項功能后，對整個項目系統(tǒng)進(jìn)行詳細(xì)介紹，這一章包括對應(yīng)模塊的功能詳細(xì)描述、對應(yīng)模塊用戶使用過程描述、對應(yīng)模塊技術(shù)實現(xiàn)方法描述，并在各個描述下方展示運(yùn)行截圖。第五章，總結(jié)。本章是對景區(qū)旅游系統(tǒng)的總結(jié)，對景區(qū)旅游系統(tǒng)的優(yōu)缺點進(jìn)行分析，以及對旅游系統(tǒng)的題目選擇、設(shè)計方法、實現(xiàn)功能、自身提高及收獲等方面逐一展開文字描述，最后對系統(tǒng)存在不足簡單闡述。第2章相關(guān)技術(shù)介紹2.1SpringBootSpringBoot框架的注解式開發(fā)，是其最為顯著的特點，在我們開發(fā)中將springBoot理解為開發(fā)者的倉儲配置，這樣在代碼編寫中可以減少諸多工作，例如其內(nèi)部嵌入tomcat等servlet容器和spring自動配置容器，是所有系統(tǒng)開發(fā)者們最為歡迎的特點之一。其設(shè)計目的是用來易化項目的初始搭建以和開發(fā)過程。，從而使用戶不再需要定義樣板化的配置，它可以讓編碼更加簡單，讓配置和部署項目更加容易上手。SpringBoot是啟動spring項目一種工具，作為一些庫的集合，可以被用戶在所有項目的構(gòu)建系統(tǒng)所發(fā)揮出它的作用。2.2VueVue主要負(fù)責(zé),與后臺進(jìn)行數(shù)據(jù)交互,查詢,保存數(shù)據(jù)。它所關(guān)注的核心是MVC模式中的視圖層，同時，它也能方便地獲取數(shù)據(jù)更新，并通過組件內(nèi)部特定的方法實現(xiàn)視圖與模型的交互。通俗的來講，Vue就是一個已經(jīng)搭建好的空屋，與單純使用jQuery這種庫比，可以更好地實現(xiàn)代碼復(fù)用，減少工作量；與Angular.js這種家具電器一應(yīng)俱全的框架相比又不會一件件挑選，把自己不喜歡再一件件的扔了，甚至required必須用且耗費(fèi)空間的。簡而言之，Vue做了必須的事，又不會做職責(zé)之外的事。2.3MyBatisMyBatis總而言之就是一個聯(lián)接數(shù)據(jù)庫的東西，而且符合JPA規(guī)范，用來連接數(shù)據(jù)庫對項目通過增刪改查等進(jìn)行操作。JDBC封裝在它的內(nèi)部，驅(qū)動的加載、創(chuàng)建相關(guān)的連接、statement的創(chuàng)建等繁瑣的過程，用戶開發(fā)時只需要注意怎么編寫SQL語句，就可以嚴(yán)格要求控制SQL執(zhí)行性能，并且它的靈活度也很高。MyBatis入門門檻并不是很高，學(xué)習(xí)成本可以忽略不計，讓用戶把注意力放在SQL語句上，用戶使用起來對SQL語句優(yōu)化非常簡潔方便，適用于需求變化較多的系統(tǒng)，比如一些互聯(lián)網(wǎng)項目。2.4MySQLMySQL是用戶在處理項目后臺數(shù)據(jù)的時候經(jīng)常用到的一個數(shù)據(jù)庫，同時也是一個可以處理項目復(fù)雜繁瑣數(shù)據(jù)的管理系統(tǒng)。為了添加、查詢和更改存儲在項目數(shù)據(jù)庫中的數(shù)據(jù)信息，用戶此時就需要一個數(shù)據(jù)庫管理系統(tǒng)軟件，MySQL就很適合擔(dān)任這個任務(wù)。因為我們的電腦和項目需要對大量的數(shù)據(jù)信息進(jìn)行分析和處理，作為項目程序或是別的系統(tǒng)的一部分，此時MySQL數(shù)據(jù)庫管理系統(tǒng)軟件在數(shù)據(jù)處理和分析中發(fā)揮著十分重要的作用。2.5Bootstrap做前端效果的代碼框架有很多，Bootstrap就是其中之一的框架。可以通過html的標(biāo)簽然后調(diào)用它的類，就能非常高效率的做出一個讓用戶眼睛滿意的前臺效果，簡約又不失大氣。開發(fā)者完全不用擔(dān)心兼容問題，它供給了非常多的前臺樣式，可以放心使用Bootstrap框架。開發(fā)者在開發(fā)Web項目時，它幾乎是大部分人在開發(fā)前端代碼項目部分時都會選擇的組件。Bootstrap提供給開發(fā)者幾乎全部的基本模塊，開發(fā)者具備了這些條件后，完全可以憑借它搭建一個不錯的Web項目，運(yùn)行之后看起來更兼容更美觀。第3章系統(tǒng)需求分析3.1需求分析當(dāng)用戶制定外出旅游計劃時，需要對旅行信息進(jìn)行查詢和了解，景區(qū)旅游系統(tǒng)為此進(jìn)行開發(fā)。首先用戶最先制定的是地點，可以在系統(tǒng)首頁下方熱門推薦處，了解最多人喜歡去的地方，推薦內(nèi)容也可以協(xié)助沒有主意的用戶進(jìn)行參考，還可以在景區(qū)信息頁面根據(jù)想去的地區(qū)進(jìn)行選擇景點。其次用戶到了景點，需要了解景點當(dāng)?shù)氐墓宦肪€信息，方便用戶出行，用戶便可以在系統(tǒng)的公交路線信息頁面查詢。用戶在景點人生地不熟，對景點附近的吃住并不了解，此時用戶就可以在景點設(shè)施頁面根據(jù)景點名稱可以查詢附近的酒店、美食、醫(yī)院銀行等。最后用戶在旅行過程中或回家后可以對景點進(jìn)行好評或者吐槽。經(jīng)過分析可知，用戶非常需要景區(qū)旅游系統(tǒng)。3.2功能模塊分析1.用戶/管理員的登錄注冊模塊本系統(tǒng)為了方便管理，將登錄權(quán)限分為普通用戶登錄和管理員登錄。普通用戶登錄前也可進(jìn)行查看景區(qū)系統(tǒng)的景點信息，公交路線的查詢等，但是要參與評論、留言就要登錄。本景區(qū)系統(tǒng)管理員登錄后，可以在后臺對整個系統(tǒng)進(jìn)行管理，比如景區(qū)景點信息的更新、公交路線的添加、不良評論留言的刪除等。2.景區(qū)信息模塊為了方便用戶使用本系統(tǒng)時對某個景點的查看，本系統(tǒng)將景區(qū)信息模塊根據(jù)中國的七大地理分區(qū)分成了七塊內(nèi)容，用戶可以根據(jù)地域分類，點擊進(jìn)行查看自己想要去的景點信息，景點的詳情介紹里有旅行者最想知道的景點的基本介紹、開放時間、交通路線、門票價格等，方便用戶參考并定制計劃。3.公交路線信息模塊用戶外出旅行比較擔(dān)心的就是出行路線，采用經(jīng)濟(jì)適用綠色出行的方式，此模塊便羅列了景點的公交路線信息。為了方便用戶使用此功能，可以通過在班次、起始站終點站、首末班時間或者途經(jīng)景點的搜索框里編輯關(guān)鍵詞進(jìn)行檢索。4.景區(qū)設(shè)施信息模塊當(dāng)用戶到了某個景點，肯定需要了解當(dāng)?shù)鼐包c的相關(guān)信息，比如在哪個酒店住宿，當(dāng)?shù)鼐包c的小吃有什么，可以進(jìn)行的娛樂有什么，或者想找當(dāng)?shù)氐募佑驼俱y行和醫(yī)院。景區(qū)旅游系統(tǒng)就為此開發(fā)景區(qū)設(shè)施信息模塊，方便用戶提前參考。5.公告模塊為了方便用戶了解本系統(tǒng)官方發(fā)布的消息，景區(qū)旅游系統(tǒng)設(shè)置了公告模塊，管理員定期進(jìn)行景區(qū)公告信息披露和上傳熱門景點旅行攻略，便于大家及時掌握景區(qū)相關(guān)信息。6.評論景區(qū)旅游系統(tǒng)為了方便用戶與用戶之間的交流，便在每個景點下方設(shè)置了評論區(qū)域，用戶就此可以參考某個景點下方的評價然后再定制出行計劃。3.3數(shù)據(jù)庫系統(tǒng)分析3.3.1E-R圖設(shè)計旅游系統(tǒng)的設(shè)計與實現(xiàn)中，將平臺分為前后臺系統(tǒng)，按首頁、景區(qū)信息、公告、信息、評價和后臺登錄等模塊。旅游系統(tǒng)的需求與系統(tǒng)設(shè)計的給出管理者和用戶兩大塊角色設(shè)計，我們在使用平臺各個步驟和功能模塊的E-R關(guān)系實體圖進(jìn)行規(guī)劃。1.用戶實體用戶實體主要包括用戶名、密碼、性別、住址、郵箱、聯(lián)系電話。用戶實體E-R圖如圖1所示。用戶用戶用戶名性別住址郵箱聯(lián)系電話密碼圖1用戶實體E-R圖2.管理員實體管理員實體包括登錄名、密碼、管理員信息。管理員實體E-R圖如圖1-2所示。管理員管理員管理員信息登錄名密碼圖2管理員實體E-R圖3.景區(qū)公交實體景區(qū)公交實體包括公交車名稱、始發(fā)站、到達(dá)站、最早時間、最晚時間、途經(jīng)車站。景區(qū)公交實體E-R圖如圖1-3所示。景區(qū)公交信息景區(qū)公交信息公交車名稱始發(fā)站到達(dá)站最早時間最晚時間途徑站點圖3景區(qū)公交實體E-R圖4.景點信息實體景點信息實體包括名稱實體、簡介實體、特色實體、開放時間實體、門票價格實體、交通路線實體。景點信息E-R圖如圖所示。景點信息景點信息名稱簡介特色開放時間門票價格交通路線圖4景點信息E-R圖5.系統(tǒng)實體系統(tǒng)實體E-R圖包括用戶實體、管理員實體、景區(qū)公交實體。系統(tǒng)實體E-R圖如圖所示。管理員密碼管理員密碼管理員賬號管理員管理管理管理用戶景區(qū)實體景區(qū)實體公交景點信息公交路線信息用戶名密碼圖5系統(tǒng)實體E-R圖3.3.2數(shù)據(jù)表設(shè)計數(shù)據(jù)庫是此景區(qū)旅游系統(tǒng)的重要后臺支撐，關(guān)聯(lián)整個景區(qū)系統(tǒng)數(shù)據(jù)，后臺數(shù)據(jù)如果出現(xiàn)差錯，項目就不能正常的運(yùn)行起來。所以開發(fā)者在數(shù)據(jù)庫的設(shè)計方面，要遵循數(shù)據(jù)庫的設(shè)計原則，使后臺數(shù)據(jù)更正確更合理。合理設(shè)計數(shù)據(jù)表結(jié)構(gòu)，規(guī)劃表字段，建立數(shù)據(jù)之間的合理關(guān)系；同時還需要滿足基本表和其字段之間，在保證數(shù)據(jù)庫運(yùn)行效率的情況下盡量滿足第三范式。1.用戶表本旅游系統(tǒng)設(shè)計的用戶/管理員表，用于存儲用戶和管理員的信息，用戶表如表1所示。表1用戶表字段類型備注約束idbigint(20)ID否,自增namevarchar(255)名字是passwordvarchar(255)密碼是nickNamevarchar(255)別名是sexvarchar(255)性別是birthdayint(10)生日是agevarchar(255)年齡是Cardidvarchar(255)身份證是Telvarchar(255)手機(jī)號是addressvarchar(255)地址是Codevarchar(255)編號是Emailvarchar(255)郵箱是accountdouble(10,2)余額是Levelint(10)權(quán)限等級否2.景區(qū)信息表本旅游系統(tǒng)設(shè)計的景區(qū)信息表，用于存儲景區(qū)信息。如表2所示。表2景區(qū)信息表字段類型備注約束idbigint(20)ID否,自增namevarchar(255)景區(qū)名是imagevarchar(255)圖片是userNamevarchar(255)上傳人是levelint(10)用戶等級是uploadUserldbigint(20)用戶id是descriptionvarchar(255)簡介是filedbigint(20)文件id是fileNamevarchar(255)文件名是3.公交路線信息表本旅游系統(tǒng)設(shè)計的公交路線信息表，用于存儲公交路線信息。如表3所示。表3公交路線信息表字段類型備注約束idbigint(20)ID否,自增namevarchar(255)班次是startTimevarchar(255)首班車時間是startvarchar(255)起始站是endvarchar(255)終點站是pathvarchar(255)線路是endTimevarchar(255)末班車時間是tjjdvarchar(255)途經(jīng)景點是4.景區(qū)設(shè)施信息表本旅游系統(tǒng)設(shè)計的景區(qū)設(shè)施信息表，用于存儲景區(qū)設(shè)施信息。如表4所示。表4景區(qū)設(shè)施信息表字段類型備注約束idbigint(20)ID否,自增namevarchar(255)景區(qū)名稱是jiudianvarchar(255)酒店是meishivarchar(255)美食是shangchangvarchar(255)商場是yulevarchar(255)娛樂是jiayouzhanvarchar(255)加油站是yiyuanvarchar(255)醫(yī)院是yinhangvarchar(255)銀行是5.公告信息表本旅游系統(tǒng)設(shè)計的一個公告表，用于存儲管理員發(fā)布的旅游系統(tǒng)的公告，如表5所示。表5公告信息表字段類型備注約束idbigint(20)ID主鍵，自增namevarchar(255)公告名稱是contentlongtext公告內(nèi)容是timevarchar(255)公告時間是

第4章系統(tǒng)實現(xiàn)本系統(tǒng)已得到逐漸的實現(xiàn)和完善，本章將對系統(tǒng)主要模塊進(jìn)行詳細(xì)描述，分別為對應(yīng)模塊的功能詳細(xì)描述、對應(yīng)模塊用戶使用過程描述、對應(yīng)模塊技術(shù)實現(xiàn)方法描述，并且對該系統(tǒng)主要頁面進(jìn)行圖片展示。4.1首頁景區(qū)旅游系統(tǒng)的首頁頂部是天氣信息功能以及用戶或管理員登錄注冊的區(qū)域。頂部下方是導(dǎo)航欄，導(dǎo)航欄內(nèi)容分別為首頁、公告信息、景區(qū)信息、公交路線信息、景區(qū)設(shè)施信息、景區(qū)周邊信息、留言信息。導(dǎo)航欄下方為景點輪播圖區(qū)域，對景點進(jìn)行輪播。輪播圖下方為熱門景點推薦區(qū)域，系統(tǒng)根據(jù)景點的點擊量高至低進(jìn)行推薦，將點擊量最高的景點推薦在首頁。用戶進(jìn)入到景區(qū)旅游系統(tǒng)時，先看到的是首頁，首頁頂部的天氣信息系統(tǒng)根據(jù)用戶的IP地址可以獲取當(dāng)?shù)氐奶鞖庑畔?。用戶在首頁中間可以看到景點的宣傳輪播圖。然后當(dāng)用戶看到熱門景點推薦的區(qū)域時，可以對這些景點進(jìn)行參考，用戶點擊進(jìn)去熱門景點進(jìn)行查看景點的詳細(xì)信息，幫助沒有計劃的用戶起到一個推薦和參考的作用。首頁界面圖如圖6所示。圖6首頁界面首頁的熱門景點推薦信息是通過請求后端的熱門推薦接口來獲取最新的數(shù)據(jù),在首頁頁面加載時請求后臺接口查詢數(shù)據(jù),推薦的算法是根據(jù)景點的點擊量從高到低來進(jìn)行排序,點擊量或瀏覽量越高,顯示的越靠前,實現(xiàn)方法是后臺接口在controller層調(diào)用service接口層方法來調(diào)用Dao層方法執(zhí)行SQL語句進(jìn)行查詢,通過拼接一段orderbyclickeddesc的SQL語句即可完成按照點擊量從高到底的排序方式進(jìn)行顯示.景點的詳情頁被點擊瀏覽時,在獲取景點詳情的接口中,將點擊量加1后,更新進(jìn)數(shù)據(jù)庫,并返回頁面,實時刷新數(shù)據(jù),每次進(jìn)入首頁可顯示最新的熱門推薦。4.2景區(qū)信息景區(qū)信息頁面根據(jù)中國的七大地理分區(qū)進(jìn)行分類，分別是華東地區(qū)、華南地區(qū)、華北地區(qū)、華中地區(qū)、西南地區(qū)、西北地區(qū)、東北地區(qū)，各個地區(qū)頁面內(nèi)有多個景點。管理員在后臺可以對景區(qū)地區(qū)進(jìn)行管理，可以增加刪減區(qū)域，更換區(qū)域展示圖。同時管理員在后臺也可以對景點信息進(jìn)行更新、增加以及刪減。用戶根據(jù)自己想去的目的地，點擊相關(guān)地理分進(jìn)入景點信息概覽頁面，找到詳細(xì)的景點，點擊進(jìn)去跳轉(zhuǎn)景點的詳細(xì)信息，包括景點的基本介紹，景點的獨(dú)有特色、日常的開放時間和旅行者比較關(guān)心的門票價格，還有可以到達(dá)景點的路線推薦，根據(jù)路線就更容易定制計劃。景點信息下方還有用戶評論，可以查看其他人的評論，參考相關(guān)旅游意見，來定制自己的景點旅行計劃。景區(qū)信息如圖7所示，景點詳細(xì)信息如圖8所示。圖7景區(qū)信息圖圖8景點詳細(xì)信息圖景區(qū)和景點屬于從屬關(guān)系，一對多的關(guān)系。一個景區(qū)可以設(shè)置多個景點，一個景點只屬于一個景區(qū)。前端頁面只負(fù)責(zé)顯示景區(qū)和景點的數(shù)據(jù)，通過請求后臺接口查詢顯示最新的景區(qū)數(shù)據(jù)，點擊景區(qū)傳遞景區(qū)id到j(luò)ingquInfo頁面，在這個頁面接收并通過請求接口傳遞景區(qū)id到后臺，根據(jù)景區(qū)id查詢景點表中對應(yīng)的的景點數(shù)據(jù)信息，并將查詢出來的數(shù)據(jù)集合封裝到Result類中返回頁面顯示。在編輯，添加景點時，景區(qū)數(shù)據(jù)須在后臺通過管理員登錄進(jìn)行編輯處理，首先添加景區(qū)信息，點擊添加按鈕，在彈窗內(nèi)完成信息填寫，點擊保存，通過后臺接口提交數(shù)據(jù)，后臺接收J(rèn)ingquArea類的參數(shù)，就是剛才所填的數(shù)據(jù)，如此完成數(shù)據(jù)的傳遞，并調(diào)用Service層的接口方法，傳遞JingquArea類參數(shù)到Dao層的方法，在Dao層調(diào)用MyBatis內(nèi)置的插入數(shù)據(jù)的方法，將數(shù)據(jù)保存進(jìn)數(shù)據(jù)庫。在景點信息頁面，點擊添加按鈕進(jìn)行景區(qū)的添加，當(dāng)點擊添加按鈕后，觸發(fā)按鈕的點擊事件方法，并調(diào)用后臺接口查詢數(shù)據(jù)庫中所有的景區(qū)數(shù)據(jù)并顯示在下拉選擇框中，當(dāng)選中某個景區(qū)時，顯示的是選中的景區(qū)名字，實質(zhì)上保存并傳遞的是所選中的景區(qū)id，填好數(shù)據(jù)并提交，這樣就完成了一次景點信息添加，數(shù)據(jù)保存原理的流程與景區(qū)一樣，不同點或核心點就是存有景區(qū)id，以此鑒別景點屬于哪個景區(qū)。修改景點為其他景區(qū)時選中其他景區(qū)，提交保存，保存其他景區(qū)id，即可完成一次修改。4.3交通路線信息用戶點擊導(dǎo)航欄公交路線信息按鈕可以看到公交班次、首班車時間、末班車時間、起始站、終點站、線路、途經(jīng)景點以及詳情。用戶在搜索班次的輸入框內(nèi)輸入想要查詢的班次，或者根據(jù)起始站終點站名稱在搜索框里輸入站點名稱即可搜索，或者根據(jù)首班末班時間在搜索框里輸入時間也可以進(jìn)行查詢，或者想看途經(jīng)哪些站點，也可以在搜索框里輸入站點名稱然后進(jìn)場查看。交通路線信息如圖9所示

圖9公交路線信息圖公交路線信息頁面寫有班次，起始站，終點站等各種參數(shù)，每個參數(shù)對應(yīng)數(shù)據(jù)庫中對應(yīng)的字段，頁面加載時請求后臺的分頁接口，默認(rèn)不傳遞參數(shù)任何參數(shù)，后臺接口調(diào)用service接口方法，然后調(diào)用Dao層方法執(zhí)行相應(yīng)的SQL語句來進(jìn)行查詢數(shù)據(jù)，并將結(jié)果數(shù)據(jù)集合封裝到Result類返回頁面顯示。當(dāng)用戶輸入查詢參數(shù)時，通過判斷參數(shù)是否為空來拼接請求接口url的參數(shù)，并傳遞到后臺接口controller層，調(diào)用service層方法查詢數(shù)據(jù)，流程與上面無參數(shù)查詢一樣。編輯，添加數(shù)據(jù)須管理員登錄后臺進(jìn)行操作，點擊添加按鈕，填寫數(shù)據(jù)信息，提交數(shù)據(jù)到后臺接口，并表用相應(yīng)的service接口方法進(jìn)行處理保存。4.4景區(qū)設(shè)施信息景區(qū)設(shè)施信息頁面可以查看目的景點附近的相關(guān)設(shè)施，有景點附近的酒店，景點內(nèi)的美食，景點附近的商場，可以進(jìn)行的娛樂活動，自駕去的用戶可以查詢當(dāng)?shù)鼐包c附近的加油站，同時也有距離景點最近的醫(yī)院和銀行。用戶在景區(qū)設(shè)施頁面可以根據(jù)景點名稱進(jìn)行檢索，輸入目的地景點可以查詢到當(dāng)?shù)鼐包c的酒店、美食、商場、娛樂活動、加油站、醫(yī)院和銀行，對用戶起到一個定制旅行計劃的作用，可以提前了解當(dāng)?shù)鼐包c附近信息，避免耽擱旅行計劃。景區(qū)設(shè)施信息如圖10所示圖10景區(qū)設(shè)施信息圖景區(qū)設(shè)施信息表的數(shù)據(jù)查詢邏輯與公交路線信息查詢邏輯一樣，頁面設(shè)置參數(shù)查詢，這個頁面只需設(shè)置一個景點名稱即可，頁面剛加載進(jìn)來時時默認(rèn)無參數(shù)查詢，在Vue代碼的created生命周期方法中調(diào)用查詢數(shù)據(jù)的方法，該方法中將用戶輸入的查詢參數(shù)進(jìn)行拼接到后臺接口url中，由接口方法調(diào)用service方法查詢并返回數(shù)據(jù)庫中的數(shù)據(jù)。4.5登錄注冊登錄和注冊功能分布在每一個頁面的頂部區(qū)域，在每一個頁面都可以看到。使用者登在錄后臺的時候可以選擇不同的身份進(jìn)行登錄，管理員登錄賬號admin，默認(rèn)密碼123456。新用戶在此處點擊注冊按鈕充實個人信息完成注冊后，可以登錄網(wǎng)站可以進(jìn)行對景點評論留言等。通過前端注冊頁注冊的賬號，默認(rèn)時屬于普通用戶，填寫數(shù)據(jù)提交時，默認(rèn)傳遞level默認(rèn)參數(shù)值等于2，則代表當(dāng)前賬號用戶組或用戶類型屬于普通用戶賬號，當(dāng)level值等于1時,則表示賬號為管理員賬戶，并通過后臺的注冊接口“/register”傳遞注冊數(shù)據(jù)到后臺，并讀取出level參數(shù)，判斷參數(shù)值屬于用戶還是管理員，當(dāng)level等于1是則調(diào)用管理員的service層接口方法進(jìn)行保存數(shù)據(jù)，否則調(diào)用用戶的service接口方法進(jìn)行相應(yīng)的保存數(shù)據(jù)操作。圖11管理員身份登錄4.6留言留言功能是景區(qū)旅游系統(tǒng)專門為用戶發(fā)表意見和提出建議設(shè)置的。用戶在留言信息界面可以進(jìn)行留言，留言后有彈窗提示留言成功。用戶也可以看到其他用戶的留言信息，可以相互汲取彼此的看法，對景點對網(wǎng)站可以提出寶貴意見。管理員可以對前臺的留言信息進(jìn)行管理，對不健康的留言進(jìn)行及時刪除。留言信息頁面如圖12所示。圖12留言留言板的提交留言需要登錄才可以發(fā)表評論，在提交評論前通過Vue語法代碼檢查當(dāng)前用戶登錄狀態(tài)，存在用戶數(shù)據(jù)即為已經(jīng)登陸，可以發(fā)布評論，否則彈窗提示未登錄。通過登錄校驗后取出用戶名和留言內(nèi)容以及留言時間封裝到Json對象中，并通過axios插件以post方式請求后臺接口,將留言信息傳遞到后臺接口，由后臺接口處理數(shù)據(jù)，調(diào)用service層接口方法進(jìn)行插入數(shù)據(jù)，并將已保存的數(shù)據(jù)返回到頁面中顯示。4.7評論景區(qū)信息中的每一個景點底部都有用戶評論區(qū)域，網(wǎng)友可以對當(dāng)?shù)鼐包c進(jìn)行評價和分享自己的旅行心得。也可以看到其他用戶對相關(guān)景點的評論，在用戶定制旅行計劃之前可以根據(jù)用戶或網(wǎng)友評論進(jìn)行對比，定制最終的旅行計劃。同時，用戶可以在此處進(jìn)行討論、反饋，達(dá)到交流的目的。管理員也可以對不良評論或惡意抹黑評論進(jìn)行處理。評論界面如圖13所示。圖13評論界面整個系統(tǒng)的評論實現(xiàn)基本一致，評論和留言表中設(shè)置有用戶名和評內(nèi)容等字段，通過接口提交評論數(shù)據(jù)，到后臺，調(diào)用service方法保存用戶名和評論內(nèi)容數(shù)據(jù)，另外設(shè)置一個parentId的字段，數(shù)據(jù)值是上一級評論的主鍵id,以此用來標(biāo)識上級是哪個評論，并完成評論的層級或從屬關(guān)系的關(guān)聯(lián)。景點評論中除了parentId字段外，額外有一個foreignId，代表關(guān)聯(lián)的模塊id，頁面請求后臺數(shù)據(jù)接口，查詢出評論數(shù)據(jù)，遍歷查詢出來的數(shù)據(jù)集合，并通過foreignId或者parentId來判斷當(dāng)前評論數(shù)據(jù)是來自哪一個模塊的，上一級評論是誰，來進(jìn)行分層次進(jìn)行顯示。4.8公告公告信息界面是管理員在后臺界面發(fā)布的最新官方消息，以及從網(wǎng)友或用戶發(fā)表的留言和評論中提煉出的優(yōu)質(zhì)旅行攻略和指南，管理員對這些信息進(jìn)行日常的管理，及時更新，對用戶使用和了解景點信息有極好的推廣作用。用戶可以通過公告信息及時了解到網(wǎng)站的最新發(fā)布，還可以看到實時的優(yōu)質(zhì)旅行攻略和指南，用戶可以根據(jù)公告信息定制自己的相關(guān)景點旅行計劃，避免踩雷。公告信息頁面如圖14所示。圖14公告界面公告管理需管理員登錄后臺進(jìn)行操作，管理頁面與其他頁面一樣，頁面加載時調(diào)用查詢方法，并利用axios插件請求后臺接口獲取分頁數(shù)據(jù)，管理員端可對公告進(jìn)行添加，更新，刪除等操作，通過后臺接口傳遞公告id到后臺進(jìn)行更新，刪除操作。文本編輯使用一款名為Quill的富文本插件，可實現(xiàn)文章編寫以及上傳圖片等操作，并且編寫完成的文章，可以以HTML格式顯示在頁面上，保存數(shù)據(jù)時，取出編輯器對象中的HTML代碼并封裝成Json對象，傳遞到后臺處理保存，查詢時可直接顯示編輯的HTML代碼。4.9系統(tǒng)測試系統(tǒng)測試是軟件開發(fā)重要的環(huán)節(jié)之一，可以說伴隨著整個軟件開發(fā)。作為軟件開發(fā)準(zhǔn)從業(yè)者，在軟件開發(fā)過程中開發(fā)者也需要自己進(jìn)行測試，在專業(yè)的軟件開發(fā)公司中有專門測試人員，但軟件開發(fā)者的自己測試仍然是主要關(guān)注點之一。有效的系統(tǒng)測試是我們觀察實際代碼運(yùn)行結(jié)果與預(yù)期設(shè)計是否一致，有利于我們及時糾正和發(fā)現(xiàn)錯誤。本次正是基于此目的進(jìn)行相關(guān)測試。一般測試按照三個步驟：模塊測試、接口測試、數(shù)據(jù)對通測試來進(jìn)行系統(tǒng)是否能正常運(yùn)行，同時會滿足用戶功能和性能的要求。我們在本次旅游系統(tǒng)測試中，正是按照這三個步驟進(jìn)行。1.登錄注冊測試在系統(tǒng)每個頁面頂部點擊登錄按鈕，輸入用戶名和密碼，選擇用戶或管理員身份，可以正常登錄進(jìn)入到后臺界面。點擊注冊按鈕，輸入用戶名，密碼，確認(rèn)密碼，可以成功注冊。經(jīng)過測試，登錄注冊可以實現(xiàn)。2.首頁熱門景點推薦效果測試進(jìn)入后臺景區(qū)信息管理界面，在系統(tǒng)中首次新增兩個景點信息，查詢第一個景點當(dāng)前點擊量，首次點擊前默認(rèn)為0。返回頁面，點擊進(jìn)入景點詳情頁面，進(jìn)入后臺，點擊量顯示加1，返回頁面并刷新，景點位置排在第一位。同樣的步驟，在后臺查詢第二個景點當(dāng)前點擊量，默認(rèn)為0。返回頁面，點擊進(jìn)入第二個景點詳情頁面重復(fù)兩次，進(jìn)入后臺，點擊量顯示加2，返回頁面并刷新，第二個景點位置超越第一個景點排在第一位。經(jīng)過測試，首頁熱門景點推薦效果可以實現(xiàn)。3.景區(qū)信息管理測試進(jìn)入后臺地理分區(qū)信息管理界面。新增地區(qū)，輸入名稱，選擇封面，返回頁面，成功顯示新增景區(qū)內(nèi)容。點擊更新，更換名稱和封面，返回頁面并刷新，更新成功。點擊刪除，返回頁面并刷新，刪除成功。經(jīng)過測試，景區(qū)信息管理可以實現(xiàn)。4.公交路線管理測試進(jìn)入后臺公交路線信息管理界面，新增公交路線，依次輸入班次、首末班時間、起始站、終點站、線路、以及途經(jīng)景點。返回頁面并刷新，新增公交路線信息成功顯示。更新公交路線信息，編輯內(nèi)容，返回頁面并刷新，公交路線信息更新成功。刪除公交路線信息，返回頁面并刷新，公交路線信息刪除成功。經(jīng)過測試，公交路線管理可以實現(xiàn)。5.景區(qū)設(shè)施管理測試進(jìn)入后臺景區(qū)設(shè)施信息管理界面，新增景點設(shè)施，依次輸入景點名稱、酒店、美食、商場、娛樂、加油站、醫(yī)院、銀行信息。返回頁面并刷新，新增景點設(shè)施信息成功顯示。更新景區(qū)設(shè)施信息，編輯內(nèi)容，返回頁面并刷新，景區(qū)設(shè)施信息更新成功。刪除景區(qū)設(shè)施信息，返回頁面并刷新，景區(qū)設(shè)施信息刪除成功。經(jīng)過測試，景區(qū)設(shè)施管理可以實現(xiàn)。6.評論留言測試選擇身份登錄后，在景點下方進(jìn)行評論，頁面顯示評論內(nèi)容，評論功能成功實現(xiàn)。在留言界面進(jìn)行留言，頁面顯示留言內(nèi)容，留言功能成功實現(xiàn)。經(jīng)過測試，評論留言功可以實現(xiàn)。通過測試結(jié)果分析可知，當(dāng)前景區(qū)旅游系統(tǒng)系統(tǒng)加載時瀏覽器運(yùn)行正常且穩(wěn)定，對我們個人電腦的配置要求和性能損耗低，基本滿足用戶使用。當(dāng)然，本次測試也發(fā)現(xiàn)我們界面設(shè)計中存在選圖不合理，整體美感效果較差，代碼編寫整體邏輯還需要提煉，公告信息排版和評價信息排版效果還需要進(jìn)一步優(yōu)化。第5章總結(jié)選擇旅游系統(tǒng)進(jìn)行開發(fā)，是因為這個行業(yè)市場大旅游人流量多，發(fā)展前景好，可以使更多新的用戶注冊加入進(jìn)來。在本次開發(fā)過程中，