基于SSM框架的旅游购票系统的设计与实现

痛定思痛。 2022-09-07 14:33 263阅读 0赞

在上一篇中，博主想要开发个旅游购票项目，今天它来了

## 技术栈 ##

开发语言：JavaWeb  
后端框架：SSM （Spring+SpringMVC+Mybatis）  
开发环境：Eclipse MySQL5.5以上 Tomcat 8以上 JDK1.8  
前端框架：LayUI，BootStrap  
前端技术：ajax+json ，JavaScript

## 功能介绍 ##

项目分为三个模块：管理员，PC网页与移动Web端  
后台功能：景点管理，类别管理，订单管理，用户管理  
前台功能：景点检索，购物车，下单，个人信息，登录注册，评论等

## 视频演示 ##

SSMl旅游购票系统

## 项目更新 ##

针对旅游购票系统，博主进行了更新：  
1.添加日期选择模块，用户可以选择进入景区的时间  
![请添加图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b2t56WlLg_size_20_color_FFFFFF_t_70_g_se_x_16]  
2.增加省份门票销量模块，从一定程度上对旅游地点做出推荐  
![请添加图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b2t56WlLg_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 技术难点 ##

说是技术难点其是也算不上，只是博主在开发项目时遇到的一些问题与自己总结的一些经验  
**1.二级分类**  
博主在之前的开发中，其实也曾很少涉及二级分类，但当初浅尝辄止，当然，这次也没有涉及很深  
二级分类其实与我们之前的类别下的商品是一样的，想明白这点其实还是不难的，博主之前做的是二级联动，这种在我们选择地区时用的最多，博主之前是使用ajax与jquery来实现的，但这次由于博主使用了LayUI框架，由于LayUI中将select标签使用input来重写了，之前的方法便不再通用了。  
这是在LayUI中的写法

lay-filter是LayUI中的标签，为过滤器，它能够来通过标签来过滤获取标签中的内容，即在form表单中，它可以过滤筛选input ,select,radio等标签，如代码中 **form.on('select(sel\_term),从而获取他的内容，使用jquery中的data=$("\#id”.val()** 方式是行不通的

此外，在成功后我们还需要对表单进行重写渲染。  
**2.JSON字符串**  
之前博主的开发时由于很少用到ajax，所以也没有很好的做到前后端分离，近期在学习中掌握最简单的前后端分离方法：ajax请求，json数据返还。  
json的确很重要，它可以为我们的项目提供更好的可移植性，比如我们在Controller中使用model将数据保存并响应在页面，那么当我们的使用的不是jsp而是php或者安卓时，我们的后端依然可以使用，因为我们使用的是json，只需要对其解析即可  
下面以其中的一条json数据为例来解析其构成与获取

{ 
    	"code":0,
    	"data":[
    		{ 
    			"id":1,
    			"name":"吃喝玩乐",
    			"typeid":1
    		},
    		{ 
    			"id":2,
    			"name":"民宿旅馆",
    			"typeid":1
    		},
    		{ 
    			"id":4,
    			"name":"洛阳特产",
    			"typeid":1
    		},
    		{ 
    			"id":5,
    			"name":"名胜古迹",
    			"typeid":1
    		}
    	],
    	"count":5
    }

如上，这个json数据中含有三个元素，这是一种键值对的方式，分别为：  
code,data,count  
那么我们假设我们获取的这个json为result,要如何获取里面的内容呢

result.code  即0     result.count  即5
    result.data 获取的是data数值
    result.data[0]  获取data中第一条数据
    result.data[0].id  获取data中第一条数据的id值，即1

## PC网页 ##

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]

## 移动Web ##

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 6]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 7]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 8]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 9]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 10]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 11]

## 后台管理 ##

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 12]

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 13]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 14]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 15]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 16]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b2t56WlLg_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/0c81c00bdbde4f99a5e6eeffc67aa5ef.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5b2t56WlLg_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/1d13302c161c4148a69508f88554ce86.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]: /images/20220829/6519fa94110b4ac385f3d7e83f5e2bc3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]: /images/20220829/62b19f39a6a749e5a13c40bb49506458.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]: /images/20220829/56597339115d4508b77424bd45d4694d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]: /images/20220829/a0dae5b4520d4c9fae753b44c0be4bed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]: /images/20220829/b5b94bbf65284b2c965f7d056860bde6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]: /images/20220829/e1dfa194d52c4221b1d2a855c44cf79f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 6]: /images/20220829/a02c208495e24c95bc74448aa5718144.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 7]: /images/20220829/be73f8110c7941c9a70054d5cd17b256.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 8]: /images/20220829/8ddaae09313a45ad8473f2963de5013e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 9]: /images/20220829/5948c35281df4c3a893d8e03352bbbe0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 10]: /images/20220829/94c286f1e2454eb08690cb50b6fa773f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 11]: /images/20220829/bd8657f1904843b7ab01bff0d551e95b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 12]: /images/20220829/c3d1ed28de8847e6a7cb2a6aabb66031.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 13]: /images/20220829/9897117d0a7c4e498c6914fb703c5018.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 14]: /images/20220829/6920d51696b3452bb84d040b7b789c47.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 15]: /images/20220829/893d7df7e1304a3da574c1dbed0a52f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 16]: /images/20220829/78cd96e131004a6babe783a3a1616e18.png