“智游小盒”旅游App的設計與分析

黃旭日，胡偉平

（廣西科技大學 計算機科學與通信工程學院，廣西 柳州 545616）

0 引言

隨著人們的生活水平日益提升，越來越多的人更加傾向于對身體和精神上的放松，為旅游行業帶來了機遇。

在智能手機社會，手機App與人們的生活習慣相關。文章介紹一款智能旅游App，以期為旅客提供合理、快速、方便的旅游計劃，推動旅游行業發展。

1 應用現狀

傳統的旅游行業以工作人員分發宣傳單介紹景點吸引游客，缺點是耗費人力大、效率慢，無法跟上移動互聯網的熱潮[1]。

響應智能終端、移動網絡以及旅游業的快速發展，旅游App能較好地解決這些問題，其優勢在于能夠加快傳統旅游行業和移動互聯網產業的融合，用戶只需動動手指，就可以隨時把握最新的旅游資訊、旅游攻略、景點，實時查機票、預定酒店、訂門票等服務，以至于旅游App開發成了當下旅游行業的關鍵詞，完全可以勝任傳統模式[2]。

“智游小盒”App設計的初衷不僅是能夠超越傳統模式，更是普通旅游App的創新。“智游小盒”是一個社會群體，可容納多人交流，讓去過的人留下旅游足跡，并分享給別人[3]。同時還會為顧客推薦合適、合理的路線以及旅游地點等信息。

2 “智游小盒”App的總架構設計

2.1 系統總架構

目前，愈來愈多的企業主張運用 Web 方式完成一系列的系統開發設計，但是傳統 Web 仍然存在諸多需要進一步優化的方面，比如：頁面表現力、服務器及瀏覽器通信等。目前，這些方面都已經無法滿足用戶實際應用需求，而互聯網則較好地改變了 Web 傳統設計，能夠通過SpringBoot+Vue前后端分離式技術提高開發效率。系統總體框架結構如圖1所示。

圖1 系統總架構

2.2 系統各結構層

2.2.1 表現層

（1）UI層。“智游小盒”App主要使用Vant對項目進行快速開發，提升開發速率，優化運行效率，降低生產成本。配合高德地圖API實現地圖導航的使用，實現智能導航。

（2）邏輯層。“智游小盒”App采用MVVM模型，利用Vue前沿技術對其表現層開發。利用VueRouter將頁面劃分多個路由及子路由，實現單頁面應用，能極大減少對DOM元素的操作，提升了用戶體驗。利用Vuex進行管理數據，能對JWT簽發認證，增加了系統的可用性和伸縮性，大大減輕了服務端的壓力。

（3）交互層。該項目基于promise 的 HTTP 庫-Axios技術，可獲取后臺數據，再利用Vue的雙向數據綁定以及Vuex的狀態管理的優勢，達到數據渲染的目的。

2.2.2 應用業務層

應用業務層主要使用SpringBoot作為整合整個應用業務層的底層框架技術并編寫API接口。經聯合運用SpringBoot+Redis+MySQL+Vue+Axios技術搭設該系統平臺。同時該層也作為系統總設計架構核心點，具有不可缺失中間技術層作用。運用Web服務器完成對客戶操作系統發出的 HTTP 需求加以處理，最終通過Web服務器成功地向客戶端傳輸經處理所得的結果。

2.2.3 數據層

該層通過Redis作為緩存機制將用戶的登錄信息存儲其中并作為一個單點登錄，配合MySQL實現持久化信息存儲。通過數據服務解決對讀寫速率、讀寫方式的存儲過程的問題，通過開啟事務解決數據庫訪問的多線程引發的原子性問題[4]。數據庫和數據服務成功實現提取、分析并計算、處理各類數據，返回給應用業務層，最終向Web服務器傳輸處理所得結果，并向用戶反饋相應的頁面內容。

2.3 數據庫設計

數據庫設計如圖2所示。

圖2 數據庫設計

3 產品結構

用戶可以通過登錄操作進入首頁、周邊、用戶信息、行程等窗口，其中首頁還存在猜你喜歡模塊設計，提高用戶的使用體驗。周邊按照當前所在位置進行景點輸出，使得用戶能夠快速了解景點信息；行程將通過行程人數、時間、方式等信息給出一個合理的行程路線，避免不必要的麻煩，提高了用戶的旅行效率[5]。

4 結語

基于大數據的混合App—“智游小盒”，將實現路線推薦，利用Vue，Hadoop，SpringBoot等相關技術，給旅游行業帶來更多的利益，打造線下旅游項目，不斷推進旅游行業的發展。對于用戶來說，能夠大大節約用戶的時間成本，僅需要碎片化的時間就能夠定制自己的出行計劃。