旅途无忧旅游管理系统的设计与实现

刘华明　全红　刘诗涵　毕学慧　张乐乐

摘要：随着旅游业的迅速发展，人们为了方便出行，对旅游软件提出了新的需求。在该背景下，设计并实现旅途无忧App旅游管理软件，实现在移动终端上解决旅游中的大部分需求。系统实现采用B/S模式，html5管理后台，基于WEX5技术（混合式ANDROID系统）开发，Tomcat 服务器部署， MySql数据库管理数据， html+css+js 优化界面。实现了门票业务管理、评价，投诉等功能，满足用户的一些需要，具有省时、省力、方便、快捷的优点。

关键词：B/S；WEX5；旅游软件；APP开发；Mysql

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2017）33-0089-03

Abstract： With the rapid development of tourism， in order to facilitate the trip people propose new demands for the tourism software. In this context， the travel management software， namely “travel without worries” App， which is designed and implemented， achieve most of the needs of tourism in the mobile terminal. Using B/S model and html5 to manage back-stage， Based on WEX5 technology （hybrid ANDROID system） to develop， Tomcat server to deploy， MySql to manage database， html + css + js to optimize interface， the system is come true. The system realizes ticket business management， evaluations， complaints and so on， to meet the needs of some users， having the advantages of time saving， labor saving， convenience and quick.

Key words： B/S； WEX5； tourism software； App Development； Mysql

1 背景

2016年是十三五开局之年，经国务院同意，“十三五”全国旅游业发展规划纳入国家“十三五”重点专项规划[1]，充分体现国家对旅游业重视。李克强总理提出“互联网+”的理念，大众创业、万众创新拉开了序幕[2].在旅游需求强劲势头驱动下，并结合创新理念，开发一款面向大众的、能够在智能终端上方便、高效使用的旅游软件，即旅途无忧App软件.采用了B/S模式架构，服务器采用Tomcat， Html5技术实现页面设计和后台数据的管理[3-4]，基于WEX5技术，开源免费的APP开发工具，能够提高APP的開发效率，是一款前端开发工具，支持多种后台开发语言[5]。同时结合html+css+js 技术优化界面，符合现代视觉页面效果，实现了旅游门票业务、酒店业务管理、美食管理等，同时具有评价，投诉等功能[6]，满足用户的一些需要，具有省时、省力、方便、快捷的优点。

2 系统设计

2.1 系统结构

本系统将用户分为三类：系统管理员，商家，用户，管理员主要负责对商品信息的增加和删除，对订单的确认，查看评价，处理投诉，以及对广告的宣传处理；商家可操作的功能大类包括商品信息的增加和删除，对订单的确认，查看评价，广告宣传；而客户可以对景点门票进行预定以及联系客服，评价服务等。系统结构用例图如图1所示。

该系统通过商家发布商品，旅客进行预订，商家确认订单，然后用户进行评价反馈，管理员处理用户对商家的投诉，一套完整的旅游预订体系，实现不同角色人员登录注册，用户下单，评价，投诉，商家上传商品，查看评价，管理员处理投诉的简单易用的app与后台为一体的旅游系统。

2.2 开发工具和开发平台

WeX5 是一款免费、 开源、 跨端 Hybrid App 的开发工具，是一体化集成开发环境， 很容易学习使用。本系统运用WeX5开发工具[7]，它提供了Mysql数据库，Chrome浏览器，Nginx反向代理服务器，tomcat服务器等开发工具，支持Html5超文本标记语言、Browser/Server（简称B/S）网络结构模型、APP混合式开发。本系统对硬件没用特殊的要求，智能手机就能安装使用，网页版使用Chrome， IE， Mozilla、Firefox等浏览器，均可访问该系统。本系统是采用混合式开发APP，html5+css+js开发后台管理网站，底层采用java语言，MySQL作为后台数据库，该项目存在金钱支付，采用第三方支付插件处理，完全可以满足旅游系统数据处理需求。

2.3 系统各功能模块的设计

旅途无忧旅游管理系统顾名思义，它必须实现网上订票功能，商品管理，评价，投诉的功能。根据现有系统主要实现的功能，现分为以下七个功能模块：1）登录注册模块、2）后台管理模块、3）APP商品展示模块、4）商品详细模块、5）商品搜索模块、6）用户信息模块、7）订单处理模块。功能图如图2所示。各模块组成部分如下：

1） 登录注册模块

登录注册模块主要由多用户的登录注册组成（不包括管理员注册），使用数据库进行数据的查询和数据的添加。

2） 后台管理模块

后台管理模块主要功能：① 管理员进行商品的查询、下架、评价的查看、投诉的处理；②商家对自己的商品的查询修改添加。

3） APP商品展示模块

APP商品模块主要流程：商品列表在主页面显示，并通过查看更多打开商品分类页面，通过3种排序方式对商品进行简单的查看，通过点击商品进行查看商品详情。

4） 商品详细模块

商品详细模块主要功能：加入购物车、提交订单、查看商品详情、查看用户评价、商品投诉。

5） 商品搜索模块

商品详细模块通过输入框进行商品名的模糊搜索、保存搜索记录、使用语音搜索插件。

6） 用户信息模块

用户信息模块可以查看和修改用户的基本信息、查看用户的订单、用户的消费金额、app的服务热线和介绍。

7） 订单处理模块

订单处理模块：

①未支付的订单可以取消订单；

②已支付的订单进行订单评价；

③已完成的订单进行订单查询。

3 数据需求和数据表设计

平台开发过程中数据库的设计十分关键，它关系到整个系统可移植行性和后期平台级。本平台开发用的是MySQL 数据库。根据系统功能需求，商品及用户等信息需要保存，系统的E-R如图3所示，表1-表7是数据库表的设计。

1） 管理员表（Admin）

Admin表主要由管理员编号，管理员密码，管理员级别组成（Admin表如表1所示）。

2） 用户信息表（User）

User表主要由用户编号，手机号码，邮箱，头像，昵名，性别，密码，个性签名，注册时间组成（User表如表2所示）。

3） 商家信息表（Business）

Business表主要由商家编号，商家名称，联系方式，登录密码，注册时间，认证图片，状态组成（Business表设计如表3所示）。

4） 景点及门票信息表（Scenic）

Scenic表主要由景点编号，商家编号，景点名称，景点地址，景点介绍，注意事项，开放时间，景点价格，景点图片，初始价格组成（Scenic表设计如表4所示）。外键：busId，关联表：Business表。

5） 订单详细表（Indent）

Indent表主要由订单编号，顾客编号，景点编号，订单数量，订单时间，订单状态，支付时间，订单金额，使用时间，支付方式组成（Indent表设计如表5所示）。外键：cusId，关联表：User表；外键：sceId，关联表：Scenic表。

6） 用户评价表（Rating）

Rating表主要由评价编号，用户编号，景点编号，商家编号，评价等级，评价内容，评价时间组成（Rating表设计如表6所示）。外键：busId，关联表：Business表；外键：cusId，关联表：User表；外键：sceId，关联表：Scenic表。

7） 投诉表（Complain）

Complain表主要由投诉编号，用户编号，景点编号，商家编号，投诉内容，投诉类型，投诉时间组成（Complain表设计如表7所示）。外键：busId，关联表：Business表；外键：cusId，关联表：User表；外键：sceId，关联表：Scenic表。

4 系統的功能实现

4.1 数据库的连接

WEX5封装了DBCP连接池，采用DBCP连接池来访问MySQL数据库，DBCP是 apache 上的一个 java 连接池项目，API，它由一组用Java编程语言编写的类和接口组成，建立数据库连接非常耗时耗资源，通过连接池预先同数据库建立一些连接，放在内存中，应用程序需要建立数据库连接时直接到连接池中申请一个Connection就行，用完后再放回去。

4.2 系统的实现

系统各功能模块主要有：登录注册模块、后台管理模块、 APP商品展示模块、商品详细模块、商品搜索模块、用户信息模块、订单处理模块。系统主界面如图4所示。

以主界面为例，介绍一些系统功能。通过登录界面，输入用户信息，通过验证后，进入主界面。主界面实现了商品展示模块，用户信息模块，商品搜索模块，以及加入购物车，按条件显示商品，修改个人资料，查看订单，显示个人消费金额等功能。通过主界面，可以跳转至商品详细模块进行订票功能，主

界面采用分页式商品信息加载，通过下拉刷新，上拉加载从数据库接收数据。

5 结束语

本文设计的旅途无忧旅游管理系统，满足人们旅游需求大部分的功能，提高了便利性。该系统采用Wex5技术开发，集成多中开发工具和开发环境，实现一次开发，多端任意部署，不仅能直接使用浏览器访问，同时也提供相应的APP。另外，该系统一旦部署成功，即可正常运行，操作方便，适用性强。后期会对该系统进一步完善和扩充，不断满足不同用户的需要。

参考文献：

[1] 吕文.“十三五”旅游业发展规划首次纳入国家重点专项规划[N].中国旅游报， 2016-03-25.

[2] 李婉婷.高校毕业生科技创业研究[D]. 太原： 太原理工大学，2016.

[3] 解颐，方红亮，曲珍，等.基于HTML5脚本的旅游软件开发[J].电脑编程技巧与维护， 2017（7）：35-37.

[4] 王艳.探析HTML5与CSS3在网页设计中的新特性和优势[J].电脑编程技巧与维护， 2016（21）：70-71， 88.

[5] 张天云.Web APP技术框架下“大学校园助手”APP的设计与实现[J].中国信息技术教育， 2017（10）：73-75.

[6] 许浩海，牛亚峰，杜宣成，等.基于安卓平台的旅游社交软件的设计与开发[J].电脑知识与技术， 2014（10）：2273-2276.

[7] 山少男.基于WeX5的Android系统记账本HTML5 App开发与设计[J].电脑编程技巧与维护， 2017（12）：47-48，52.