基于SpringBoot和Vue的京杭大運(yùn)河滄州段旅游平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

【摘 "要】 隨著滄州大運(yùn)河旅游業(yè)發(fā)展迅速，旅游服務(wù)需求不斷增長(zhǎng)，但旅游信息化程度較低，服務(wù)質(zhì)量和客戶滿意度有待提升。針對(duì)滄州大運(yùn)河旅游業(yè)的現(xiàn)狀，文章采用Spring Boot框架、Vue技術(shù)和微信小程序開(kāi)發(fā)技術(shù)，設(shè)計(jì)并實(shí)現(xiàn)了一套基于Spring Boot的京杭大運(yùn)河滄州段旅游平臺(tái)，該平臺(tái)能夠有效地提供滄州大運(yùn)河旅游相關(guān)信息，并能夠?qū)崿F(xiàn)與微信小程序的無(wú)縫連接。

【關(guān)鍵詞】 旅游平臺(tái)；Spring Boot；Vue

一、研究背景

近年來(lái)，多地成功建立了線上虛擬展示系統(tǒng)等，通過(guò)虛擬現(xiàn)實(shí)技術(shù)，實(shí)現(xiàn)了用戶720°自由瀏覽與交互，為非遺的展覽提供了新的傳播方式。隨著互聯(lián)網(wǎng)的發(fā)展，旅游電子商務(wù)已經(jīng)成為旅游產(chǎn)業(yè)發(fā)展的一個(gè)重要組成部分。研究旅游電子商務(wù)的模式、實(shí)現(xiàn)途徑和發(fā)展趨勢(shì)，對(duì)旅游產(chǎn)業(yè)的進(jìn)一步發(fā)展具有重要意義。

滄州是一座有著1500多年歷史的城市，因大運(yùn)河而繁榮，大運(yùn)河滄州段沿線有謝家壩、界底引洪設(shè)施等物質(zhì)文化遺產(chǎn)176處。隨著國(guó)民生活水平的提高，人們?cè)絹?lái)越重視身心健康，旅游已經(jīng)成為人們?cè)谌粘Ｉ钪邢硎苌?、維持身心健康的一種常見(jiàn)方式。當(dāng)今社會(huì)，隨著科技的飛速發(fā)展，各種數(shù)據(jù)變得越來(lái)越復(fù)雜，潛移默化地影響著人們的生活。如何處理大量的信息和數(shù)據(jù)已經(jīng)成為人們面臨的挑戰(zhàn)。因此，如何處理旅游業(yè)的多元化信息，就成為旅游行業(yè)的重要研究?jī)?nèi)容。

我國(guó)國(guó)內(nèi)旅游接待人數(shù)逐年快速增加，旅游服務(wù)市場(chǎng)高速健康發(fā)展。傳統(tǒng)的旅游信息系統(tǒng)是在數(shù)據(jù)庫(kù)系統(tǒng)基礎(chǔ)上發(fā)展而來(lái)的，主要包括旅游活動(dòng)中的食、住、購(gòu)、娛等子系統(tǒng)，而基于Spring Boot的滄州大運(yùn)河旅游系統(tǒng)旨在打造一個(gè)全面、便捷、高效的旅游體系，為游客提供更好的旅游體驗(yàn)，為旅游業(yè)發(fā)展提供有力支撐，在提升旅游業(yè)發(fā)展水平、優(yōu)化游客體驗(yàn)、弘揚(yáng)運(yùn)河文化等方面具有重要的意義。

總的來(lái)說(shuō)，“互聯(lián)網(wǎng)+”的應(yīng)用使得旅游行業(yè)更加智能化、便捷化。在未來(lái)，隨著互聯(lián)網(wǎng)的發(fā)展和人們個(gè)性化旅游需求的不斷增加，旅游與“互聯(lián)網(wǎng)+”將成為旅游市場(chǎng)的重要發(fā)展方向，這對(duì)旅游行業(yè)來(lái)說(shuō)是一次非常好的轉(zhuǎn)型機(jī)遇，如何使我國(guó)旅游業(yè)依靠與互聯(lián)網(wǎng)的緊密結(jié)合成為增長(zhǎng)速度最快的行業(yè)之一，這是相關(guān)人員接下來(lái)應(yīng)思考的問(wèn)題。

二、系統(tǒng)設(shè)計(jì)

（一）系統(tǒng)總體設(shè)計(jì)

京杭大運(yùn)河滄州段旅游平臺(tái)采用Spring Boot框架和Vue框架進(jìn)行開(kāi)發(fā)，結(jié)合微信小程序技術(shù)，使用MySQL數(shù)據(jù)庫(kù)存儲(chǔ)數(shù)據(jù)。系統(tǒng)分為用戶端和管理端兩個(gè)子系統(tǒng)，用戶端頁(yè)面采用微信小程序開(kāi)發(fā)，管理端頁(yè)面采用Vue框架開(kāi)發(fā)。

京杭大運(yùn)河滄州段旅游平臺(tái)整體功能，主要包括用戶端和管理端兩個(gè)部分。用戶端提供各項(xiàng)旅游服務(wù)，管理端則提供后臺(tái)管理和運(yùn)營(yíng)支持。具體而言，用戶端涵蓋登錄注冊(cè)、瀏覽景點(diǎn)線路、購(gòu)買(mǎi)門(mén)票文創(chuàng)等功能，而管理端則包括景點(diǎn)信息管理、訂單管理、用戶管理、線路管理等功能，為系統(tǒng)運(yùn)營(yíng)和服務(wù)提供全面支持。系統(tǒng)功能，如圖1所示。

（二）數(shù)據(jù)庫(kù)設(shè)計(jì)

根據(jù)上述分析以下主要關(guān)系模式：

用戶（唯一標(biāo)識(shí)，用戶名，密碼，姓名，電話，頭像，地址）

訂單（唯一標(biāo)識(shí)，用戶ID，訂單創(chuàng)建時(shí)間）

訂單項(xiàng)（唯一標(biāo)識(shí)，訂單ID，商品ID，購(gòu)買(mǎi)數(shù)量，商品狀態(tài)）

商品（唯一標(biāo)識(shí)，產(chǎn)品名稱，商品簡(jiǎn)介，商品圖片，價(jià)格，庫(kù)存數(shù)量，商品狀態(tài)）

景點(diǎn)（唯一標(biāo)識(shí)，景點(diǎn)名稱，景點(diǎn)位置，展示圖片，門(mén)票價(jià)格）

門(mén)票（唯一標(biāo)識(shí)，景點(diǎn)名稱，景點(diǎn)ID，用戶ID，購(gòu)票數(shù)量，門(mén)票狀態(tài)）

車輛（唯一標(biāo)識(shí)，景點(diǎn)ID，車型名稱，數(shù)量，押金，單價(jià)）

租車（唯一標(biāo)識(shí)，車輛ID，用戶ID，開(kāi)始時(shí)間，歸還時(shí)間，租車數(shù)量，實(shí)付押金，使用費(fèi)用）

三、系統(tǒng)實(shí)現(xiàn)

（一）主要前端功能設(shè)計(jì)與實(shí)現(xiàn)

注冊(cè)/登錄頁(yè)面：用戶需要進(jìn)行注冊(cè)。注冊(cè)成功后，便可通過(guò)手機(jī)號(hào)和密碼進(jìn)行登錄。

在圖片上傳部分的具體代碼中，調(diào)用了wx.chooseImage和wx.uploadFile接口來(lái)實(shí)現(xiàn)圖片上傳功能，wx.chooseImage接口用來(lái)選擇本地的圖片，sizeType用來(lái)設(shè)置上傳的圖片類型，sourceType用來(lái)設(shè)置圖片的來(lái)源，而wx.uploadFile接口用來(lái)向服務(wù)器上傳圖片，res.tempFilePaths為剛才選擇的圖片路徑，“http：//49.232.25.61：8081/file/upload”為服務(wù)器上傳圖片的接口，通過(guò)該接口的調(diào)用實(shí)現(xiàn)上傳圖片功能。然后打印接口的返回值，并將返回的數(shù)據(jù)賦值給url，為下一步下載并訪問(wèn)上傳的圖片做準(zhǔn)備。

在服務(wù)器文件上傳部分的具體代碼中，首先需要獲取前端頁(yè)面?zhèn)鬟f過(guò)來(lái)的完整的圖片路徑，然后獲取文件的類型，也就是文件的后綴名，接下來(lái)給文件設(shè)置一個(gè)唯一標(biāo)識(shí)當(dāng)作服務(wù)器上傳之后的文件名，然后拼接完整文件的名稱，接下來(lái)判斷文件存放的父級(jí)文件是否存在，如果不存在就創(chuàng)建文件，然后獲取文件的md5，再查詢數(shù)據(jù)庫(kù)，如果數(shù)據(jù)庫(kù)中有相同的文件，則直接獲取文件；如果不存在相同文件，則將該文件存儲(chǔ)到數(shù)據(jù)庫(kù)中。在文件存儲(chǔ)到數(shù)據(jù)庫(kù)時(shí)需要給文件設(shè)置md5，這樣就能夠有效地減少重復(fù)文件，最后返回服務(wù)器該文件的路徑。

在獲取驗(yàn)證碼部分的具體代碼中，調(diào)用了第三方榛子云短信平臺(tái)接口，只需導(dǎo)入發(fā)送短信的SDK，然后調(diào)用接口即可。首先要判斷一下用戶輸入的手機(jī)號(hào)是否為空值，如果輸入為空，那么是無(wú)法發(fā)送短信的，然后只需要設(shè)置驗(yàn)證碼的位數(shù)、驗(yàn)證碼有效期，并將用戶輸入的手機(jī)號(hào)傳遞到函數(shù)中去即可，code就是發(fā)送的驗(yàn)證碼。

主頁(yè)頁(yè)面：通過(guò)天氣查看全國(guó)各個(gè)地區(qū)的實(shí)時(shí)天氣；通過(guò)地圖導(dǎo)覽可以查看附近的景區(qū)；通過(guò)文化特色可以查看滄州的一些歷史文物、推薦頁(yè)面。

景點(diǎn)信息頁(yè)面：用戶可查看熱門(mén)景點(diǎn)，也可以查看所有景區(qū)或進(jìn)入路線查詢頁(yè)面。在推薦游覽部分，呈現(xiàn)的是根據(jù)門(mén)票預(yù)訂量選出的最受歡迎景區(qū)，用戶可以查看這些最熱門(mén)的景區(qū)、景區(qū)頁(yè)面。

文創(chuàng)產(chǎn)品頁(yè)面：用戶在周邊頁(yè)面可以查看所有的文創(chuàng)產(chǎn)品，也可以通過(guò)點(diǎn)擊頁(yè)面上的國(guó)潮等分類圖標(biāo)進(jìn)行分類顯示，用戶點(diǎn)擊文創(chuàng)產(chǎn)品后，即可跳轉(zhuǎn)到文創(chuàng)產(chǎn)品詳情頁(yè)面。在文創(chuàng)頁(yè)面初始化代碼中，首先通過(guò)訪問(wèn)服務(wù)器接口，獲取到全部文創(chuàng)產(chǎn)品信息，然后將后端返回的值，保存到books數(shù)組中，在wxml中遍歷books數(shù)組，從而使之顯示在頁(yè)面上。

文創(chuàng)購(gòu)買(mǎi)頁(yè)面：用戶在購(gòu)買(mǎi)頁(yè)面可以選擇需要購(gòu)買(mǎi)的商品數(shù)量，在點(diǎn)擊購(gòu)買(mǎi)之后，便進(jìn)入訂單確認(rèn)頁(yè)面，用戶可以在這里選擇收貨地址，也可以選擇付款方式，在用戶點(diǎn)擊付款以后，生成已付款訂單，商品狀態(tài)改為未發(fā)貨狀態(tài)。

我的訂單頁(yè)面：用戶可以查看自己所購(gòu)買(mǎi)的全部商品，也可以按商品狀態(tài)進(jìn)行查看，用戶在待收貨訂單狀態(tài)中，可以選擇已收貨，這樣商品狀態(tài)便會(huì)被修改為已收貨。同時(shí)商品會(huì)重新顯示在已收貨頁(yè)面當(dāng)中。

用戶中心頁(yè)面：用戶可以對(duì)自己的個(gè)性信息進(jìn)行查看和修改，可以查看自己已經(jīng)收藏過(guò)的景點(diǎn)和商品，可以在購(gòu)物車中查看添加到購(gòu)物車的文創(chuàng)產(chǎn)品，可以在我的訂單中查看已經(jīng)購(gòu)買(mǎi)的文創(chuàng)產(chǎn)品，可以在景區(qū)打卡中查看已經(jīng)購(gòu)買(mǎi)的景區(qū)門(mén)票和門(mén)票使用情況，可以在修改地址中修改收貨地址。

（二）主要后端功能設(shè)計(jì)與實(shí)現(xiàn)

1. 景區(qū)管理員功能模塊

景區(qū)管理員用戶可以對(duì)用戶購(gòu)買(mǎi)的景區(qū)門(mén)票進(jìn)行查看、驗(yàn)票操作，在驗(yàn)票時(shí)需要提供用戶手機(jī)號(hào)才能驗(yàn)票。在驗(yàn)票功能代碼中，首先調(diào)用/users2/telephone/{telephone}接口，查詢user數(shù)據(jù)庫(kù)，如果能找到和手機(jī)號(hào)相同的則將景區(qū)門(mén)票設(shè)置為無(wú)效狀態(tài)，如果找不到則提示手機(jī)號(hào)錯(cuò)誤。

景區(qū)管理員可以對(duì)景區(qū)內(nèi)租用車輛信息進(jìn)行添加、刪除。在還車功能部分的代碼中，首先需要根據(jù)手機(jī)號(hào)獲取用戶信息，將數(shù)據(jù)庫(kù)租車表中的用戶ID與根據(jù)手機(jī)號(hào)查詢出來(lái)的用戶表的ID進(jìn)行比較，如果不一致，則提示用戶歸還失??；如果一致，則獲取現(xiàn)在的時(shí)間，并把現(xiàn)在的時(shí)間賦值給租車表的歸還時(shí)間，然后獲取租車表的租車時(shí)間，將歸還時(shí)間和租車時(shí)間相減并加一，得到用戶租用的天數(shù)。

2. 超級(jí)管理員功能模塊

超級(jí)管理員在管理員管理頁(yè)面進(jìn)行添加管理員、修改管理員信息、刪除管理員操作，新增的管理員密碼默認(rèn)為123456，在添加管理員時(shí)，需要選擇管理員角色，用戶可以選擇的角色有超級(jí)管理員、景區(qū)管理員。超級(jí)管理員可以在角色管理頁(yè)面給管理員分配菜單，分配菜單完成后，管理員用戶需要重新進(jìn)行登錄。

超級(jí)管理員可對(duì)景區(qū)信息及文創(chuàng)信息進(jìn)行增加、刪除和修改，超級(jí)管理員可以在訂單管理頁(yè)面查看訂單，可以給待發(fā)貨狀態(tài)的訂單發(fā)貨，如果訂單為未付款狀態(tài)，則不能發(fā)貨，發(fā)貨后商品處于已發(fā)貨狀態(tài)，如果商品是已發(fā)貨狀態(tài)，再次點(diǎn)擊發(fā)貨按鈕，則提示商品已經(jīng)發(fā)貨，不需要重復(fù)發(fā)貨。

四、結(jié)語(yǔ)

本研究基于Spring Boot和Vue的開(kāi)發(fā)，提供了一個(gè)便捷、實(shí)用、安全的旅游管理平臺(tái)，幫助游客更好地了解滄州的文化和歷史，提供了更加優(yōu)質(zhì)的旅游體驗(yàn)。其主要功能包括景點(diǎn)瀏覽、路線規(guī)劃、門(mén)票預(yù)訂、文創(chuàng)產(chǎn)品購(gòu)買(mǎi)等。本平臺(tái)采用前后端分離的架構(gòu)，在后端實(shí)現(xiàn)了基本的業(yè)務(wù)邏輯以及與數(shù)據(jù)庫(kù)的交互，前端則負(fù)責(zé)呈現(xiàn)數(shù)據(jù)并與后端進(jìn)行數(shù)據(jù)交互。

在本平臺(tái)的開(kāi)發(fā)過(guò)程中，采用了輕量級(jí)開(kāi)源的Spring Boot框架，同時(shí)采用了敏捷開(kāi)發(fā)的模式，對(duì)需求進(jìn)行不斷調(diào)整和優(yōu)化，確保了系統(tǒng)的功能齊全、易于使用和維護(hù)。與此同時(shí)，也注重系統(tǒng)的安全性和可靠性，采用Token實(shí)現(xiàn)了用戶認(rèn)證和授權(quán)，保障了系統(tǒng)的安全性和穩(wěn)定性。

京杭大運(yùn)河滄州段旅游平臺(tái)具備了較為完整的功能，具有很好的用戶體驗(yàn)。在后期的維護(hù)中，將繼續(xù)優(yōu)化系統(tǒng)的性能和穩(wěn)定性，并且不斷引入新的技術(shù)和功能，以適應(yīng)不斷變化的用戶需求。

參考文獻(xiàn)：

［1］ 何云山，王占剛. 移動(dòng)自助旅游系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)［J］. 機(jī)電信息，2019（21）：118-119.

［2］ 梁鈺旎，陳瑩，呂學(xué)靜，等. 5G+VR環(huán)境模擬旅游系統(tǒng)設(shè)計(jì)［J］. 無(wú)線互聯(lián)科技，2021，18（22）：54-57.

［3］ 易志帥，蘇拓，曾海燕等. 基于Restful的智慧化旅游系統(tǒng)設(shè)計(jì)［J］. 中國(guó)新技術(shù)新產(chǎn)品，2023，No. 480（02）：33-35.

［4］ 孫巖，李晶. 基于SpringBoot的旅游資源管理網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)［J］. 信息技術(shù)與信息化，2021（01）：37-39.

［5］ 俸思洋，余康，范傳松，等. 印象桂林智慧旅游導(dǎo)航小程序設(shè)計(jì)與實(shí)現(xiàn)［J］. 大眾科技，2022，24（10）：8-10+7.