基于微信小程序的八公山智行系统设计与实现

于文贝 方欢 王勋

摘要：旅游是当下热门的娱乐方式，在信息化的时代，为民众提供集旅游资讯、地图引导等功能为一体的一站式旅游网络平台是十分必要的。该文基于微信小程序，借助前端设计语言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）