旅游景区订票小程序系统设计与实现

清疚 2024-03-27 14:04 75阅读 0赞

> ## 项目背景和意义 ##

目的：本课题主要目标是设计并能够实现一个基于微信小程序景区景点预约购票系统，前台用户使用小程序，后台管理使用Java+Mysql开发，后台使用了springboot框架；通过后台添加景区资讯、景点介绍，管理用户订单；用户通过小程序登录，查看资讯、查看景区介绍、购买景区门票。

整个系统使用CS模式，C端（客户端）是小程序，S端（服务器端）是Java开发。

意义：景区景点预约购票系统是计算机技术与景区管理相结合的产物，通过景区景点预约购票系统实现了对景区门票的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.而采用人工售票的方法，不仅效率低，易出错，手续繁琐，而且耗费大量人力。为了满足售票人员对售票等进行高效的管理，在工作人员的具备一定的计算机操作能力的前提下，特编此景区景点预约购票系统软件以提高景区的门票管理效率。

> ## 可行性分析 ##

基于微信小程序景区景点预约购票系统有以下三方面可以总结系统开发的可行性。

具体如下：

1.技术可行性

以Windows7或10为操作系统，采用IDEA软件为开发后台管理，运用mysql进行数据库存储，使用微信开发者工具开发微信小程序；后台管理系统硬件环境是PC机，前台用户在手机上使用微信小程序。

2.经济可行性

一方面，采用IDEA和微信开发者工具开发有好的人机界面和强劲的功能支持，使管理员录入景区信息的工作效率进一步提高从而节省人力、物力；另一方面，系统的制作成本低，在现有的PC机上即可使用IDEA和微信开发者工具进行开发。

3.操作可行性

IDEA软件在操作上是在Windows操作系统上进行后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。用户使用手机登录微信小程序景区景点预约购票系统来使用。

> ## 主要功能模块 ##

### 后台管理员功能 ###

广告管理：设置小程序首页轮播图广告和链接  
留言列表：所有用户留言信息列表，支持删除  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改

景区属性设置：设置景区年代、类型、地区属性内容  
录入景点：选择景点属性，录入景点名称、参考价格、上传景点图片、景点详情等  
景点管理：查看所有已经录入的景点列表，支持修改和删除

景点订单列表：查看所有用户下单的景点预约订单信息，支持删除  
景点评论列表：查看所有用户录入的景点评论信息，支持处理和删除  
景点评论审核：评论可以删除；也可以审核后，在小程序可以看见评论

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
留言：用户可以在小程序对管理平台留言。

景点库：点击所有景点菜单，支持查看所有的景点信息景点查询：在景点列表顶部，输入景点关键字，点击查询即可  
景点信息： 点击到景点详情页面，可以查看景点的图片、参考价格、制作市场等  
景点评论列表：在景点页面，切换到游客评论，可以查看所有用户评论的内容  
景点收藏：在景点信息详情，下方点击“收藏”，进行收藏  
景点评价：登录用户，在景点信息详情页面底部，点击我要评论，弹出评论页面，填写后提交；管理员审核后可见  
景点订票：选择日期，填写购票数量，填写备注信息，提交订票信息。  
我的景点预约列表：显示所有用户下单的信息，支持模拟付款，取消申请。  
我的景点收藏：用户收藏的景点列表，可以删除。

用户信息：填写姓名、qq、邮箱、备注等信息  
退出系统：清除缓存，返回小程序首页

> ## 开发概要 ##

本章主要介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的MINA框架；后台开发java的框架springboot、模板引擎thymeleaf程序技术；MySQL数据库；以及常规的网页技术HTML/CSS/JAVASCRIPT的介绍。

小程序开发：微信开发者工具（MINA框架）

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

> ## 开发文件说明 ##

### 后台文件 ###

绿色的是开源的后台管理系统框架，不要动

所在路径：Src >main >com.huang.com>houtai

<table> 
 <tbody> 
 <tr> 
 <td> 程序名 </td> 
 <td> 包含 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td> houtai/fenzu.java 后台分组管理 </td> 
 <td> /quanxian_fenzu_list </td> 
 <td> 分组权限列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_fenzu_xiugai </td> 
 <td> 分组权限 修改 </td> 
 </tr> 
 <tr> 
 <td> houtai/ guanliyuan.java 后台用户管理 </td> 
 <td> /ht_mima </td> 
 <td> 密码修改 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_add </td> 
 <td> 后台用户录入 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_list </td> 
 <td> 后台用户列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_user_xiugai </td> 
 <td> 用户修改 </td> 
 </tr> 
 <tr> 
 <td> houtai/ huiyuan.java 后台框架 </td> 
 <td> /login </td> 
 <td> 用户登录页面 </td> 
 </tr> 
 <tr> 
 <td> /main </td> 
 <td> 后台首页 </td> 
 </tr> 
 <tr> 
 <td> /top </td> 
 <td> 后台顶部文件 </td> 
 </tr> 
 <tr> 
 <td> /center </td> 
 <td> 后台中间文件首页 </td> 
 </tr> 
 <tr> 
 <td> /middel </td> 
 <td> 后台中间文件（包含左右） </td> 
 </tr> 
 <tr> 
 <td> /left </td> 
 <td> 后台中间文件-左边 </td> 
 </tr> 
 <tr> 
 <td> /tab </td> 
 <td> 后台中间文件-右边 </td> 
 </tr> 
 <tr> 
 <td> /down </td> 
 <td> 后台底部文件 </td> 
 </tr> 
 <tr> 
 <td> /logout </td> 
 <td> 后台退出登录 </td> 
 </tr> 
 <tr> 
 <td> houtai/ quanxian.java 后台权限管理 </td> 
 <td> /quanxian_caidan_1ji </td> 
 <td> 1级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_2ji </td> 
 <td> 2级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_2ji_nei </td> 
 <td> 2级菜单 操作 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_3ji </td> 
 <td> 3级菜单列表 </td> 
 </tr> 
 <tr> 
 <td> /quanxian_caidan_3ji_nei </td> 
 <td> 3级菜单 操作页面 </td> 
 </tr> 
 <tr> 
 <td> houtai/ guanyu.java 关于我们设置 </td> 
 <td> /houtai_guanggao_shezhi </td> 
 <td> 设置广告 </td> 
 </tr> 
 <tr> 
 <td> /houtai_liuyan_list </td> 
 <td> 留言列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_liuyan_del </td> 
 <td> 删除留言 </td> 
 </tr> 
 <tr> 
 <td> houtai/ xinxi.java 后台新闻管理 </td> 
 <td> /houtai_xinxi_fenlei </td> 
 <td> 信息分类管理 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_add </td> 
 <td> 信息录入 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_list </td> 
 <td> 信息列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_xiugai </td> 
 <td> 修改资讯 </td> 
 </tr> 
 <tr> 
 <td> /houtai_xinxi_del </td> 
 <td> 删除资讯 </td> 
 </tr> 
 <tr> 
 <td> houtai/ yonghu.java 用户管理 </td> 
 <td> /houtai_yonghu_list </td> 
 <td> 用户列表 </td> 
 </tr> 
 <tr> 
 <td> /houtai_yonghu_del </td> 
 <td> 删除用户 </td> 
 </tr> 
 <tr> 
 <td> houtai/ jingdian.java 后台景点管理 </td> 
 <td> houtai_jingdian_shuxing </td> 
 <td> 景点属性设置 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_shuxing_nei </td> 
 <td> 景点属性设置操作 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_add </td> 
 <td> 景点录入 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_list </td> 
 <td> 景点列表 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_xiugai </td> 
 <td> 修改景点 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_del </td> 
 <td> 删除景点 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_dingdan_list&nbsp;&nbsp; </td> 
 <td> 后台景区订单列表 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_dingdan_chuli&nbsp; </td> 
 <td> 订单处理 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_dingdan_del </td> 
 <td> 删除 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_pinglun_list </td> 
 <td> 景点评论列表 </td> 
 </tr> 
 <tr> 
 <td> houtai_jingdian_pinglun_caozuo </td> 
 <td> 后台 产品 评论 列表操作（修改xiugai和删除del） </td> 
 </tr> 
 </tbody> 
</table>

### 小程序文件 ###

所在路径：Src >main >com.huang.com>api

按程序整理的接口列表如下

<table> 
 <tbody> 
 <tr> 
 <td> 页面 </td> 
 <td> 接口 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> api/liuyan_api 留言 </td> 
 <td> /wx_liuyan </td> 
 <td> 留言接口 </td> 
 </tr> 
 <tr> 
 <td> api /pub_api 公用 </td> 
 <td> /wx_get_ad </td> 
 <td> 读取广告设置 </td> 
 </tr> 
 <tr> 
 <td> api /yonghu_api 用户 </td> 
 <td> /wx_check_reg_yonghu </td> 
 <td> 验证 用户注册 </td> 
 </tr> 
 <tr> 
 <td> /wx_check_login_yonghu </td> 
 <td> 验证 用户登录 </td> 
 </tr> 
 <tr> 
 <td> /wx_check_reg_yonghu_weixin </td> 
 <td> 验证 用户登录（微信登录） </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_xinxi_byid </td> 
 <td> 根据用户id获取用户信息 </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_xinxi_update_byid </td> 
 <td> 更新用户信息 </td> 
 </tr> 
 <tr> 
 <td> /wx_huiyuan_mima_act </td> 
 <td> 更新用户密码 </td> 
 </tr> 
 <tr> 
 <td> api /zixun_api 资讯 </td> 
 <td> /wx_news_list </td> 
 <td> 读取最新5条资讯 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_list_byid&nbsp; </td> 
 <td> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_list_canshu </td> 
 <td> 获取列表的总页数 </td> 
 </tr> 
 <tr> 
 <td> /wx_news_info </td> 
 <td> 资讯详情 </td> 
 </tr> 
 <tr> 
 <td> api /jingdian_api 景点 </td> 
 <td> wx_jingdian_top4 </td> 
 <td> 最新4个景点接口 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_list </td> 
 <td> 显示所有景点 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_list_yeshu </td> 
 <td> 获取所有景点的页数 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_xinxi_byid </td> 
 <td> 根据id获取景点信息 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_shoucang </td> 
 <td> 景点收藏接口 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_pinglun_list </td> 
 <td> 根据id获取景点评论 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_xiadan </td> 
 <td> 购买门票下单 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_dingdan_list_byUserid </td> 
 <td> 获取用户订单 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_dingdan_del </td> 
 <td> 取消订单 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_dingdan_fukuan </td> 
 <td> 模拟付款 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_pinglun_add </td> 
 <td> 提交评论 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_shoucang_list </td> 
 <td> 收藏列表 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_shoucang_del </td> 
 <td> 收藏删除 </td> 
 </tr> 
 </tbody> 
</table>

按小程序功能整理的接口列表如下

<table> 
 <tbody> 
 <tr> 
 <td> 页面 </td> 
 <td> 接口 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> 首页 </td> 
 <td> wx_jingdian_top4 </td> 
 <td> 最新4个景点接口 </td> 
 </tr> 
 <tr> 
 <td> wx_news_list </td> 
 <td> 最新3条资讯 </td> 
 </tr> 
 <tr> 
 <td> 景点列表 </td> 
 <td> wx_jingdian_list </td> 
 <td> 显示所有景点 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_list_yeshu </td> 
 <td> 获取所有景点的页数 </td> 
 </tr> 
 <tr> 
 <td> 景点详情 </td> 
 <td> wx_jingdian_xinxi_byid </td> 
 <td> 景点信息接口 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_shoucang </td> 
 <td> 景点收藏接口 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_pinglun_list </td> 
 <td> 景点评论接口 </td> 
 </tr> 
 <tr> 
 <td> 预约景点（购票） </td> 
 <td> wx_jingdian_xiadan </td> 
 <td> 购买门票 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_xinxi_byid </td> 
 <td> 景点信息接口 </td> 
 </tr> 
 <tr> 
 <td> 留言 </td> 
 <td> wx_liuyan </td> 
 <td> 提交留言接口 </td> 
 </tr> 
 <tr> 
 <td> 资讯 </td> 
 <td> wx_news_list_canshu </td> 
 <td> 获取资讯页数 </td> 
 </tr> 
 <tr> 
 <td> wx_news_list_byid </td> 
 <td> 获取所有资讯 </td> 
 </tr> 
 <tr> 
 <td> wx_news_info </td> 
 <td> 获取资讯详情 </td> 
 </tr> 
 <tr> 
 <td> 账号注册登录 </td> 
 <td> wx_check_reg_yonghu </td> 
 <td> 普通账号注册 </td> 
 </tr> 
 <tr> 
 <td> wx_check_login_yonghu </td> 
 <td> 普通账号登录 </td> 
 </tr> 
 <tr> 
 <td> wx_check_reg_yonghu_weixin </td> 
 <td> 微信账号登录 </td> 
 </tr> 
 <tr> 
 <td> 我的景点订单 </td> 
 <td> wx_jingdian_dingdan_list_byUserid </td> 
 <td> 获取用户订单 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_dingdan_del </td> 
 <td> 取消订单 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_dingdan_fukuan </td> 
 <td> 模拟付款 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_pinglun_add </td> 
 <td> 提交评论 </td> 
 </tr> 
 <tr> 
 <td> 我的景点收藏 </td> 
 <td> wx_jingdian_shoucang_list </td> 
 <td> 收藏列表 </td> 
 </tr> 
 <tr> 
 <td> wx_jingdian_shoucang_del </td> 
 <td> 收藏删除 </td> 
 </tr> 
 <tr> 
 <td> 用户信息 </td> 
 <td> wx_huiyuan_xinxi_byid </td> 
 <td> 获取用户信息 </td> 
 </tr> 
 <tr> 
 <td> </td> 
 <td> wx_huiyuan_xinxi_update_byid </td> 
 <td> 更新用户信息 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

### 小程序效果截图 ###

![a8d4d0169c0e464088d98a8073381998.jpeg][]![5321b6edd7da4c719ce5b2d0ec89e990.jpeg][]![157997a7035f409ca3103b47088c633d.jpeg][]![b852aa9f00c64b50b9e4da9c7d35400e.jpeg][]![2c21cc5741bd4183a2b7a4f943f29ef8.jpeg][]![83125985ab2d4b9fbd6071c0e0a56ce2.jpeg][]![bb43efe88c314fc3b2e1a9c71c0a1ff7.jpeg][]![22bd5ff653e1466cafb90b25897c8655.jpeg][]![17c9f774a70640f98eea563315854bb4.jpeg][]![ae9ca132c3464b3384738b2de917b858.jpeg][]![ad50a5cc022a4db09e90f5954c8cd92f.jpeg][]

### 后台管理截图 ###

![b313c08001174035a4ce166b041073d9.jpeg][]![42f190854a154f7eb2c2fcb8b401f7b7.jpeg][]![04d3243d70664304906fcab20be3d8ac.jpeg][]![1ffaf1c66cc74ca89a2afbd8a2616cee.jpeg][]![de70aeffbb684cd4a223e0d47e34c647.jpeg][]![26364304d00948b9b54aa74db164acf1.jpeg][]![206d835ea22f4853a7d860efce377159.jpeg][]![836371a9eb7d4db898310d4f8b2a5d36.jpeg][]![7a90ec337e20481a904ee35b12210370.jpeg][]![de6f381628af418689d091634ce03b79.jpeg][]

[a8d4d0169c0e464088d98a8073381998.jpeg]: https://img-blog.csdnimg.cn/a8d4d0169c0e464088d98a8073381998.jpeg
[5321b6edd7da4c719ce5b2d0ec89e990.jpeg]: https://img-blog.csdnimg.cn/5321b6edd7da4c719ce5b2d0ec89e990.jpeg
[157997a7035f409ca3103b47088c633d.jpeg]: https://img-blog.csdnimg.cn/157997a7035f409ca3103b47088c633d.jpeg
[b852aa9f00c64b50b9e4da9c7d35400e.jpeg]: https://img-blog.csdnimg.cn/b852aa9f00c64b50b9e4da9c7d35400e.jpeg
[2c21cc5741bd4183a2b7a4f943f29ef8.jpeg]: https://img-blog.csdnimg.cn/2c21cc5741bd4183a2b7a4f943f29ef8.jpeg
[83125985ab2d4b9fbd6071c0e0a56ce2.jpeg]: https://img-blog.csdnimg.cn/83125985ab2d4b9fbd6071c0e0a56ce2.jpeg
[bb43efe88c314fc3b2e1a9c71c0a1ff7.jpeg]: https://img-blog.csdnimg.cn/bb43efe88c314fc3b2e1a9c71c0a1ff7.jpeg
[22bd5ff653e1466cafb90b25897c8655.jpeg]: https://img-blog.csdnimg.cn/22bd5ff653e1466cafb90b25897c8655.jpeg
[17c9f774a70640f98eea563315854bb4.jpeg]: https://img-blog.csdnimg.cn/17c9f774a70640f98eea563315854bb4.jpeg
[ae9ca132c3464b3384738b2de917b858.jpeg]: https://img-blog.csdnimg.cn/ae9ca132c3464b3384738b2de917b858.jpeg
[ad50a5cc022a4db09e90f5954c8cd92f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/82e9274a4dda4d98a02a1d7476da945d.png
[b313c08001174035a4ce166b041073d9.jpeg]: https://img-blog.csdnimg.cn/b313c08001174035a4ce166b041073d9.jpeg
[42f190854a154f7eb2c2fcb8b401f7b7.jpeg]: https://img-blog.csdnimg.cn/42f190854a154f7eb2c2fcb8b401f7b7.jpeg
[04d3243d70664304906fcab20be3d8ac.jpeg]: https://img-blog.csdnimg.cn/04d3243d70664304906fcab20be3d8ac.jpeg
[1ffaf1c66cc74ca89a2afbd8a2616cee.jpeg]: https://img-blog.csdnimg.cn/1ffaf1c66cc74ca89a2afbd8a2616cee.jpeg
[de70aeffbb684cd4a223e0d47e34c647.jpeg]: https://img-blog.csdnimg.cn/de70aeffbb684cd4a223e0d47e34c647.jpeg
[26364304d00948b9b54aa74db164acf1.jpeg]: https://img-blog.csdnimg.cn/26364304d00948b9b54aa74db164acf1.jpeg
[206d835ea22f4853a7d860efce377159.jpeg]: https://img-blog.csdnimg.cn/206d835ea22f4853a7d860efce377159.jpeg
[836371a9eb7d4db898310d4f8b2a5d36.jpeg]: https://img-blog.csdnimg.cn/836371a9eb7d4db898310d4f8b2a5d36.jpeg
[7a90ec337e20481a904ee35b12210370.jpeg]: https://img-blog.csdnimg.cn/7a90ec337e20481a904ee35b12210370.jpeg
[de6f381628af418689d091634ce03b79.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d6251e62153f4631b821ab7239e398b1.png