基于微信平台的旅游出行必备商城小程序

摘 要

由于APP软件在开发以及运营上面所需成本较高，而用户手机需要安装各种APP软件，因此占用用户过多的手机存储空间，导致用户手机运行缓慢，体验度比较差，进而导致用户会卸载非必要的APP，倒逼管理者必须改变运营策略。随着微信小程序的出现，解决了用户非独立APP不可访问内容的痛点，所以很多APP软件都转向微信小程序。本次课题就运用了微信小程序技术开发一个旅游出行必备商城小程序。
旅游出行必备商城小程序借助微信开发者工具开发用户前端，使用SSM框架和Java语言开发管理员后台，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员管理旅游出行必备的商品信息，管理景点，管理门票预订订单和商品购买的订单，管理用户资料和新闻资讯。用户购买旅游出行必备的商品，预订景点的门票，在线支付商品订单和门票预订订单，可以评论并收藏商品，新闻和景点。
总之，旅游出行必备商城小程序可以更加方便用户购买旅游出行必备商品以及预订景点门票，也让旅游景点得到更好的宣传和展示。
关键词：旅游出行必备商城小程序；微信开发者工具；SSM框架

Abstract

Due to the high cost of APP software development and operation, and the user’s mobile phone needs to install various APP software, it takes up too much mobile phone storage space of the user, causing the user’s mobile phone to run slowly, the experience is relatively poor, and the user will uninstall Non-essential APPs force managers to change their operating strategies. With the emergence of WeChat mini-programs, the pain point that users cannot access content from non-independent APPs has been solved, so many APP software have turned to WeChat mini-programs. This project uses WeChat applet technology to develop an essential shopping mall applet for travel.
Traveling essential shopping mall applet uses WeChat developer tools to develop the user front end, uses the SSM framework and the Java language to develop the administrator backend, and uses Mysql to create a data table to save the data generated by the system. The system can provide information display and corresponding services. Its administrator manages the commodity information necessary for travel, manages scenic spots, manages ticket reservation orders and commodity purchase orders, and manages user information and news information. Users purchase essential goods for travel, book tickets for scenic spots, pay for merchandise orders and ticket booking orders online, and can comment on and collect merchandise, news and scenic spots.
In short, the travel must-have shopping mall applet can make it more convenient for users to purchase travel-required goods and book scenic spots tickets, and also allow tourist attractions to be better promoted and displayed.
Key Words：Mini Program for Traveling Essential Mall; WeChat Developer Tool; SSM Framework

目 录

第1章 绪论 1
1.1 课题背景 1
1.2 课题意义 1
1.3 研究内容 1
第2章 开发环境与技术 3
2.1 MYSQL数据库 3
2.2 JSP技术 3
2.3 SSM框架 4
2.4 微信开发者工具 4
第3章 系统分析 6
3.1 可行性分析 6
3.1.1 技术可行性 6
3.1.2 经济可行性 6
3.1.3 操作可行性 6
3.2 系统流程 7
3.2.1 操作流程 7
3.2.2 登录流程 7
3.2.3 删除信息流程 8
3.2.4 添加信息流程 9
3.3 性能需求 9
3.4 功能需求 10
第4章 系统设计 13
4.1 设计原则 13
4.2 功能结构设计 13
4.3 数据库设计 14
4.3.1 数据库概念设计 15
4.3.2 数据库物理设计 18
第5章 系统实现 23
5.1 管理员功能实现 23
5.1.1 旅游商品管理 23
5.1.2 旅游景点管理 23
5.1.3 商品订单管理 24
5.1.4 门票预订管理 24
5.1.5 新闻资讯管理 25
5.2 用户功能实现 25
5.2.1 新闻资讯 25
5.2.2 旅游商品 26
5.2.3 旅游景点 27
5.2.4 商品订单 28
5.2.5 我的收藏 29
第6章 系统测试 31
6.1 功能测试 31
6.1.1 发布评论功能测试 31
6.1.2 提交订单功能测试 33
6.2 测试结果 35
结 论 36
致 谢 37
参考文献 38

第1章 系统设计

一个成功设计的系统在内容上必定是丰富的，在系统外观或系统功能上必定是对用户友好的。所以为了提升系统的价值，吸引更多的访问者访问系统，以及让来访用户可以花费更多时间停留在系统上，则表明该系统设计得比较专业。
4.1 设计原则
本系统在设计过程中需要依照一定的设计原则进行，目的就是为了让开发的系统具备高质量，齐全完备的功能，方便简单的操作，如此才可以最大限度的满足使用者的要求。系统设计原则除了基本的易操作原则外，还有安全性原则，准确性原则。
第一个设计原则：易操作原则，针对本系统设计的功能要完备齐全，编码时，设计的各个接口要具备友好性，使用者一旦使用本系统时，要能够轻松上手，操作本系统处理数据时，要具备便利性。此外，也需要设计一些必要提示，引导使用者操作系统。
第二个设计原则：安全性原则，本系统在登录模块要对各个访问者进行身份验证，系统会通过访问者输入的信息进行判断，使用提前编写的安全验证代码进行数据比对，引导匹配成功的访问者进入指定的操作界面。这样可以避免无关性访问者窃取系统的数据。
第三个设计原则：准确性原则，为了保证使用者登记的数据是正确的，需要提前设计数据纠错机制，让使用者可以通过系统的报错提示，仔细检查登记的错误信息，并及时纠正错误，填写规范正确的信息。比如设置密码时，要求密码的长度不能低于6个字符，且数据类型要求不能全部是数字等都能进行规范。
4.2 功能结构设计
在前面分析的管理员功能的基础上，进行接下来的设计工作，最终展示设计的管理员结构图（见下图）。管理员管理旅游出行必备的商品信息，管理景点，管理门票预订订单和商品购买的订单，管理用户资料和新闻资讯。

图4.1 管理员功能结构图
在前面分析的用户功能的基础上，进行接下来的设计工作，最终展示设计的用户结构图（见下图）。用户购买旅游出行必备的商品，预订景点的门票，在线支付商品订单和门票预订订单，可以评论并收藏商品，新闻和景点。

图4.2 用户功能结构图
4.3 数据库设计
开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。
4.3.1 数据库概念设计
这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。
（1）下图是商品订单实体和其具备的属性。

图4.4 商品订单实体属性图
（2）下图是门票预订实体和其具备的属性。

图4.5 门票预订实体属性图
（3）下图是旅游商品实体和其具备的属性。

图4.6 旅游商品实体属性图
（4）下图是旅游景点实体和其具备的属性。

图4.7 旅游景点实体属性图
（5）下图是用户实体和其具备的属性。

图4.8 用户实体属性图
（6）下图为上述各实体间相互之间的关系。

图4.9 实体间关系E-R图
4.3.2 数据库物理设计
本数据库是关系型数据库，因此对二维表的结构设计也比较关键。毕竟二维表格模型就是关系型数据库中的关系模型。而一些常用的关系模型中的概念也需要了解，才可以对关系模型进行设计。下面就简单介绍关系，元组，属性，域，关键字等常用概念的含义。
关系：关系就是数据库中的一张数据表，每张数据表都有命名，也就是每个关系也有名字，那就是数据表名；
元组：元组就是数据表中的一行记录；
属性：属性就是数据表中的字段，也就是数据表中的一列；
域：域就是对数据表中属性的取值进行限定；
关键字：关键字就是数据表中的主键；
在了解了表结构设计的常用概念后，接下来就需要使用前面绘制的E-R模型完成表结构的设计工作，并在数据库中创建数据表，并为各个数据表进行命名。以下就对设计的结果通过表格形式进行展示。
表4.1 景点分类信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
jingdianfenlei varchar(200) 是 NULL 景点分类
表4.2 旅游景点信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
jingdianmingcheng varchar(200) 否 景点名称
jingdianfenlei varchar(200) 否 景点分类
jingdiantupian varchar(200) 是 NULL 景点图片
jingdianxingji varchar(200) 是 NULL 景点星级
jingdiandizhi varchar(200) 是 NULL 景点地址
menpiaojiage int(11) 否 门票价格
yingyeshijian varchar(200) 是 NULL 营业时间
zhuyishixiang varchar(200) 是 NULL 注意事项
jingdianjieshao longtext 是 NULL 景点介绍
表4.3 旅游商品信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinbianhao varchar(200) 是 NULL 商品编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpinleixing varchar(200) 是 NULL 商品类型
shangpintupian varchar(200) 是 NULL 商品图片
shangpinjiage int(11) 否 商品价格
shangpingongneng longtext 是 NULL 商品功能
shangpinjianjie longtext 是 NULL 商品简介
表4.4 门票预订信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
yudingbianhao varchar(200) 是 NULL 预订编号
jingdianmingcheng varchar(200) 是 NULL 景点名称
jingdianfenlei varchar(200) 是 NULL 景点分类
jingdiantupian varchar(200) 是 NULL 景点图片
menpiaojiage varchar(200) 是 NULL 门票价格
yudingshuliang int(11) 否 预订数量
zongjiage varchar(200) 是 NULL 总价格
yudingshijian date 是 NULL 预订时间
yonghuzhanghao varchar(200) 是 NULL 用户账号
yonghuxingming varchar(200) 是 NULL 用户姓名
yonghushouji varchar(200) 是 NULL 用户手机
beizhu varchar(200) 是 NULL 备注
ispay varchar(200) 是 未支付 是否支付
userid bigint(20) 否 用户id
表4.5 商品订单信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
dingdanbianhao varchar(200) 是 NULL 订单编号
shangpinmingcheng varchar(200) 是 NULL 商品名称
shangpinleixing varchar(200) 是 NULL 商品类型
shangpintupian varchar(200) 是 NULL 商品图片
shangpinjiage varchar(200) 是 NULL 商品价格
goumaishuliang int(11) 否 购买数量
zongjiage varchar(200) 是 NULL 总价格
yonghuzhanghao varchar(200) 是 NULL 用户账号
yonghuxingming varchar(200) 是 NULL 用户姓名
yonghushouji varchar(200) 是 NULL 用户手机
songhuodizhi varchar(200) 是 NULL 送货地址
beizhu varchar(200) 是 NULL 备注
ispay varchar(200) 是 未支付 是否支付
userid bigint(20) 否 用户id
表4.6 商品类型信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
shangpinleixing varchar(200) 是 NULL 商品类型
表4.7 管理员信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
username varchar(100) 否 用户名
password varchar(100) 否 密码
role varchar(100) 是 管理员 角色
addtime timestamp 否 CURRENT_TIMESTAMP 新增时间
表4.8 新闻类型信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
xinwenleixing varchar(200) 是 NULL 新闻类型
表4.9 新闻资讯信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
biaoti varchar(200) 是 NULL 标题
xinwenleixing varchar(200) 是 NULL 新闻类型
fengmiantupian varchar(200) 是 NULL 封面图片
fabushijian date 是 NULL 发布时间
faburen varchar(200) 是 NULL 发布人
xinwenneirong longtext 是 NULL 新闻内容
表4.10 用户信息表
字段 类型 空 默认 注释
id bigint(20) 否 主键
addtime timestamp 否 CURRENT_TIMESTAMP 创建时间
yonghuzhanghao varchar(200) 否 用户账号
mima varchar(200) 否 密码
yonghuxingming varchar(200) 是 NULL 用户姓名
xingbie varchar(200) 是 NULL 性别
touxiang varchar(200) 是 NULL 头像
yonghushouji varchar(200) 是 NULL 用户手机
songhuodizhi varchar(200) 是 NULL 送货地址

第2章 系统实现

进入到这个环节，也就可以及时检查出前面设计的需求是否可靠了。一个设计良好的方案在运用于系统实现中，是会帮助系统编制人员节省时间，并提升开发效率的。所以在系统的编程阶段，也就是系统实现阶段，对于一些不合理的设计需求，也是可以及时发现。因为设计的方案是完全指导系统的编码过程的。
5.1 管理员功能实现
5.1.1 旅游商品管理
管理员进入指定功能操作区之后可以管理旅游商品。其页面见下图。管理员增删改查旅游商品信息，查看旅游商品的评论。

图5.1 旅游商品管理页面
5.1.2 旅游景点管理
管理员进入指定功能操作区之后可以管理旅游景点。其页面见下图。管理员增删改查旅游景点信息，查看旅游景点评论，旅游景点信息也包括了景点图片，营业时间，注意事项和门票价格。

图5.2 旅游景点管理页面
5.1.3 商品订单管理
管理员进入指定功能操作区之后可以管理商品订单。其页面见下图。管理员有两种查询订单的方式，分别是根据用户姓名查询和根据商品名称查询，管理员也能查看订单的支付状态信息。

图5.3 商品订单管理页面
5.1.4 门票预订管理
管理员进入指定功能操作区之后可以管理门票预订信息。其页面见下图。管理员查看门票预订详情，查询门票预订订单，查看该订单是否支付。

图5.4 门票预订管理页面
5.1.5 新闻资讯管理
管理员进入指定功能操作区之后可以查看新闻资讯。其页面见下图。管理员查看新闻资讯的各种评论信息，修改页面内显示的新闻资讯，比如可以修改封面图片，修改新闻标题，还能查询新闻资讯。

图5.5 新闻资讯管理页面
5.2 用户功能实现
5.2.1 新闻资讯
用户进入指定功能操作区之后可以查看新闻资讯。其页面见下图。用户在页面内可以收藏新闻，也能在页面底端提交评论，查看评论信息。

图5.6 新闻资讯页面
5.2.2 旅游商品
用户进入指定功能操作区之后可以购买旅游商品。其页面见下图。用户对本页面显示的商品有需要的话，可以直接购买，也能点击红色的五角星收藏本页面的商品。

图5.7 旅游商品页面
5.2.3 旅游景点
用户进入指定功能操作区之后可以预订景点门票。其页面见下图。用户查看景点信息之后，可以根据个人实际情况预订景点门票，用户点击红色五角星则表示收藏本页面的景点。

图5.8 旅游景点页面
5.2.4 商品订单
用户进入指定功能操作区之后可以支付商品订单。其页面见下图。用户点击商品信息即可支付未支付的订单，也能也能通过商品名称获取指定订单信息。

图5.9 商品订单页面
5.2.5 我的收藏
用户进入指定功能操作区之后可以查看收藏信息。其页面见下图。用户可以查看收藏的新闻，收藏的商品或收藏的景点信息。用户也能删除收藏的信息。

图5.10 我的收藏页面