互助旅游平臺的設計與實現

王柏琳，孫葛

關鍵字：旅游；SSM框架；Tomcat；需求；網站設計

1 SSM框架技術

SSM框架由Spring,SpringMVC,MyBatis這三個開源免費框架整合而成，經常被用來作為相對簡單的數據源的web項目的框架。

Spring是一個開源的輕量級的java開發框架，使用基本的JavaBean來代替由以前EJB完成的事情。一般來說，Spring是14年前興起的的輕量級的IoC和面向AOP的框架。

2 Tomcat web應用服務器

Tomcat服務器是一個開源免費的web應用服務器,是Apache組織的Jakarta項目中的一個重要子項目,分為安裝版和解壓版兩種,使用方法完全相同,源代碼也是公開的,Tomcat具有Web服務器的基本功能。

圖1 Spring框架整體結構圖

Tomcat具有許多優勢?？煽?穩定,占用系統資源小,效率高是被大家公認的,開發中經常被使用,JAVA具有跨平臺特性,服務于JAVA的Tomcat也具有跨平臺性,我們常在Tomcat運行的是一種Web應用程序格式的文件。我們在Tomcat中部署程序也十分簡單,首先需要我們安裝并配置Tomcat服務器,然后將我們的(.war)文件放在其Webapps的目錄下,在命令行窗口下輸入啟動Tomcat的命令,也可以進行遠程Web部署,最后tomcat與其他軟件集合起來實現可以實現更多的功能。

3 需求分析

網站的需求分析是對整體的宏觀把控,本網站結合現在旅游業的趨勢,學習與借鑒許多大型網站,主要分為登錄注冊,搜索與觀賞,發帖與評論,地圖定位等模塊。登錄注冊模塊需要用戶提供相應的郵箱地址,保護用戶的隱私。用戶可以在搜索模塊查詢到需要的資源以及相關景點的照片等。發帖與評論屬于交流模塊。最后就是對開發需要的時間以及工具的能用性的分析,確保網站設計能夠平穩進行。

4 數據庫設計

數據庫設計是指對于一個給定的應用環境,構造(設計)優化的數據庫邏輯模式和物理結構,并據此建立數據庫及其應用系統,使之能夠有效地存儲和管理數據,滿足各種用戶的應用需求,包括信息管理要求和數據操作要求。一個網站運行響應的快慢與數據庫的設計密切相關。我們將數據庫設計分為五個階段∶應用需求收集和分析;概念結構設計,設計邏輯結構和數據優化;物理結構設計(性能測試);數據庫物理實施,運行和維護。

5 頁面設計

網站前臺使用React-native技術并結合Pencil畫圖作為輔助。前臺設計首先需要確定網站的類型和整體風格,其次就是布局與字體的處理和空白的應用,將需要表達的信息以圖畫的形式表達出來。頁面應使用模塊化的設計思想,每一個模塊用一個簡單獨立的代碼文件實現,其次旅游網站應當貼近主題,頁面圖片的選擇也需要更加的細致,接下來需要考慮幾個頁面之間的聯系,頁面之間需要有合理的鏈接,一般來說網站的Logo需要可以鏈接到網站的主頁。我們登錄進入主頁時,需要用戶知道接下來需要進行哪一步操作,點擊按鈕以及信息欄需要放在顯眼的位置,應當使用響應式設計框架,網站的前端往往要實現與后臺的交互,也需要考慮后臺傳來的數據的處理。

React的聲明式寫法符合人的常理,而且減少DOM操作,極大的提高了性能,React中與數據有關的有State,Props,Context這三個屬性,將React中的組件看做一個狀態機制,交互實現不同狀態,然后渲染用戶界面,保證數據的一致性。

5.1 登錄注冊模塊

網站的注冊頁面信息包括郵箱,密碼,個人簡介,地址,手機號碼等個人信息,當用戶填寫這些信息后需要獲取驗證碼,確認身份認證,其中無*號的表示可以依照個人的想法可填可不填,極大的保證了用戶的隱私安全。登錄彈窗需要的信息包括用戶名和密碼,這兩項信息是用戶自己在注冊時填寫的信息,可以通過身份驗證來查詢自己注冊時的密碼。

5.2 發帖評論模塊

發帖模塊顧名思義主要是為用戶之間交流的一種方式,設置這一模塊主要是提供交流平臺,內容一般包括標題,主題,也有自己的地理位置,頁面上也會出現推薦用戶,主要是推薦一些相互之間愛好景點相似的人,為我們的出行提供更好的想法,這是一種相互交流的方式,也像是一個寫旅行日記一樣,不僅讓自己感到快樂,無形中也方便了他人。

5.3 信息游覽模塊

在信息游覽頁面中,分為國內游和境外游兩大方向,其中也有許多的地名,點擊地名可以查看當地的許多景區的風景,如點擊蘇州,跳轉至的頁面就會顯示蘇州園林等相關景點的圖片,讓用戶第一時間更加直觀的去了解一個地區的風俗文化和獨特的魅力,信息游覽頁面主要在于介紹城市的著名的風景,給許多想去游玩,但沒有目標的游客提供一個大的方向指引,也更加體現網站的人性化設計。