王柏琳，孫葛

關(guān)鍵字：旅游；SSM框架；Tomcat；需求；網(wǎng)站設(shè)計(jì)

1 SSM框架技術(shù)

SSM框架由Spring,SpringMVC,MyBatis這三個(gè)開源免費(fèi)框架整合而成，經(jīng)常被用來作為相對(duì)簡(jiǎn)單的數(shù)據(jù)源的web項(xiàng)目的框架。

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

2 Tomcat web應(yīng)用服務(wù)器

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

圖1 Spring框架整體結(jié)構(gòu)圖

Tomcat具有許多優(yōu)勢(shì)?？煽?穩(wěn)定,占用系統(tǒng)資源小,效率高是被大家公認(rèn)的,開發(fā)中經(jīng)常被使用,JAVA具有跨平臺(tái)特性,服務(wù)于JAVA的Tomcat也具有跨平臺(tái)性,我們常在Tomcat運(yùn)行的是一種Web應(yīng)用程序格式的文件。我們?cè)赥omcat中部署程序也十分簡(jiǎn)單,首先需要我們安裝并配置Tomcat服務(wù)器,然后將我們的(.war)文件放在其Webapps的目錄下,在命令行窗口下輸入啟動(dòng)Tomcat的命令,也可以進(jìn)行遠(yuǎn)程Web部署,最后tomcat與其他軟件集合起來實(shí)現(xiàn)可以實(shí)現(xiàn)更多的功能。

3 需求分析

網(wǎng)站的需求分析是對(duì)整體的宏觀把控,本網(wǎng)站結(jié)合現(xiàn)在旅游業(yè)的趨勢(shì),學(xué)習(xí)與借鑒許多大型網(wǎng)站,主要分為登錄注冊(cè),搜索與觀賞,發(fā)帖與評(píng)論,地圖定位等模塊。登錄注冊(cè)模塊需要用戶提供相應(yīng)的郵箱地址,保護(hù)用戶的隱私。用戶可以在搜索模塊查詢到需要的資源以及相關(guān)景點(diǎn)的照片等。發(fā)帖與評(píng)論屬于交流模塊。最后就是對(duì)開發(fā)需要的時(shí)間以及工具的能用性的分析,確保網(wǎng)站設(shè)計(jì)能夠平穩(wěn)進(jìn)行。

4 數(shù)據(jù)庫(kù)設(shè)計(jì)

數(shù)據(jù)庫(kù)設(shè)計(jì)是指對(duì)于一個(gè)給定的應(yīng)用環(huán)境,構(gòu)造(設(shè)計(jì))優(yōu)化的數(shù)據(jù)庫(kù)邏輯模式和物理結(jié)構(gòu),并據(jù)此建立數(shù)據(jù)庫(kù)及其應(yīng)用系統(tǒng),使之能夠有效地存儲(chǔ)和管理數(shù)據(jù),滿足各種用戶的應(yīng)用需求,包括信息管理要求和數(shù)據(jù)操作要求。一個(gè)網(wǎng)站運(yùn)行響應(yīng)的快慢與數(shù)據(jù)庫(kù)的設(shè)計(jì)密切相關(guān)。我們將數(shù)據(jù)庫(kù)設(shè)計(jì)分為五個(gè)階段∶應(yīng)用需求收集和分析;概念結(jié)構(gòu)設(shè)計(jì),設(shè)計(jì)邏輯結(jié)構(gòu)和數(shù)據(jù)優(yōu)化;物理結(jié)構(gòu)設(shè)計(jì)(性能測(cè)試);數(shù)據(jù)庫(kù)物理實(shí)施,運(yùn)行和維護(hù)。

5 頁(yè)面設(shè)計(jì)

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

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

5.1 登錄注冊(cè)模塊

網(wǎng)站的注冊(cè)頁(yè)面信息包括郵箱,密碼,個(gè)人簡(jiǎn)介,地址,手機(jī)號(hào)碼等個(gè)人信息,當(dāng)用戶填寫這些信息后需要獲取驗(yàn)證碼,確認(rèn)身份認(rèn)證,其中無(wú)*號(hào)的表示可以依照個(gè)人的想法可填可不填,極大的保證了用戶的隱私安全。登錄彈窗需要的信息包括用戶名和密碼,這兩項(xiàng)信息是用戶自己在注冊(cè)時(shí)填寫的信息,可以通過身份驗(yàn)證來查詢自己注冊(cè)時(shí)的密碼。

5.2 發(fā)帖評(píng)論模塊

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

5.3 信息游覽模塊

在信息游覽頁(yè)面中,分為國(guó)內(nèi)游和境外游兩大方向,其中也有許多的地名,點(diǎn)擊地名可以查看當(dāng)?shù)氐脑S多景區(qū)的風(fēng)景,如點(diǎn)擊蘇州,跳轉(zhuǎn)至的頁(yè)面就會(huì)顯示蘇州園林等相關(guān)景點(diǎn)的圖片,讓用戶第一時(shí)間更加直觀的去了解一個(gè)地區(qū)的風(fēng)俗文化和獨(dú)特的魅力,信息游覽頁(yè)面主要在于介紹城市的著名的風(fēng)景,給許多想去游玩,但沒有目標(biāo)的游客提供一個(gè)大的方向指引,也更加體現(xiàn)網(wǎng)站的人性化設(shè)計(jì)。