基于SSM框架的旅游信息網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

張康　王春艷

摘要：互聯(lián)網(wǎng)+的不斷深入帶動(dòng)了傳統(tǒng)行業(yè)的經(jīng)濟(jì)發(fā)展，旅游行業(yè)也需要實(shí)現(xiàn)線上線下的一體化。為了解決游客對(duì)旅游信息的查詢、旅游線路預(yù)訂等各方面的需求，采用主流的SSM框架技術(shù)，實(shí)現(xiàn)了一個(gè)B/S架構(gòu)的旅游信息網(wǎng)站。景點(diǎn)管理員可以發(fā)布旅游信息，注冊(cè)用戶可以根據(jù)旅游板塊進(jìn)行分類查詢并發(fā)表評(píng)論，實(shí)現(xiàn)用戶之間及景點(diǎn)管理員的互動(dòng)，從而提高用戶體驗(yàn)，方便用戶出游。

關(guān)鍵詞：旅游信息網(wǎng)站；景點(diǎn)管理；Spring MVC框架；my Baits；B/S架構(gòu)

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2018）19-0102-02

Abstract： The deepening of Internet+ drives the economic development of traditional industries， the tourism industry also needs the integration of online and offline. In order to solve the tourist information query， travel line reservation and other aspects of the demand， the mainstream SSM framework technology is combined to achieve a B/S architecture based tourist information website. Administrators of view spots can publish tourism information； registered users can achieve classified inquiry according to the tourism information plate and published comments， interactive communications can be carried out among users and administrators so as to improve the user experience， convenient travel for users.

Key words： tourist information website； view spot management； Spring MVC framework； My Baits； Browser/server architecture

1 背景

隨著互聯(lián)網(wǎng)+的不斷深入，帶動(dòng)了傳統(tǒng)行業(yè)的經(jīng)濟(jì)發(fā)展，以產(chǎn)業(yè)升級(jí)提升經(jīng)濟(jì)生產(chǎn)力，最后實(shí)現(xiàn)社會(huì)財(cái)富的增加。消費(fèi)者的旅游觀念隨著互聯(lián)網(wǎng)的發(fā)展也在逐步改變，更多的人希望能夠及時(shí)獲取更全面詳細(xì)的旅游資訊，更多的旅游經(jīng)驗(yàn)分享，更自主地根據(jù)需要安排行程。旅游業(yè)的發(fā)展也與時(shí)俱進(jìn)，實(shí)現(xiàn)線上線下的一體化是發(fā)展的必然趨勢。旅游信息網(wǎng)能夠讓人們足不出戶就可以了解到各景點(diǎn)的詳細(xì)信息，可與其他消費(fèi)者進(jìn)行經(jīng)驗(yàn)交流，從而實(shí)現(xiàn)更便捷、經(jīng)濟(jì)、用戶體驗(yàn)好的旅游。該項(xiàng)目內(nèi)容是根據(jù)現(xiàn)在的Web優(yōu)勢，采用SpringMVC開發(fā)模式，使用靈活高效的MySQL數(shù)據(jù)庫，結(jié)合MyBaits后端開發(fā)技術(shù)和HTML+CSS+JavaScript等前端開發(fā)技術(shù)實(shí)現(xiàn)了一個(gè)界面友好、功能完善的旅游信息網(wǎng)站。該網(wǎng)站主要功能有：旅游板塊管理、主題管理、用戶管理，旅游信息的發(fā)布及注冊(cè)用戶回帖等。

2 研究背景及研究內(nèi)容

目前許多旅行社還是偏重于線下給予用戶提供出游信息以及出游的旅行團(tuán)預(yù)訂，這并不能滿足尤其是短期出游時(shí)間并不充裕的客戶群體的基本需求，而市面上現(xiàn)有的線上旅游網(wǎng)站對(duì)于短途旅游的信息提供和旅行團(tuán)預(yù)訂還不夠完善，以至于旅游代理商發(fā)展迅速，街頭隨處可見旅游代理經(jīng)營處。而旅游代理商的管理問題，市場的混亂讓許多人望而卻步。該項(xiàng)目設(shè)置了不同的用戶權(quán)限：景點(diǎn)管理員可以對(duì)景點(diǎn)的信息進(jìn)行及時(shí)發(fā)布，對(duì)景點(diǎn)起到宣傳作用，增加客流量；游客可以快捷、準(zhǔn)確的根據(jù)板塊設(shè)置進(jìn)行景點(diǎn)信息瀏覽，選擇個(gè)性化、自主化的旅游方式，而不再依賴于旅行團(tuán)跟團(tuán)游；注冊(cè)用戶可以在線與景點(diǎn)管理員及其他用戶進(jìn)行互動(dòng)交流，獲取和分享更真實(shí)的旅游體驗(yàn)，為其他用戶提供更多的參考信息。

系統(tǒng)采用當(dāng)前主流的Web框架—SSM框架為主導(dǎo)框架。SSM是Spring、SpringMVC和MyBaits三個(gè)開源框架組合而成。Spring是一個(gè)輕量級(jí)的控制反轉(zhuǎn)（IOC）和面向切面（AOP）的容器框架，提供了管理業(yè)務(wù)對(duì)象的一致方法，能夠輕松地管理系統(tǒng)的業(yè)務(wù)。SpringMVC分離了控制器、模型對(duì)象、分派器以及處理程序?qū)ο蟮慕巧?，這種分離讓它們更容易進(jìn)行定制，使用簡單靈活，擴(kuò)展性好。MyBatis是一個(gè)支持普通SQL查詢、存儲(chǔ)過程和高級(jí)映射的優(yōu)秀持久層框架，避免了幾乎所有的JDBC代碼和手動(dòng)設(shè)置參數(shù)以及獲取結(jié)果集，在XML中書寫SQL語句解除了SQL和程序代碼的耦合，也便于對(duì)SQL進(jìn)行統(tǒng)一管理和優(yōu)化。因此，該系統(tǒng)的研究內(nèi)容就是在SSM框架的基礎(chǔ)上進(jìn)行旅游網(wǎng)站的設(shè)計(jì)與開發(fā)。

3 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

3.1 系統(tǒng)開發(fā)平臺(tái)和工具

系統(tǒng)的開發(fā)及運(yùn)行環(huán)境在現(xiàn)有的計(jì)算機(jī)系統(tǒng)上都可以開展。

1）開發(fā)工具：Eclipse，tomcat7.0，jdk1.8；

2）操作系統(tǒng)：WinXP/Win7/Win8操作系統(tǒng)；

3）運(yùn)行平臺(tái)：IE/360瀏覽器/谷歌瀏覽器（Google Chrome）；

4）編程語言：Java；

5）基礎(chǔ)架構(gòu)：SpringMVC；

6）數(shù)據(jù)庫：MySQL。

3.2 系統(tǒng)總體設(shè)計(jì)

在需求分析階段對(duì)游客群體、景區(qū)管理人員進(jìn)行了調(diào)研分析之后，為了滿足大多數(shù)用戶的需求進(jìn)行了系統(tǒng)設(shè)計(jì)。對(duì)于游客來說，需要查看旅游景點(diǎn)的相關(guān)詳細(xì)信息及其他用戶對(duì)此景點(diǎn)的評(píng)價(jià)，以便合理安排時(shí)間、路線、食宿等；對(duì)景點(diǎn)管理人員來說，可以發(fā)布各景點(diǎn)的基本情況如景點(diǎn)圖片、交通、價(jià)格、路線及優(yōu)惠活動(dòng)等信息，與商家有合作的景點(diǎn)，還可以同時(shí)發(fā)布食宿等相關(guān)商家的信息，為游客提供更多的便利。系統(tǒng)功能模塊簡圖如圖1所示。

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

3.3.1 前臺(tái)主界面

前臺(tái)主界面是一個(gè)網(wǎng)站的門面，界面設(shè)計(jì)的美觀與否、實(shí)用與否會(huì)直接影響到用戶體驗(yàn)和軟件功能的實(shí)現(xiàn)，因此對(duì)界面的設(shè)計(jì)如圖2所示。采用HTML+CSS+JavaScprit進(jìn)行界面布局設(shè)計(jì)，高效靈活地實(shí)現(xiàn)了交互式動(dòng)態(tài)網(wǎng)頁。使用JavaScript實(shí)現(xiàn)了主界面中左側(cè)滾動(dòng)圖循環(huán)顯示，點(diǎn)擊圖片即可查看最新熱門景點(diǎn)詳情，以提高景點(diǎn)的吸引力；最新的旅游項(xiàng)目以列表方式顯示，提高用戶查詢信息的效率；熱帖排行給用戶提供了更熱門的旅游信息介紹；友情鏈接顯示相關(guān)合作商家的鏈接信息。界面簡潔、操作簡單、頁面響應(yīng)時(shí)間短，可以獲得較好的用戶體驗(yàn)。

3.3.2 用戶管理模塊

用戶分為四類：游客（臨時(shí)用戶）、注冊(cè)用戶（游客權(quán)限）、景點(diǎn)管理員、系統(tǒng)管理員。游客手冊(cè)登陸時(shí)是沒有賬號(hào)的，可以進(jìn)行注冊(cè)、景點(diǎn)信息瀏覽、帖子信息瀏覽；注冊(cè)用戶（游客權(quán)限）登錄后可以修改個(gè)人資料和密碼，查詢、預(yù)訂酒店信息，查詢、預(yù)訂線路信息，瀏覽資訊，回復(fù)帖子、留言等；景點(diǎn)管理員通過后臺(tái)進(jìn)行旅游信息板塊管理、主題管理（增加、修改、刪除）、帖子管理（移動(dòng)板塊、置頂、精華）、留言管理（查看、回復(fù)、刪除）；系統(tǒng)管理員享有最高權(quán)限，具備系統(tǒng)所有操作權(quán)限，可為系統(tǒng)中的用戶分配角色類型（用戶、景點(diǎn)管理員）以此分配權(quán)限、修改權(quán)限、刪除用戶。

3.3.3 帖子管理模塊

帖子模塊中包括發(fā)帖、帖子展示、回帖等功能。景點(diǎn)管理員發(fā)帖時(shí)需設(shè)置相應(yīng)的景點(diǎn)主題，添加景點(diǎn)詳細(xì)文字及圖片信息；瀏覽帖子時(shí)，可以點(diǎn)擊“全部”或者不同主題的標(biāo)題，根據(jù)不同主題分類瀏覽，提高瀏覽效率。在帖子列表中，主題被標(biāo)紅，方便用戶無目的瀏覽時(shí)選擇，瀏覽量、回復(fù)、以及回復(fù)部分詳情也在帖子列表中一覽無余。在帖子的詳細(xì)頁面左部分，顯示博主的一些信息：頭像、用戶名、帖子數(shù)目、回復(fù)數(shù)目、積分等。中間部分則是帖子詳細(xì)內(nèi)容：主題、題目、發(fā)表時(shí)間、瀏覽量、回復(fù)量、詳細(xì)內(nèi)容、以及博主的其他帖子，瀏覽者可根據(jù)鏈接繼續(xù)瀏覽類似主題的帖子。

3.3.4 其他模塊

留言模塊與回帖模塊有所不同，回帖是對(duì)已發(fā)帖子的回復(fù)，所有人均可見，而留言屬于私有信息，僅留言者和被留言對(duì)象可見，方便用戶們進(jìn)行私下的溝通。后臺(tái)管理模塊中通過板塊管理對(duì)景點(diǎn)所在城市進(jìn)行劃分，在每個(gè)板塊中對(duì)景點(diǎn)進(jìn)行主題的劃分，管理員在發(fā)布新帖時(shí)可以選擇已有的主題進(jìn)行發(fā)帖或者設(shè)置新的主題，從而提高用戶瀏覽信息的效率與準(zhǔn)確性。

4 結(jié)論

通過旅游信息網(wǎng)站系統(tǒng)的實(shí)現(xiàn)，實(shí)現(xiàn)了景點(diǎn)信息的信息化、無紙化、高效化管理，也能夠給游客提供更為全面有效的出游信息及出游方式的選擇，留言及回復(fù)功能可以實(shí)現(xiàn)游客和景點(diǎn)管理人員的有效溝通。經(jīng)過測試，系統(tǒng)可以正常運(yùn)行。

參考文獻(xiàn)：

[1] 庫克. JSP從入門到精通[M]. 谷雨， 譯. 北京： 電子工業(yè)出版社， 2003： 56-90.

[2] 飛思科技產(chǎn)品研發(fā)中心. JSP應(yīng)用開發(fā)詳解[M]. 北京： 電子工業(yè)出版社， 2002： 57-78.

[3] 趙增敏. JSP動(dòng)態(tài)網(wǎng)站開發(fā)[M]. 北京： 電子工業(yè)出版社， 2008： 8-67.

[4] 劉偉， 張利國. Hibernate開發(fā)與實(shí)戰(zhàn)[M]. 北京： 電子工業(yè)出版社， 2009： 3-56.

[5] 艾里特. 精通Hibernate[M]. 劉平利， 譯. 北京： 機(jī)械工業(yè)出版社， 2009： 4-36.

[6] 孫衛(wèi)琴. Tomcat與Java Web開發(fā)技術(shù)詳解[M]. 2版. 北京： 電子工業(yè)出版社， 2009： 14-45.

[7] 陳衍卿. Javascript完全自學(xué)寶典[M]. 北京： 清華大學(xué)出版社， 2008： 56-74.

[8] 施密特， 多米尼. CSS Web設(shè)計(jì)高級(jí)教程[M].竇朝輝， 譯. 2版. 北京： 清華大學(xué)出版社， 2009： 37-67.