基于微信小程序的八公山智行系統設計與實現

于文貝 方歡 王勛

摘要：旅游是當下熱門的娛樂方式，在信息化的時代，為民眾提供集旅游資訊、地圖引導等功能為一體的一站式旅游網絡平臺是十分必要的。該文基于微信小程序，借助前端設計語言wxml，云開發控制臺的數據庫及后端設計語言js針對安徽省淮南市八公山景點設計和開發了一套八公山智行微信小程序。該系統結合地圖指引、資訊共享、景點介紹、攻略安排等人性化功能并且遵循“互聯網+”思想，特別設置線上特產購買平臺、交流溝通板塊，致力于滿足用戶的各方面需求。系統經過測試，結果顯示具有可使用性。

關鍵詞：微信小程序;八公山;旅游智能系統;wxml;js

中圖分類號：TP393 文獻標識碼：A

文章編號：1009-3044（2020）19-0078-02

開放科學（資源服務）標識碼（0SID）：

1 背景

隨著旅游成為消費市場的重要組成部分，旅游智能軟件也迎來了巨大的市場。本文旨在開發以淮南當地著名景點八公山為核心的微信小程序即八公山智行系統。主體包括了八公山景點介紹、特產購買、地圖指引、信息共享和意見反饋等功能。目的是為用戶提供更優質的一體化智能旅游服務。微信“小程序”是依托微信平臺開發的應用程序[1]，相比其他軟件有三大優勢：一是避免了App占用手機內存多，更新頻繁的缺點。二是基于微信龐大的使用群體，此程序可以更快地普及和接觸更多的受眾。三是微信小程序的開發成本較低，且傳播性強，傳播面廣，傳播速度快，傳播有效性高。同時為了讓數據庫能夠及時地處理微信用戶實時響應的需求，Redis+Twemproxy集群技術為后臺數據庫提供了有效的緩存解決方案[2]。

2 系統需求分析

2.1 系統總體分析

八公山智行微信小程序是旅游一體化智能網絡系統。用戶通過綁定微信平臺信息進行登錄后，可以自主選擇地圖指引、購買周邊特產、設置個人功能等模塊。用戶在周邊平臺下單后生成的訂單可以在我的模塊中進行查看，交易訂單和余額充值將共同生成交易流水便于用戶查詢。系統用例圖如圖1所示。

2.2 系統模塊分析

八公山智行系統綁定微信用戶信息，通過微信用戶認證后直接進行登錄。主要分為周邊、地圖、我的三大模塊。

1）周邊模塊：提供八公山特產購買平臺，可以在頁面內瀏覽八公山特產并進行下單。

2）地圖模塊：提供了路線指引功能，通過GPS數據根據用戶位置進行精確的地圖指引，確保用戶能夠更加快速無誤地到達景點。

3）我的模塊：是系統的一級界面，包含我的錢包、我的訂單、我的足跡、交流、幫助與反饋、問卷調查功能。

①我的錢包功能：包括余額充值和交易明細模塊，充值平臺綁定微信錢包，支持多種線上付款方式方便用戶在小程序所提供的商品購買平臺進行消費，在交易明細中可以清楚直觀的核實充值及消費流水。

②我的訂單功能：顯示用戶通過小程序所購買的商品詳情。

③我的足跡功能：通過獲取GPS信息，顯示八公山附近地圖及景區的觀景路線。

④交流功能：部分用戶可以上傳消息到交流頁面，并對其他用戶發布的信息進行評論。

⑤幫助與反饋功能：用于收集用戶的使用意見，為后期系統完善提供數據支持。

⑥問卷調查功能：以問卷形式對用戶需求及游玩數據進行收集。

3 系統設計

3.1 系統功能設置

系統采用B/S架構，基于微信客戶端，由發出各種操作請求，核心的部分數據比對集中到服務器上[3]。系統采用了HTTP/XML/CSS/JS等技術進行頁面的設計和美化[4]，同時該系統包含，數據層：云開發控制臺的數據庫;控制邏輯層：由pages控制，pages層傳遞值;UI界面：Images主要用于存放系統編程過程中所需要的圖片，styles主要用于整體布局。該系統大量運用了數據庫操作，通過微信云平臺創建了六個數據集用來存放用戶數據。合理的數據庫操作可以極大地提高系統的運行速度及質量[3]，同時也為系統提供了大量可分析數據，便于對用戶進行精準服務推送。

3.2 特產購買功能實現

用戶通過綁定的微信平臺信息進行登錄，點擊周邊后進入特產購買界面。此界面配有商品圖文詳情以及評分等商品信息，點擊下單按鈕，訂單信息將上傳至數據庫數據集order中。在我的訂單功能板塊用戶可以點擊查詢已經下單的商品。

3.3 下單功能部分代碼

button_tap_three： function 0{

var that= this

const db= wx.cloud.database（{

//連接數據庫

env：new-zqiol，}）

db.collection（order'）.add（{

//連接數據集or-der

data：f

order： that.data.time，

state： that.data.state，

image： that.data.image_three}，

success： res=>f

that.setData（{

order： that.data.time，

state： that.data.state，

image： that.data.image_three}）

wx.showToast（（ //事件響應

title：下單成功，）））））））

3.4 余額充值功能實現

購買商品后，用戶余額將扣除付款金額，用戶余額更新至數據庫數據集user_money中。當余額不足時用戶可以點擊我的錢包—余額充值功能跳轉到充值界面，點擊系統劃分的充值數額進行充值。充值和付款信息構成交易流水將以數值的形式上傳至數據庫數據集money中。

3.4.1 余額充值部分代碼

var app= getApp0;

Page（{data：（ money：O，money_lost：0}，

binddetail：function0{

wx.navigateTo（{

url：../bank_detail/money_detail，}））， //，我的錢包函數

binddeposit：function0（

wx.navigateTo（{

url：7../bank_detail/money，））），

//我的余額函數

bindchargeback：function0{

wx.navigateTo（{

url：../bank_detail/chargeback，））），

//交易明細函數

onLoad： function （options）{

var that= this

var xmoney=1

const db= wx.cloud.database（（

//連接數據庫

env：new-zqiol，}）

db.collection（user_money'）.get（{

//連接數據集user_money

success： function （res）{

console.log（res.data[O].money_lost）

if（res.data[O].money_lost！=0）（

xmoney2 0

that.setData（{

money： res.data[O].money_lost}））

if （xmoney==1）（

db.collection（user_money'）.add（{

data：{ money_lost：0））））），

fail：function（err）{console.log（err）l}）），}）

5 結束語

隨著計算機集成性和移動互聯網的高速發展與應用，智能移動設備開始走進我們的日常生活[6]，該文設計了八公山智行微信小程序，基于當下大眾對旅游活動的需求，解決跟團旅游的諸多弊端，結合大數據和互聯網技術，為用戶提供了集地圖指引、特產購買、景點介紹、游客交流為一體的智能旅游網絡系統。可以有效地提高用戶的旅游質量，節省用戶的準備和信息查詢時間，為白駕游和八公山附近游客帶來了極大的便利，也提高了八公山景點知名度。

參考文獻：

[1]劉玉佳.微信“小程序”開發的系統實現及前景分析[J].信息通信，2017，30（1）： 260-261.

[2]王心妍，毛莉君.基于Android平臺的電商微信服務系統的開發研究[J].無線互聯科技，2016（6）： 44-45.

[3]黃新艷.微信小程序開發中flex布局容器及元素之屬性技術釋疑[J].信息與電腦（理論版），2017（14）： 78-80.

[4]嚴梅，高冠聰.基于微信公眾平臺開發的大學生生活圈應用設計與實現[J].河北企業，2016（12）： 260-261.

[5]郭鑫，毛古寶，方歡.基于微信小程序的考勤系統設計與實現[J].電腦知識與技術，201 8，14（20）： 57-59.

[6]周玉華.基于微信平臺的人臉識別系統研究與實現[D].鎮江：江蘇大學，2016.

【通聯編輯：謝媛媛】

收稿日期：2020-04-25

基金項目：大學生創新創業項目（項目編號：S201910361203）