基于SSM框架的电影院购票系统

超、凢脫俗 2022-09-03 14:22 228阅读 0赞

今天，博主分享一份基于SSM框架与maven管理的电影院购票系统

## 项目结构 ##

![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]  
该项目基本完成了电影购票流程内的所有功能，项目前端使用ajax进行请求，json数据流返还结果，是一份较为完善的项目

## 技术简介 ##

> 基础框架：SSM SpringMVC+Spring+Mybatis  
> 前端框架：Bootstrap前台，Layui后台  
> 项目依赖管理：Maven  
> 分页插件：pagehelper  
> 数据库：MySQL 5.7  
> 开发软件及环境：eclipse JDK 1.8 Tomcat 8.0  
> 数据请求与响应：ajax,json

## 项目功能 ##

**前台功能：**

> 用户登陆注册，影片查看，影片选择，影院选择，座位选择，购票下单，查看订单，个人信息，评论

**后台功能：**

> 影院管理，影片管理，场次管理，订单管理，用户管理，评论管理

## 数据库介绍 ##

![请添加图片描述][46acc261bef74b0db75cd7106f98f677.png]  
本文以影院首页为例，介绍该项目的实现流程  
首先我们看看页面展示![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]  
结果：

## 项目样例讲解 ##

**spring.xml** 该文件将spring容器与视图解析器(也就是我们的spring-mvc）模块整合在了一起，并完成数据库链接，扫描资源包，进行事务处理，数据类型转换等各种功能。

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:p="http://www.springframework.org/schema/p" xmlns:mongo="http://www.springframework.org/schema/data/mongo" xsi:schemaLocation="http://www.springframework.org/schema/data/mongo http://www.springframework.org/schema/data/mongo/spring-mongo-1.8.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">
    		
    	
        <bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">  
    		<property name="location" value="classpath:mysql.properties" /> 
    	</bean>
    	
    	 
    	<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource" destroy-method="close">  
    		<property name="driverClassName" value="${driver}" />  
    		<property name="url" value="${url}" />  
    		<property name="username" value="${username}" />  
    		<property name="password" value="${password}" /> 
    		 
    		<property name="maxActive" value="800"/>
           	<property name="minIdle" value="10"/>
    	</bean>  
    	
    	
    		
    	<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
    		
    		<property name="dataSource" ref="dataSource" />
    		
    		<property name="configLocation" value="classpath:mybatis.xml"/>
    	</bean>
    	
    	
    	
    	<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
    		<property name="basePackage" value="com.mapper" />
    		<property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
    	</bean>
    	
    	
    	<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
    		<property name="dataSource" ref="dataSource" />
    	</bean>
    	
    	
       	<tx:annotation-driven transaction-manager="transactionManager"/>
       	
       	
        <context:component-scan base-package="com"></context:component-scan>
     	
     	
     	<aop:aspectj-autoproxy/>
     	
     	
    	
    	<bean id="objectMapper" class="com.fasterxml.jackson.databind.ObjectMapper">
    		<property name="serializationInclusion" value="NON_NULL" />
    		<property name="dateFormat">
    			<bean class="java.text.SimpleDateFormat">
    				<constructor-arg value="yyyy-MM-dd HH:mm:ss" />
    			</bean>
    		</property>
    	</bean>
    	
    	
    	<mvc:annotation-driven>
    		<mvc:message-converters register-defaults="true">
    			<bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
    				<property name="objectMapper" ref="objectMapper" />
    				<property name="supportedMediaTypes">
    					<list>
    						<value>text/plain;charset=UTF-8</value>
    						<value>application/json;charset=UTF-8</value>
    					</list>
    				</property>
    			</bean>
    			
    			<bean class="org.springframework.http.converter.StringHttpMessageConverter">  
                	<property name="supportedMediaTypes" value = "text/html;charset=UTF-8" />  
            	</bean> 		
    		</mvc:message-converters>
    	</mvc:annotation-driven>
    	
    	
    	<bean id="freemarkerConfig" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">
    		<property name="templateLoaderPath" value="/views/" />
    		<property name="defaultEncoding" value="utf-8" />
    		<property name="freemarkerSettings">
    			<props>
    				<prop key="default_encoding">UTF-8</prop>
    				<prop key="output_encoding">UTF-8</prop>
    				<prop key="template_update_delay">10</prop>
    				<prop key="locale">zh_CN</prop>
    				<prop key="datetime_format">yyyy-MM-dd HH:mm</prop>
    				<prop key="date_format">yyyy-MM-dd</prop>
    				<prop key="time_format">HH:mm:ss</prop>
    				<prop key="number_format">#.##</prop>
    			</props>
    		</property>
    	</bean>
    	
    	
    	<bean id="viewResolver" class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">
    		<property name="viewClass" value="org.springframework.web.servlet.view.freemarker.FreeMarkerView"></property>
    		<property name="suffix" value=".html" />
    		<property name="contentType" value="text/html;charset=utf-8" />
    		<property name="exposeRequestAttributes" value="true" />
    		<property name="exposeSessionAttributes" value="true" />
    		<property name="exposeSpringMacroHelpers" value="true" />
    		<property name="cache" value="false" />
    		<property name="requestContextAttribute" value="rc"></property>
    	</bean>
    	
    	
    	<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    		<property name="maxUploadSize" value="1100000"></property>
    		<property name="defaultEncoding" value="UTF-8"></property>
    	</bean>
    </beans>

**mybatis.xml**  
配置分页插件，扫描mapper包

<?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd">
    <configuration>
    	
    	<typeAliases>
    		<package name="com.mapper"/>
    	</typeAliases>
    	
    	
    	<plugins>
    		
    		<plugin interceptor="com.github.pagehelper.PageInterceptor">
    			
    			<property name="reasonable" value="true"/>
    			
    			<property name="helpetrDialect" value="mysql"/>
    		</plugin>
    	</plugins>
    	
    	<mappers>
    		<package name="com.mapper"/>
    	</mappers>
    	
    </configuration>

以上是配置文件的部分，完成以上配置后，我们就可以分析项目的执行过程了，即发出请求，springmvc拦截给controller,调用业务逻辑层，执行持久层数据库操作，访问并操作数据库，返还结果，层层返还，视图渲染，展示在浏览器上。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]  
首先我们来看浏览器的请求，是以ajax的方式进行的

$.ajax({ 
                    type:'post',
                    url:"${basePath}/movie/findAllMovies",
                    dataType:'json',
                    data: { },
                    success:function (obj) { 
                        console.log(obj)
                });

发生我们的查询所有影片的请求，并将数据打印出来，然后我们在使用javaScript来对obj内容进行解析获取并展示。  
我们可以单独请求刚刚的链接，发现其返还的结果是一个json字符串  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]  
那么，接下来，我们的请求将会传递到Controller中，通过页面展示可知，其内容分为正在热映，即将上映，排行榜等，那么，我们的获取所有也需要将这些数据获取到  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]

@RequestMapping("findAllMovies")
    	@ResponseBody
    	public JSONObject findAllMovies() { 
    		JSONObject obj = new JSONObject();
    		List<Movie> list = movieService.findAllMovies(1);
    		List<Movie> upcomingList = movieService.findAllMovies(0);
    		List<Movie> offList = movieService.sortMovieByBoxOffice();
    		String type[] = { "喜剧","动作","爱情","动画","科幻","惊悚","冒险","犯罪","悬疑"};
    		ArrayList<Object> typeArr = new ArrayList<Object>();
    		for(int i = 0;i < type.length;i++) { 
    			List<Movie> movieList = this.movieService.findMoviesLikeType(type[i]);
    			float boxOffice = 0;
    			for(int j = 0; j < movieList.size();j++) { 
    				boxOffice += movieList.get(j).getMovie_boxOffice();
    			}
    			JSONObject typeJson = new JSONObject();
    			typeJson.put(type[i], boxOffice);
    			typeArr.add(typeJson);
    		}
    		obj.put("code", 0);
    		obj.put("count", list.size());
    		obj.put("upcomingCount",upcomingList.size());
    		obj.put("data", list);
    		obj.put("data1", upcomingList);
    		obj.put("sort", offList);
    		obj.put("type", typeArr);
    		return obj;
    	}

上面的Controller中调用了多个业务层方法，我们以第一个调用为例  
业务层方法

@Transactional(propagation=Propagation.REQUIRED,readOnly=true)
    	@Override
    	public List<Movie> findAllMovies(int movie_state) { 
    		return this.movieMapper.findAllMovies(movie_state);
    	}

**持久层接口**  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]

**持久层实现**  
其中上面的是我们返还的数据封装，其是也可以由我们的实体类来封装完成，下面则是查询数据库的操作，数据信息在查询到后，经由层层返还，最终在我们的浏览器上得以显示。

<resultMap type="com.entity.Movie" id="BaseResultMap">
    		<id property="movie_id" column="movie_id" javaType="long"/>
    		<result property="movie_actor" column="movie_actor" javaType="java.lang.String"/>
    		<result property="movie_boxOffice" column="movie_boxOffice" javaType="float"/>  
    		<result property="movie_cn_name" column="movie_cn_name" javaType="java.lang.String"/>  
    		<result property="movie_commentCount" column="movie_commentCount" javaType="long"/>  
    		<result property="movie_country" column="movie_country" javaType="java.lang.String"/>
    		<result property="movie_detail" column="movie_detail" javaType="java.lang.String"/>
    		<result property="movie_director" column="movie_director" javaType="java.lang.String"/>
    		<result property="movie_duration" column="movie_duration" javaType="java.lang.String"/>
    		<result property="movie_fg_name" column="movie_fg_name" javaType="java.lang.String"/>
    		<result property="movie_picture" column="movie_picture" javaType="java.lang.String"/>
    		<result property="movie_score" column="movie_score" javaType="float"/>
    		<result property="movie_type" column="movie_type" javaType="java.lang.String"/>
    		<result property="movie_releaseDate" column="movie_releaseDate" javaType="java.sql.Date"/>
    		<result property="movie_state" column="movie_state" javaType="java.lang.Integer"/>
    	</resultMap>
    
    <select id="findAllMovies" parameterType="java.lang.Integer" resultMap="BaseResultMap">
    		select * from movie where movie_state = #{movie_state}
    	</select>

至于其他模块，也是如法炮制，下面是项目实现截图

## 项目演示 ##

**前台功能：**

![请添加图片描述][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_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 17]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 18]  
![请添加图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 19]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]: /images/20220829/dea59ac97b4d4a3982006f4602881c91.png
[46acc261bef74b0db75cd7106f98f677.png]: /images/20220829/e374e564b15f4fa89785531b62336586.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]: /images/20220829/bf27a14f5dc94c73b9fd3baaf8034961.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]: /images/20220829/d13c68339b3843389a2b844899067d75.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]: /images/20220829/d5d2be0802b14c8fba1c6055ce5433e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]: /images/20220829/7e0419a875aa43b7ac50fcf34258f533.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]: /images/20220829/0653401338104615aea83e558032484a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 6]: /images/20220829/7e0fb807d51b40b9b7681ee66ccfcd0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 7]: /images/20220829/f22626da805746ff9a0b00bda65ca7c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 8]: /images/20220829/11ee4892c4214ccd93e915022437b185.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 9]: /images/20220829/f849b92dea53414983cf256f08588fa5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 10]: /images/20220829/49a1cee837eb4ba7b7b31e7b5cf94779.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 11]: /images/20220829/c5af2c465938487bb321c630c360034d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 12]: /images/20220829/b6cccd88126243c79555c024bbbdbddb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 13]: /images/20220829/9d77f07be0e9481591c4c5d09d3da504.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 14]: /images/20220829/51e0101fc8ea418582a7c0cffb463a62.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 15]: /images/20220829/f085fcd086c14ea7811352ebef9a1b70.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 16]: /images/20220829/7c2d423cd4ae4a82a20b4267f38fa0c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 17]: /images/20220829/56dd4561bdd847d291c60005b55de679.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 18]: /images/20220829/5a848dc4b40743d2b2b3df5e49ebf000.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 19]: /images/20220829/31eedff74edf49f9a118c4d4da6b2267.png