目 ?錄

摘要

1 緒論

1.1 研究背景

1.2?研究意義

1.3?論文結(jié)構(gòu)與章節(jié)安排

1.4 微信開發(fā)者工具

2?周口旅游大全微信小程序系統(tǒng)分析

2.1 可行性分析

2.1.1 技術(shù)可行性分析

2.1.2 經(jīng)濟可行性分析

2.1.3 法律可行性分析

2.2 系統(tǒng)功能分析

2.2.1 功能性分析

2.2.2 非功能性分析

2.3 系統(tǒng)用例分析

2.4 系統(tǒng)流程分析

2.4.1 數(shù)據(jù)流程

2.4.2 業(yè)務流程

圖2-5業(yè)務流程圖

2.5本章小結(jié)

3 周口旅游大全微信小程序總體設(shè)計

3.1 系統(tǒng)功能模塊設(shè)計

3.1.1整體功能模塊設(shè)計

3.1.2用戶模塊設(shè)計

3.1.3 評論管理模塊設(shè)計

3.1.4景點信息管理模塊設(shè)計

3.1.5預訂管理模塊設(shè)計

3.2 數(shù)據(jù)庫設(shè)計

3.2.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計

3.3.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計

3.4本章小結(jié)

4?周口旅游大全微信小程序詳細設(shè)計與實現(xiàn)

4.1用戶功能模塊

4.2管理員功能模塊

5系統(tǒng)測試

5.1 系統(tǒng)測試用例

5.2 系統(tǒng)測試結(jié)果

結(jié)論

參考文獻

致??謝

摘要

周口是伏羲故都，老子故里，為“中華文化發(fā)祥的重地”。周口的遺址遺跡和文物點達近千處，有著許多著名的歷史人文景點。周口十大著名景點，包括老子故里旅游區(qū)、鹿邑太清宮遺址、太昊伏羲陵、關(guān)帝廟、中華槐園、獨秀園等。

周口旅游大全微信小程序主要功能模塊包括首頁、新聞資訊、通知公告、景點信息、門票預訂等，采取面對對象的開發(fā)模式進行軟件的開發(fā)和硬體的架設(shè)，能很好的滿足實際使用的需求，完善了對應的軟體架設(shè)以及程序編碼的工作，系統(tǒng)采取Mysql作為后臺數(shù)據(jù)的主要存儲單元，運用軟件工程原理和開發(fā)方法，采用SSM技術(shù)構(gòu)建的一個管理系統(tǒng)，實現(xiàn)了本系統(tǒng)的全部功能。

關(guān)鍵詞：周口旅游；SSM框架、MySQL數(shù)據(jù)庫

Abstract

Zhoukou is the former capital of Fuxi and the hometown of Laozi, and is known as the "birthplace of Chinese culture". There are nearly a thousand ruins and cultural relics in Zhoukou, with many famous historical and cultural attractions. The top ten famous tourist attractions in Zhoukou include the Laozi Hometown Tourist Area, the Ruins of the Taiqing Palace in Luyi, the Fuxi Mausoleum of Taihao, the Guandi Temple, the Chinese Sophora Garden, and the Duxiu Garden.

The main functional modules of the WeChat mini program in Zhoukou Tourism Collection include homepage, news information, notification announcements, scenic spot information, ticket booking, etc. The software development and hardware installation are carried out in an object-oriented development mode, which can effectively meet the actual needs of use. The corresponding software installation and program coding work are improved, and the system adopts MySQL as the main storage unit for backend data, A management system constructed using software engineering principles and development methods using SSM technology has achieved all the functions of this system。

Keywords:?Zhoukou Tourism; SSM framework, MySQL database

1 緒論

1.1 研究背景

城市旅游品牌是一個城市在推廣自身城市旅游形象的過程中,根據(jù)城市的旅游發(fā)展戰(zhàn)略定位所傳遞給社會大眾的核心概念,并得到社會的認可。隨著時代節(jié)奏的加快和競爭的日益激烈，一個城市的旅游業(yè)要想立足和發(fā)展,打造品牌,強化核心競爭力已成必然趨勢。事實證明，一個強勢品牌的形成是一項復雜的任務,牽涉到品牌體系的構(gòu)建、實施和推廣,是一項長期持續(xù)的過程,并不是一勞永逸的事情。我國現(xiàn)在并不是缺乏有特色的城市,但缺乏對城市旅游品牌精準的定位和持之以恒的創(chuàng)建。另一個問題就是城市旅游品牌體系創(chuàng)建缺少相關(guān)工作和向?qū)嵺`層面上的轉(zhuǎn)化.品牌體系的打造不是一紙空文,需要轉(zhuǎn)化到實踐層面上,也就是實現(xiàn)品牌體系的輸出和落地,這樣才能帶來相應的品牌效益。

1.2研究意義

當今網(wǎng)絡(luò)普及，信息技術(shù)猛速的發(fā)展著，社會的各個領(lǐng)域都在緊跟時代的腳步不斷創(chuàng)新，不斷改革，已經(jīng)發(fā)生了巨大的變化，從以往的人工手動來處理信息數(shù)據(jù)，到現(xiàn)在的計算機智能化處理信息數(shù)據(jù)，得到了質(zhì)的改變，將繁瑣、耗時大、易泄密、難保存等缺點改變成了操作快速、省時省力、高保密性、易保存等優(yōu)點，這讓社會的每一領(lǐng)域都受益。

在互聯(lián)網(wǎng)+時代的來臨，電子商務的驟起，一時間網(wǎng)絡(luò)進行購物這一形式備受歡迎，到現(xiàn)在，網(wǎng)購更是普及。現(xiàn)如今，各個行業(yè)也通過網(wǎng)購的方式來進行拓展業(yè)務，增加企業(yè)的知名度以及提升業(yè)績，滿足了用戶像網(wǎng)購一樣，線上查看旅游信息，進行景區(qū)預訂，利用當下火熱的計算機技術(shù)來針對旅游服務相關(guān)業(yè)務建設(shè)一個安全、可靠、專業(yè)的信息管理系統(tǒng)，能讓管理的流程更加的便捷，能讓投入的人力有所減少，能夠讓效率得到明顯的提升，還能給用戶提供更高品質(zhì)的服務。

1.3論文結(jié)構(gòu)與章節(jié)安排

本文共分為六章，章節(jié)內(nèi)容安排如下：

第一章為引言，此章節(jié)對所設(shè)計和實現(xiàn)的系統(tǒng)的背景和狀況以及意義進行詳細的論述以及說明，同時進行了論文整體框架的結(jié)構(gòu)的簡要介紹。

第二章為系統(tǒng)需求分析，章節(jié)所做的主要的工作是對系統(tǒng)進行了技術(shù)、經(jīng)濟和操作方面可行性的分析；對系統(tǒng)實行了總體功能的需求、用例分析。

第三章為系統(tǒng)的設(shè)計，主要是對系統(tǒng)的功能結(jié)構(gòu)進行設(shè)計，并對系統(tǒng)數(shù)據(jù)庫的概念結(jié)構(gòu)以及物理結(jié)構(gòu)的設(shè)計進行了分析。

第四章就是對系統(tǒng)的實現(xiàn)，根據(jù)系統(tǒng)功能的劃分，分別的對系統(tǒng)所需要實現(xiàn)的前臺客戶功能和后臺管理員功能進行了分析和說明。

第五章：系統(tǒng)測試。主要對系統(tǒng)的部分界面進行測試并對主要功能進行測試

第六章：總結(jié)。

1.4微信開發(fā)者工具

微信開發(fā)者工具現(xiàn)在已經(jīng)被小程序開發(fā)團隊開發(fā)運行，目前微信開發(fā)者工具任然在不斷的完善中，在開發(fā)小程序時經(jīng)常要不斷的更新?？梢允褂梦⑿艗叽a登陸開發(fā)者工具，開發(fā)者工具將使用這個微信帳號的信息進行小程序的開發(fā)和調(diào)試。

機型選擇：小程序以智能手機的屏幕尺寸為設(shè)計標準，進行切圖。

預覽界面：寫好視圖布局后點擊編譯，用來刷新視圖界面。

控制臺：方便調(diào)試打印輸出信息。

上傳代碼：上傳到騰訊服務器，提交審核必經(jīng)步驟。上傳代碼時可以填寫版本號和備注信息。

資源文件：一般可以在資源文件進行對應項目的文件目錄的斷點調(diào)試。

顯示遠程調(diào)試：手機端和PC端開發(fā)工具聯(lián)調(diào)對用戶而言是非常實用的。

本地數(shù)據(jù)存儲：顯示的是本地存儲的數(shù)據(jù)。

視圖調(diào)試：標組件以子父層級結(jié)構(gòu)呈現(xiàn)，方便調(diào)試

2?周口旅游大全微信小程序系統(tǒng)分析

系統(tǒng)需求分析是系統(tǒng)開發(fā)的一個關(guān)鍵環(huán)節(jié)，它在系統(tǒng)的設(shè)計和實現(xiàn)上起到了一個承上啟下的位置。系統(tǒng)需求分析是對所需要做的系統(tǒng)進行一個需求的挖掘，如果分析的準確可以精準的解決現(xiàn)實中碰到的問題。如果分析不到位會影響后期系統(tǒng)的實現(xiàn)。一個系統(tǒng)的優(yōu)秀程度需求分析也是占據(jù)了非常大的比例，如果需求分析不到位，后面的系統(tǒng)設(shè)計要實現(xiàn)就是一個偏離導航的設(shè)計。

2.1 可行性分析

系統(tǒng)可行行分析是對系統(tǒng)對系統(tǒng)可行性進行一個探討。在探討系統(tǒng)的可行性上我們主要從技術(shù)上的可行性和經(jīng)濟上的可行性以及法律層面的可行性上進行分析，如果三個層面度通過，我們則認為系統(tǒng)是比較可行的。

2.1.1 技術(shù)可行性分析

周口旅游大全微信小程序設(shè)計與實現(xiàn)是一個基于微信小程序的周口市旅游信息查詢以及門票預訂平臺，我們在實現(xiàn)這個系統(tǒng)所采用的技術(shù)方案是基于Java的 Web實現(xiàn)方案，SSM框架是一個非常成熟的框架、Java從97年誕生到現(xiàn)在經(jīng)歷了野蠻的生長，Java在各個領(lǐng)域度是有做非常成熟的解決方案，如電信、銀行、電商等。SSM又是一套快速整個項目的開箱即用的技術(shù)方案。所以采用基于SSM方式來實現(xiàn)本系統(tǒng)是一個非常成熟有簡單的技術(shù)方案。技術(shù)可行性上是非?？尚械摹?/p>

2.1.2?經(jīng)濟可行性分析

從經(jīng)濟可行性上看項目在開發(fā)階段需要一臺開發(fā)PC，在生產(chǎn)階段需要web服務器和數(shù)據(jù)庫服務器。一臺個人PC從經(jīng)濟上來看也不是太多問題，在后期的系統(tǒng)部署生產(chǎn)上來說，服務器的投入也不會過高，在經(jīng)濟層面上是一個比較可行的。

2.1.3 法律可行性分析

系統(tǒng)從法律層面上來沒有對第三方有其他放有法律層面的問題，系統(tǒng)數(shù)據(jù)庫采用的Mysql 開源社區(qū)數(shù)據(jù)庫、框架采用的是開源的SSM。系統(tǒng)資訊和相關(guān)內(nèi)容也是呵呵法律層面的。在源碼的管理上采用git開源進行管理，所以在法律可行性上是成立的。

2.2 系統(tǒng)功能分析

2.2.1 功能性分析

周口旅游大全微信小程序我劃分為了用戶管理模塊和管理員模塊這兩大部分。

用戶管理模塊：

（1）用戶注冊登錄：游客可以隨時進入到系統(tǒng)中，對系統(tǒng)中的信息瀏覽，但是想要實現(xiàn)交流以及預訂操作，就必須有這個系統(tǒng)的賬號，如果沒有賬號的話，可以注冊成員用戶進行相關(guān)的操作，同時用戶還可以通過“注冊”這以按鈕對個人信息以及操作的信息進行管控。

（2）查看周口旅游大全微信小程序的首頁信息：周口旅游大全微信小程序的首頁信息包含了首頁、公告通知、新聞資訊、景點信息等。

（3）旅游景點：用戶可以查看旅游景點，可以進入關(guān)鍵字搜索相關(guān)旅游景點，查看景點具體內(nèi)容，可對旅游景點進行點贊、收藏、及評論等操作。

（4）新聞資訊：用戶點擊新聞資訊，可以進入瀏覽新聞資訊信息，同時可以對新聞資訊進行點贊、收藏、評論等操作。

（5）門票預訂：用戶可以在線進行景點門票的預訂，還可以對訂單進行查詢、支付等操作。

管理員管理模塊：

1. 輪播圖與通知公告管理：管理員可以對系統(tǒng)前臺展示的輪播圖以及公告進行增刪改查，方便用戶進行查看。

（2）系統(tǒng)用戶管理：管理員可以對周口旅游大全微信小程序中的管理員及普通用戶進行增刪改查。

（3）資訊管理：管理員可以對周口旅游大全微信小程序前臺展示的新聞資訊以及資訊分類列進行管控。

（4）旅游景點管理：點擊“旅游景點”按鈕會顯示自己發(fā)布的所有的景點信息，如果想要添加新的景點，點擊“添加”按鈕根據(jù)提示輸入景點信息，點擊“提交”后在旅游景點界面就可以顯示了，也可以直接刪除某一景點，同時設(shè)有查看管理評論的功能，對用戶提交的評論進行管控。

（5）門票訂單：點擊“門票訂單”可以查看用戶的景點門票訂單詳情。

2.2.2 非功能性分析

周口旅游大全微信小程序的非功能性需求比如周口旅游大全微信小程序的安全性怎么樣，可靠性怎么樣，性能怎么樣，可拓展性怎么樣等。具體可以表示在如下3-1表格中：

表3-1周口旅游大全微信小程序非功能需求表

安全性	主要指周口旅游大全微信小程序數(shù)據(jù)庫的安裝，數(shù)據(jù)庫的使用和密碼的設(shè)定必須合乎規(guī)范。
可靠性	可靠性是指周口旅游大全微信小程序能夠按照用戶提交的指示進行操作，經(jīng)過測試，可靠性90%以上。
性能	性能是影響周口旅游大全微信小程序占據(jù)市場的必要條件，所以性能最好要佳才好。
可擴展性	比如數(shù)據(jù)庫預留多個屬性，比如接口的使用等確保了系統(tǒng)的非功能性需求。
易用性	用戶只要跟著周口旅游大全微信小程序的頁面展示內(nèi)容進行操作，就可以了。
可維護性	周口旅游大全微信小程序開發(fā)的可維護性是非常重要的，經(jīng)過測試，可維護性沒有問題

2.3?系統(tǒng)用例分析

周口旅游大全微信小程序的完整UML用例圖分別是圖2-1、圖2-2和圖2-3。

圖2-1就是用戶角色的用例展示。

圖2-1?周口旅游大全微信小程序用戶角色用例圖

圖2-2就是管理員角色的用例展示。

圖2-2周口旅游大全微信小程序管理員角色用例圖

2.4 系統(tǒng)流程分析

2.4.1?數(shù)據(jù)流程

開發(fā)周口旅游大全微信小程序最主要的一個目的就是實現(xiàn)用戶對景點門票的預訂，圖2-3就是系統(tǒng)的數(shù)據(jù)流圖。

圖2-3景點門票預訂操作展開圖

2.4.2?業(yè)務流程

分析完周口旅游大全微信小程序的數(shù)據(jù)流，那么接下來我們來看系統(tǒng)的業(yè)務流程，圖2-4就是業(yè)務流程圖：

圖2-4業(yè)務流程圖

2.5本章小結(jié)

本章主要通過對周口旅游大全微信小程序的可行性分析、功能需求分析、系統(tǒng)用例分析、系統(tǒng)流程分析，確定整個周口旅游大全微信小程序要實現(xiàn)的功能。同時也為周口旅游大全微信小程序的代碼實現(xiàn)和測試提供了標準。

3 周口旅游大全微信小程序總體設(shè)計

本章主要討論的內(nèi)容包括周口旅游大全微信小程序的功能模塊設(shè)計、數(shù)據(jù)庫系統(tǒng)設(shè)計。

3.1?系統(tǒng)功能模塊設(shè)計

3.1.1整體功能模塊設(shè)計

在上一章節(jié)中主要對系統(tǒng)的功能性需求和非功能性需求進行分析，并且根據(jù)需求分析了本周口旅游大全微信小程序中的用例。那么接下來就要開始對本周口旅游大全微信小程序的架構(gòu)、主要功能和數(shù)據(jù)庫開始進行設(shè)計。周口旅游大全微信小程序根據(jù)前面章節(jié)的需求分析得出，其總體設(shè)計模塊圖如圖3-1所示。

圖3-1?周口旅游大全微信小程序功能模塊圖

3.1.2用戶模塊設(shè)計

本系統(tǒng)的用戶包括管理員和用戶兩種用戶模塊的功能基本是相同的，用戶比管理員多了一個注冊功能，所以以用戶模塊的結(jié)構(gòu)圖為例進行分析，用戶模塊結(jié)構(gòu)圖為例進行分析，如下圖：

圖3-2用戶模塊結(jié)構(gòu)圖

3.1.3?評論管理模塊設(shè)計

周口旅游大全微信小程序是一個交流性質(zhì)的公開平臺，用戶在平臺上提交評論，增加用戶之間的互動性。但是同時也為了更好的規(guī)范評論的內(nèi)容，給予管理員刪除不合適的評論的功能，所以需要專門設(shè)計一個評論管理模塊，具體的結(jié)構(gòu)圖如下：

圖3-3評論管理模塊結(jié)構(gòu)圖

3.1.4旅游景點信息管理模塊設(shè)計

周口旅游大全微信小程序是中需要存儲不少景點信息，其模塊功能結(jié)構(gòu)，具體的結(jié)構(gòu)圖如下：

圖3-4旅游景點信息模塊結(jié)構(gòu)圖

3.1.5預訂管理模塊設(shè)計

周口旅游大全微信小程序最重要的一個功能就是預訂，其模塊功能結(jié)構(gòu)，具體的結(jié)構(gòu)圖如下：

圖3-5預訂信息模塊結(jié)構(gòu)圖

3.2 數(shù)據(jù)庫設(shè)計

數(shù)據(jù)庫設(shè)計一般包括需求分析、概念模型設(shè)計、數(shù)據(jù)庫表建立三大過程，其中需求分析前面章節(jié)已經(jīng)闡述，概念模型設(shè)計有概念模型和邏輯結(jié)構(gòu)設(shè)計兩部分。

3.2.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計

下面是整個周口旅游大全微信小程序中主要的數(shù)據(jù)庫表總E-R實體關(guān)系圖。

圖3-6?周口旅游大全微信小程序總E-R關(guān)系圖

3.3.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計

通過上一小節(jié)中周口旅游大全微信小程序中總E-R關(guān)系圖上得出一共需要創(chuàng)建很多個數(shù)據(jù)表。在此我主要羅列幾個主要的數(shù)據(jù)庫表結(jié)構(gòu)設(shè)計。

?表attraction_information (景點信息)

編號	名稱	數(shù)據(jù)類型	長度	小數(shù)位	允許空值	主鍵	默認值	說明
1	attraction_information_id	int	10	0	N	Y		景點信息ID
2	name_of_scenic_spot	varchar	64	0	Y	N		景點名稱
3	pictures_of_scenic_spots	varchar	255	0	Y	N		景點圖片
4	scenic_spot_information	varchar	64	0	Y	N		景點信息
5	types_of_attractions	varchar	64	0	Y	N		景點類型
6	scenic_spot_features	varchar	64	0	Y	N		景點特色
7	ticket_price	int	10	0	Y	N	0	門票價錢
8	location_of_scenic_spots	varchar	64	0	Y	N		景點位置
9	attraction_details	text	65535	0	Y	N		景點詳情
10	hits	int	10	0	N	N	0	點擊數(shù)
11	praise_len	int	10	0	N	N	0	點贊數(shù)
12	recommend	int	10	0	N	N	0	智能推薦
13	location_address	varchar	64	0	Y	N		當前位置
14	location_lng	varchar	64	0	Y	N		當前位置經(jīng)度
15	location_lat	varchar	64	0	Y	N		當前位置緯度
16	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	創(chuàng)建時間
17	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新時間

表notice (公告)

編號	名稱	數(shù)據(jù)類型	長度	小數(shù)位	允許空值	主鍵	默認值	說明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		標題：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	創(chuàng)建時間：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新時間：

表registered_users (注冊用戶)

編號	名稱	數(shù)據(jù)類型	長度	小數(shù)位	允許空值	主鍵	默認值	說明
1	registered_users_id	int	10	0	N	Y		注冊用戶ID
2	user_name	varchar	64	0	Y	N		用戶姓名
3	user_gender	varchar	64	0	Y	N		用戶性別
4	user_age	int	10	0	Y	N	0	用戶年齡
5	examine_state	varchar	16	0	N	N	已通過	審核狀態(tài)
6	recommend	int	10	0	N	N	0	智能推薦
7	user_id	int	10	0	N	N	0	用戶ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	創(chuàng)建時間
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新時間

表slides (輪播圖)

編號	名稱	數(shù)據(jù)類型	長度	小數(shù)位	允許空值	主鍵	默認值	說明
1	slides_id	int	10	0	N	Y		輪播圖ID：
2	title	varchar	64	0	Y	N		標題：
3	content	varchar	255	0	Y	N		內(nèi)容：
4	url	varchar	255	0	Y	N		鏈接：
5	img	varchar	255	0	Y	N		輪播圖：
6	hits	int	10	0	N	N	0	點擊量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	創(chuàng)建時間：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新時間：

表ticket_orders (門票訂單)

編號	名稱	數(shù)據(jù)類型	長度	小數(shù)位	允許空值	主鍵	默認值	說明
1	ticket_orders_id	int	10	0	N	Y		門票訂單ID
2	name_of_scenic_spot	varchar	64	0	Y	N		景點名稱
3	scenic_spot_information	varchar	64	0	Y	N		景點信息
4	types_of_attractions	varchar	64	0	Y	N		景點類型
5	ticket_price	int	10	0	Y	N	0	門票價錢
6	ticketing_users	int	10	0	Y	N	0	購票用戶
7	ticket_purchase_time	date	10	0	Y	N		購票時間
8	number_of_tickets_purchased	int	10	0	Y	N	0	購票數(shù)量
9	total_price	varchar	64	0	Y	N		合計總價
10	ticket_purchase_status	varchar	64	0	Y	N		購票狀態(tài)
11	pay_state	varchar	16	0	N	N	未支付	支付狀態(tài)
12	pay_type	varchar	16	0	Y	N		支付類型: 微信、支付寶、網(wǎng)銀
13	recommend	int	10	0	N	N	0	智能推薦
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	創(chuàng)建時間
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新時間

3.4本章小結(jié)

整個周口旅游大全微信小程序的需求分析主要對系統(tǒng)總體架構(gòu)以及功能模塊的設(shè)計，通過建立E-R模型和數(shù)據(jù)庫邏輯系統(tǒng)設(shè)計完成了數(shù)據(jù)庫系統(tǒng)設(shè)計。

4?周口旅游大全微信小程序詳細設(shè)計與實現(xiàn)

周口旅游大全微信小程序的詳細設(shè)計與實現(xiàn)主要是根據(jù)前面的周口旅游大全微信小程序的需求分析和周口旅游大全微信小程序的總體設(shè)計來設(shè)計頁面并實現(xiàn)業(yè)務邏輯。主要從周口旅游大全微信小程序界面實現(xiàn)、業(yè)務邏輯實現(xiàn)這兩部分進行介紹。

4.1用戶功能模塊

4.1.1 前臺首頁界面

當進入周口旅游大全微信小程序的時候，系統(tǒng)以上中下的布局進行展示，首先映入眼簾的是系統(tǒng)的導航欄，下面是輪播圖，再往下是通知公告，其主界面展示如下圖4-1所示。

圖4-1?前臺首頁界面圖

前臺首頁的邏輯代碼如下所示。

public List selectBaseList(String select) {

????????List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

????????List<E> list = new ArrayList<>();

????????for (Map<String,Object> map:mapList) {

????????????list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

????????}

????????return list;

}

4.1.2 用戶注冊界面

旅游信息管理系統(tǒng)的游客和景區(qū)管理者時可以進行注冊登錄，當用戶右上角“注冊”按鈕的時候，當填寫上自己的賬號+密碼+確認密碼+昵稱+郵箱+手機號等后再點擊“注冊”按鈕后將會先驗證輸入的有沒有空數(shù)據(jù)，再次驗證密碼和確認密碼是否是一樣的，最后驗證輸入的賬戶名和數(shù)據(jù)庫表中已經(jīng)注冊的賬戶名是否重復，只有都驗證沒問題后即可會員注冊成功。其用會員注冊界面展示如下圖4-2所示。

圖4-2注冊界面圖

用戶登錄的邏輯代碼如下所示。

????/**

?????* 注冊

?????* @return

?????*/

????@PostMapping("register")

????public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

????????// 查詢用戶

????????Map<String, String> query = new HashMap<>();

????????Map<String,Object> map = service.readBody(request.getReader());

????????query.put("username",String.valueOf(map.get("username")));

????????List list = service.selectBaseList(service.select(query, new HashMap<>()));

????????if (list.size()>0){

????????????return error(30000, "用戶已存在");

????????}

????????map.put("password",service.encryption(String.valueOf(map.get("password"))));

????????service.insert(map);

????????return success(1);

}

????public Map<String,Object> readBody(BufferedReader reader){

????????BufferedReader br = null;

????????StringBuilder sb = new StringBuilder("");

????????try{

????????????br = reader;

????????????String str;

????????????while ((str = br.readLine()) != null){

????????????????sb.append(str);

????????????}

????????????br.close();

????????????String json = sb.toString();

????????????return JSONObject.parseObject(json, Map.class);

????????}catch (IOException e){

????????????e.printStackTrace();

????????}finally{

????????????if (null != br){

????????????????try{

????????????????????br.close();

????????????????}catch (IOException e){

????????????????????e.printStackTrace();

????????????????}

????????????}

????????}

????????return null;

????}

????public void insert(Map<String,Object> body){

????????E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

????????baseMapper.insert(entity);

????????log.info("[{}] - 插入操作：{}",entity);

}

4.1.3 用戶登錄界面

周口旅游大全微信小程序中的前臺上注冊后的用戶是可以通過自己的賬戶名和密碼進行登錄的，當會員輸入完整的自己的賬戶名和密碼信息并點擊“登錄”按鈕后，將會首先驗證輸入的有沒有空數(shù)據(jù)，再次驗證輸入的賬戶名+密碼和數(shù)據(jù)庫中當前保存的用戶信息是否一致，只有在一致后將會登錄成功并自動跳轉(zhuǎn)到周口旅游大全微信小程序的首頁中；否則將會提示相應錯誤信息，用戶登錄界面如下圖4-3所示。

??????????????????????????????????????????

圖4-3用戶登錄界面圖

用戶登錄的邏輯代碼如下所示。

/**

?????* 登錄

?????* @param data

?????* @param httpServletRequest

?????* @return

?????*/

????@PostMapping("login")

????public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

????????log.info("[執(zhí)行登錄接口]");

????????String username = data.get("username");

????????String email = data.get("email");

????????String phone = data.get("phone");

????????String password = data.get("password");

????????List resultList = null;

????????QueryWrapper wrapper = new QueryWrapper<User>();

????????Map<String, String> map = new HashMap<>();

????????if(username != null && "".equals(username) == false){

????????????map.put("username", username);

????????????resultList = service.selectBaseList(service.select(map, new HashMap<>()));

????????}

????????else if(email != null && "".equals(email) == false){

????????????map.put("email", email);

????????????resultList = service.selectBaseList(service.select(map, new HashMap<>()));

????????}

????????else if(phone != null && "".equals(phone) == false){

????????????map.put("phone", phone);

????????????resultList = service.selectBaseList(service.select(map, new HashMap<>()));

????????}else{

????????????return error(30000, "賬號或密碼不能為空");

????????}

????????if (resultList == null || password == null) {

????????????return error(30000, "賬號或密碼不能為空");

????????}

????????//判斷是否有這個用戶

????????if (resultList.size()<=0){

????????????return error(30000,"用戶不存在");

????????}

????????User byUsername = (User) resultList.get(0);

????????Map<String, String> groupMap = new HashMap<>();

????????groupMap.put("name",byUsername.getUserGroup());

????????List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

????????if (groupList.size()<1){

????????????return error(30000,"用戶組不存在");

????????}

????????UserGroup userGroup = (UserGroup) groupList.get(0);

????????//查詢用戶審核狀態(tài)

????????if (!StringUtils.isEmpty(userGroup.getSourceTable())){

????????????String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

????????????if (res==null){

????????????????return error(30000,"用戶不存在");

????????????}

????????????if (!res.equals("已通過")){

????????????????return error(30000,"該用戶審核未通過");

????????????}

????????}

????????//查詢用戶狀態(tài)

????????if (byUsername.getState()!=1){

????????????return error(30000,"用戶非可用狀態(tài)，不能登錄");

????????}

????????String md5password = service.encryption(password);

????????if (byUsername.getPassword().equals(md5password)) {

????????????// 存儲Token到數(shù)據(jù)庫

????????????AccessToken accessToken = new AccessToken();

????????????accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

????????????accessToken.setUser_id(byUsername.getUserId());

????????????tokenService.save(accessToken);

????????????// 返回用戶信息

????????????JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

????????????user.put("token", accessToken.getToken());

????????????JSONObject ret = new JSONObject();

????????????ret.put("obj",user);

????????????return success(ret);

????????} else {

????????????return error(30000, "賬號或密碼不正確");

????????}

}

????public String select(Map<String,String> query,Map<String,String> config){

????????StringBuffer sql = new StringBuffer("select ");

????????sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

????????sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

????????if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

????????????sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

????????}

????????if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

????????????sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

????????}

????????if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

????????????int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

????????????int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

????????????sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

????????}

????????log.info("[{}] - 查詢操作，sql: {}",table,sql);

????????return sql.toString();

}

????public List selectBaseList(String select) {

????????List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

????????List<E> list = new ArrayList<>();

????????for (Map<String,Object> map:mapList) {

????????????list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

????????}

????????return list;

}

4.1.4公告通知界面

當點擊導航欄上的“公告通知”的時候，就會進入對應的界面查看公告通知列表，公告通知界面如下圖4-4所示。

圖4-4公告通知界面圖

公告通知關(guān)鍵代碼如下所示。

@RequestMapping("/get_list")

????public Map<String, Object> getList(HttpServletRequest request) {

????????Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

????????return success(map);

4.1.5?新聞資訊界面

當訪客點擊周口旅游大全微信小程序中導航欄上的“新聞資訊”后將會進入到該“新聞資訊”列表的界面，然后選擇想要看的新聞資訊，點擊進入到詳細界面，在詳細界面可以收藏+點贊贊+評論等操作，新聞資訊界面如下圖4-5所示。

圖4-5新聞資訊界面圖

4.1.6?旅游景點詳情界面

當訪客點擊“旅游景點”后就可以看到所有的景點信息，可以輸入景點名稱或者景點類型進行搜索查詢，選擇你想要了解的景點后將會進入該景點的詳情界面，可以了解到該景點的景區(qū)、景點名稱、門票價格等，同時可以對點擊下方的“點贊”、“收藏”進行相關(guān)操作，也可以在下方評論區(qū)輸入想要評論的內(nèi)容進行評論，景點詳情展示頁面如圖4-6所示。

圖4-6?景點詳情界面圖

景點信息關(guān)鍵代碼如下所示。

@RequestMapping("/get_obj")

????public Map<String, Object> obj(HttpServletRequest request) {

????????List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

????????if (resultList.size() > 0) {

????????????JSONObject jsonObject = new JSONObject();

????????????jsonObject.put("obj",resultList.get(0));

????????????return success(jsonObject);

????????} else {

????????????return success(null);

????????}

}

4.1.7?門票預訂

當用戶點擊的“景點信息”鏈接后就進入門票預訂的界面，點用戶可以進行在線購票。預訂界面如下圖4-7所示。

圖4-7門票預訂界面圖

門票預訂關(guān)鍵代碼如下所示。

@RequestMapping("/get_list")

????public Map<String, Object> getList(HttpServletRequest request) {

????????Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

????????return success(map);

4.2管理員功能模塊

、

4.2.1系統(tǒng)用戶管理界面

周口旅游大全微信小程序中的管理人員在“系統(tǒng)用戶”這一菜單是中可以對注冊的游客用戶管理員進行管控。界面如下圖4-8所示。

圖4-8用戶管理界面圖

用戶管理關(guān)鍵代碼如下所示。

????@PostMapping("/add")

????@Transactional

????public Map<String, Object> add(HttpServletRequest request) throws IOException {

????????Map<String,Object> paramMap = service.readBody(request.getReader());

????????this.addMap(paramMap);

????????return success(1);

}

????@Transactional

????public Map<String, Object> addMap(Map<String,Object> map){

????????service.insert(map);

????????return success(1);

}

4.2.2 輪播圖界面

管理員可以對系統(tǒng)前臺展示的輪播圖以進行增刪改查，方便用戶進行查看，界面如下圖4-9所示。

圖4-9輪播圖管理界面圖

輪播圖管理關(guān)鍵代碼如下所示。

@PostMapping("/add")

????@Transactional

????public Map<String, Object> add(HttpServletRequest request) throws IOException {

????????service.insert(service.readBody(request.getReader()));

????????return success(1);

????}

????@Transactional

????public Map<String, Object> addMap(Map<String,Object> map){

????????service.insert(map);

????????return success(1);

}

4.2.3新聞資訊管理界面

在后臺點擊“新聞資訊”按鈕會顯示所有的新聞資訊信息，如果想要添加新的新聞資訊，點擊“添加”按鈕根據(jù)提示輸入新聞資訊信息，點擊“提交”后在新聞資訊界面就可以顯示了，也可以直接刪除某一新聞資訊，同時設(shè)有查看管理評論的功能，對用戶提交的評論進行管控。界面如下圖4-10所示。

圖4-10新聞資訊管理界面圖

4.2.4訂單管理界面

點擊“門票訂單”按鈕會顯示出訂單的所有的信息，支持對訂單信息的查詢。門票訂單界面如下圖4-11所示。門票訂單界面如下圖4-12所示。

圖4-10?門票訂單管理界面圖

門票訂單管理關(guān)鍵代碼如下所示。

@RequestMapping("/get_obj")

????public Map<String, Object> obj(HttpServletRequest request) {

????????List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

????????if (resultList.size() > 0) {

????????????JSONObject jsonObject = new JSONObject();

????????????jsonObject.put("obj",resultList.get(0));

????????????return success(jsonObject);

????????} else {

????????????return success(null);

????????}

}

4.2.5旅游景點管理界面

在后臺點擊“旅游景點”按鈕會顯示所有的旅游景點信息，如果想要添加新的旅游景點，點擊“添加”按鈕根據(jù)提示輸入旅游景點信息，點擊“提交”后在旅游景點界面就可以顯示了，也可以直接刪除某一旅游景點，同時設(shè)有查看管理評論的功能，對用戶提交的評論進行管控。界面如下圖4-11所示。

圖4-11?旅游景點管理界面圖

旅游景點管理關(guān)鍵代碼如下所示。

@PostMapping("/upload")

????public Map<String, Object> upload(@RequestParam(value = "file",required=false) MultipartFile file,HttpServletRequest request) {

????????log.info("進入方法");

????????if (file.isEmpty()) {

????????????return error(30000, "沒有選擇文件");

????????}

????????try {

????????????//判斷有沒路徑，沒有則創(chuàng)建

????????????String filePath = request.getSession().getServletContext().getRealPath("\\") +"upload\\";

// ???????????String filePath = System.getProperty("user.dir") + "\\target\\classes\\static\\upload\\";

????????????File targetDir = new File(filePath);

????????????if (!targetDir.exists() && !targetDir.isDirectory()) {

????????????????if (targetDir.mkdirs()) {

????????????????????log.info("創(chuàng)建目錄成功");

????????????????} else {

????????????????????log.error("創(chuàng)建目錄失敗");

????????????????}

????????????}

// ???????????String path = ResourceUtils.getURL("classpath:").getPath() + "static/upload/";

// ???????????String filePath = path.replace('/', '\\').substring(1, path.length());

????????????String fileName = file.getOriginalFilename();

????????????int lastIndexOf = fileName.lastIndexOf(".");

????????????//獲取文件的后綴名 .jpg

????????????String suffix = fileName.substring(lastIndexOf);

????????????fileName = IdWorker.getId()+suffix;

????????????File dest = new File(filePath + fileName);

????????????log.info("文件路徑:{}", dest.getPath());

????????????log.info("文件名:{}", dest.getName());

????????????file.transferTo(dest);

????????????JSONObject jsonObject = new JSONObject();

????????????jsonObject.put("url", "/api/upload/" + fileName);

????????????return success(jsonObject);

????????} catch (IOException e) {

????????????log.info("上傳失?。簕}", e.getMessage());

????????}

????????return error(30000, "上傳失敗");

}

5系統(tǒng)測試

5.1?系統(tǒng)測試用例

系統(tǒng)測試包括：用戶登錄功能測試、新聞資訊展示功能測試、旅游景點添加、旅游景點搜索、密碼修改、門票預訂測試，如表5-1、5-2、5-3、5-4、5-5、5-6所示：

用戶登錄功能測試：

表5-1?用戶登錄功能測試表

用例名稱	用戶登錄系統(tǒng)
目的	測試用戶通過正確的用戶名和密碼可否登錄功能
前提	未登錄的情況下
測試流程	1) 進入登錄頁面 2) 輸入正確的用戶名和密碼
預期結(jié)果	用戶名和密碼正確的時候，跳轉(zhuǎn)到登錄成功界面，反之則顯示錯誤信息，提示重新輸入
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

新聞資訊查看功能測試：

表5-2?新聞資訊查看功能測試表

用例名稱	新聞資訊查看
目的	測試新聞資訊查看功能
前提	用戶登錄
測試流程	點擊新聞資訊列表
預期結(jié)果	可以查看到所有新聞資訊信息
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

景區(qū)管理者添加旅游景點界面測試：

表5-3?旅游景點界面測試表

用例名稱	添加旅游景點測試用例
目的	測試旅游景點添加功能
前提	景區(qū)管理者用戶正常登錄情況下
測試流程	1）管理員點擊旅游景點，然后點擊添加后并填寫信息。 2）點擊進行提交。
預期結(jié)果	提交以后，頁面首頁會顯示新的景點信息?
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

景點搜索功能測試：

表5-4景點搜索功能測試表

用例名稱	景點搜索測試
目的	測試景點搜索功能
前提	無
測試流程	1）在搜索框填入搜索關(guān)鍵字。 2）點擊搜索按鈕。
預期結(jié)果	頁面顯示包含有搜索關(guān)鍵字的景點
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

密碼修改搜索功能測試：

表5-5 密碼修改功能測試表

用例名稱	密碼修改測試用例
目的	測試管理員密碼修改功能
前提	管理員用戶正常登錄情況下
測試流程	1）管理員密碼修改并完成填寫。 2）點擊進行提交。
預期結(jié)果	使用新的密碼可以登錄
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

預訂功能測試：

表5-6門票預定功能測試表

用例名稱	門票預定測試用例
目的	測試用戶門票預定功能
前提	用戶正常登錄情況下
測試流程	1）搜索查看門票信息，點擊預訂。 2）填寫預訂信息，點擊進行提交。
預期結(jié)果	預訂成功
實際結(jié)果	實際結(jié)果與預期結(jié)果一致

5.2?系統(tǒng)測試結(jié)果

通過編寫周口旅游大全微信小程序的測試用例，已經(jīng)檢測完畢用戶登錄模塊、新聞資訊展示模塊、旅游景點添加模塊、景點搜索模塊、密碼修改模塊、預訂模塊功能測試，通過這6大模塊為周口旅游大全微信小程序的后期推廣運營提供了強力的技術(shù)支撐。

結(jié)論

本文描述了周口旅游大全微信小程序設(shè)計與實現(xiàn)的原理和開發(fā)過程，該系統(tǒng)是通過SSM框架來搭建后臺，中間件使用的是Tomcat服務器，數(shù)據(jù)庫管理平臺采用開源的Mysql，前臺使用的是JQuery框架，同時使用Validate校驗框架，這樣就可以減少前端代碼的輸入量，而且基于JQuery框架的Validat框架使用簡單，是流行的前端使用框架，前端使用的主要是Jsp頁面展示技術(shù)。?

在開發(fā)前做了許多的準備，在本系統(tǒng)的設(shè)計和開發(fā)過程中閱覽和學習了許多文獻資料，從開發(fā)這個周口旅游大全微信小程序的過程中我也收獲了許許多多寶貴的方法以及設(shè)計思路，對系統(tǒng)的開發(fā)也起到了很重要的作用，系統(tǒng)的開發(fā)技術(shù)選用的都是自己比較熟悉的，比如Web、SSM、MYSQL，這些技術(shù)都是在以前的學習中學到了，其中許多的設(shè)計思路和方法都是在以前不斷地學習中摸索出來的經(jīng)驗，其實對于我們來說工作量還是比較大的，但是正是由于之前的積累與準備，才能順利的完成這個項目，由此看來，積累經(jīng)驗跟做好準備是十分重要的事情。

當然在該系統(tǒng)的設(shè)計與實現(xiàn)的過程中也離不開老師以及同學們的幫助，正是因為他們的指導與幫助，我才能夠成功的在預期內(nèi)完成了這個系統(tǒng)。同時在這個過程當中我也收獲了很多東西，此系統(tǒng)也有需要改進的地方，但是由于專業(yè)知識的淺薄，并不能做到十分完美，希望以后有機會可以讓其真正的投入到使用之中。

參考文獻

[1]謝上,胡省莎,韓茂洲.標簽推薦算法下旅游規(guī)劃APP研究與設(shè)計[J].福建電腦,2021,37(09):79-82.

[2]宋陽春. 基于圖神經(jīng)網(wǎng)絡(luò)的景點推薦方法研究與應用[D].西安理工大學,2021.

[3]羅毅夫. 基于深度學習的昆明市旅游路線推薦算法研究[D].云南財經(jīng)大學,2021.

[4]劉娜.基于游客好奇心的旅游信息推薦系統(tǒng)[J].微型電腦應用,2021,37(04):137-139.

[5]張鑫,許璐璐.融入景點標簽的矩陣分解個性化推薦[J].軟件導刊,2021,20(04):199-204.

[6]梁存桂. 基于Spark云計算平臺的旅游景點推薦算法優(yōu)化研究[D].桂林理工大學,2021.

[7]段佳希. 基于眾包模式的旅游系統(tǒng)研究與設(shè)計[D].山東師范大學,2020.

[8]李茹. 融合多特征信息的推薦算法研究[D].西安科技大學,2020.

[9]Eka Mala Sari Rochman,Ifan Pratama, Husni,Aeri Rachmad. Implementation of Fuzzy Mamdani For Recommended Tourist Locations In Madura[J]. Journal of Physics: Conference Series,2020,1477(2):

[10]張晉逢. 基于DGKDK的混合旅游路線推薦算法研究與應用[D].山東科技大學,2019.

[11]張詩夢. 基于“城市畫像”與“用戶畫像”的個性化旅游推薦系統(tǒng)實踐[D].東北財經(jīng)大學,2019.

[12]李多加. 基于混合推薦算法的旅游推薦系統(tǒng)的設(shè)計與實現(xiàn)[D].浙江大學,2018.

[13]范珣珣. 基于數(shù)據(jù)挖掘的旅游信息推薦系統(tǒng)研究[D].長江大學,2018.

[14]吳志瑜. 時空雙連續(xù)性旅游信息智能推薦關(guān)鍵技術(shù)研究[D].電子科技大學,2018.

[15] Smartsave Has Become One Of The Most Recommended Travel Sites For Big Discounts On Attractions[J]. M2 Presswire,2018:

[16]栗璞. 基于云計算平臺智能旅游導覽系統(tǒng)的研究與實現(xiàn)[D].北京工業(yè)大學,2018.