基于java springboot + mybatis实现电影售票管理系统

2024-10-01 09:45:01

主要功能实现

前端主要功能实现

影院首页、轮播图展示、电影查看、热门影院、热门电影、热门资讯等、影院查看、电影资讯查看、电影信息详情查看、查看场次、电影座位选座购票、电影评论、订单支付、查看订单信息、帮助说明、个人中心、我的影评、我的账户余额等

后台主要功能实现

后台主页树状图大数据信息查看、对影院个数据进行统计、主要统计有、入住影院、场次、注册用户、订单信息、放映场次、充值、票房等数据统计展示。

具体业务模块为：

系统设置、菜单管理、用户管理、角色管理、日志管理、地域信息管理、电影管理、评价管理、影厅管理、拍片管理、资讯管理、资讯分类管理、用户管理、订单管理、支付管理等

主要截图展示

前台影院首页

项目启动进入电影主页、主要查看电影轮播信息以及热门电影、热门影院和资讯等信息、用户可以登录注册、登录后可以查看个人信息、订单、以及帮助中心等具体功能操作。

电影信息

点击电影信息查看正在热映或即将上映的电影信息、可以查看列表、点击可以查看详情信息

电影详情

电影详情模块主要查看电影详情信息、以及在线选票功能或查看评价电影信息

电影评价

用户可以查看具体选座信息以及对电影进行评价

选座功能

用户点击选座购票进入购票页面、选择场次、选座、支付、提交订单

选座主要前端代码设计

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=990, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <title>猫眼电影票网_电影在线选座购票平台</title>
    <meta name="keywords" content="猫眼电影票,猫眼电影票网,猫眼电影院,猫眼影票,猫眼电影,电影票，电影"/>
    <meta name="description" content="猫眼电影票网是猫眼最大的电影票在线选座平台，同时猫眼电影票网还提供电影排期，影院信息查询、猫眼本土电影行业资讯等服务。看电影，来猫眼电影票选座"/>
    <#include "../common/head-css.ftl"/>
    <link href="/home/css/jquery.jPages.css" rel="external nofollow"  rel="external nofollow"  rel="stylesheet" />
</head>
<body>
	<#include "../common/header.ftl"/>
<div id="body" class="main">
<div class="wrapper-film-chooseseat">
    <div class="tip-nav-choosseeat">
        <ul>
            <li class="wd1">1.选择影片场次</li>
            <li class="wd2 act">2.在线选座</li>
            <li class="wd3">3.确认订单支付</li>
            <li class="wd4">4.影院取票观影</li>
        </ul>
    </div>
    <div class="fiml-chooseseat fn-clear">
        <div class="film-choose-seat">
            <div class="bg_screen clearfix"><span>荧幕</span></div>
            <div class="seat-description fn-acenter">
                <p class="fn-clear">
                    <img src="/home/images/seat_able.jpg" /><span>可选</span>
                    <img class="pl10" src="/home/images/seat_seled.jpg" /><span>已选</span>
                    <img class="pl10" src="/home/images/seat_unable.jpg" /><span>已售</span>
                    <img class="pl10" src="/home/images/seat_love.jpg" />
                    <img src="/home/images/seat_love.jpg" /><span>情侣座</span>
                    </p>
            </div>
            <div class="box-seat-des">
                <div id="seatcontainer">
                	<table id="seattable" class="seatdt">
                		<tbody>
                			<#list cinemaHallSeatList as cinemaHallSeat>
		                      <#if cinemaHallSeat.x == 1>
		                      <tr>
		                      </#if>
                				<td class="show-seat" style="width:38px;position:relative;cursor:pointer;padding-bottom:5px;" seatcol="${cinemaHallSeat.x}" seatrow="${cinemaHallSeat.y}" seatno="${cinemaHallSeat.id}" status="${cinemaHallSeat.status}" type="${cinemaHallSeat.type}" onclick="seatClick(this)">
                					<div class="seatno" style="width:38px;top:6px;"><#if cinemaHallSeat.status == 1 && cinemaHallSeat.type == 1>${cinemaHallSeat.x}</#if></div>
                					<#if cinemaHallSeat.status == 1>
                					<#if cinemaHallSeat.type == 2>
                					<img style="z-index:120;" width="38px" height="30px" src="/home/images/seat_love.jpg">
                					<#else>
                					<img style="z-index:120;" width="38px" height="30px" src="/home/images/seat_able.jpg">
                					</#if>
                					<#else>
                					<img style="z-index:120;" width="38px" height="30px" src="/home/images/seat_unable.jpg">
                					</#if>
                				</td>
                			  <#if cinemaHallSeat.x == cinemaHallSession.cinemaHall.maxX>
		                      </tr>
		                      </#if>
		                    </#list>
                		</tbody>
                	</table>
                </div>
            </div>
            <table id="indextable" class="seatdt">
            	<tbody>
            		<#list 1..cinemaHallSession.cinemaHall.maxY as y>
            		<tr style="height:35px;">
            			<td align="center" valign="middle">${y}</td>
            		</tr>
            		</#list>
            	</tbody>
            </table>
        </div>
        <div class="box-film-info">
            <div class="film-info">
                <h2>${cinemaHallSession.movie.name}</h2>
                <p>片长：${cinemaHallSession.movie.time}分钟</p>
                <p>语言：${cinemaHallSession.movie.language.getName()}</p>
                <span class="pic"><img src="/photo/view?filename=${cinemaHallSession.movie.mainPic}" width="72" height="100" /></span>
            </div>
            <div class="film-detail">
                <p><span class="cor999">影院：</span><span>${cinemaHallSession.cinema.name}</span></p>
                <p><span class="cor999">影厅：</span><span>${cinemaHallSession.cinemaHall.name}</span></p>
                <p><span class="cor999">票价：</span><span>${cinemaHallSession.newPrice} 元/张</span></p>
                <div class="screen-info fn-clear">
                    <span class="cor999">场次：</span>
                    <span class="red">${cinemaHallSession.startTime}</span>
                    <span class="change-showtime"></span>
                    <div class="box-screen-today">
                    </div>
                </div>
                <div class="box-seatchoose">
                    <div id="seatchoose" class="fn-clear">
                        <div id="lblmsg" class="cor999">请选择座位</div>
                    </div>
                    <p class="tip">已选择<em>0</em>个座位，再次点击座位可以取消</p>
                    <span class="tg cor999">座位：</span>
                </div>

            </div>
            <div class="choose-result">
                <p class="total"><span class="cor999">总计：</span><strong>0</strong><em class="fn-bold">元</em></p>
                <p><a class="btn" id="btnconfirm" href="javascript:void(0)" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >立即购票</a></p>
            </div>
        </div>
    </div>
    <div class="tip-description-choosseeat">
        <h3><span class="titb">使用说明</span></h3>
        <p>
            1.选择你要预定的座位，重复点击取消所选座位。<br />
            2.每笔订单最多可选购4张电影票，情侣座不单卖。<br />
            3.选座时，请尽量选择相邻座位，请不要留下单个座位。<br />
            4.下单后请于15分钟内完成支付，超时系统将不保留座位。<br />
            5.电影票售出后暂不支持退换。<br />
            6.购票过程产生的各项咨询，请拨打客户电话400-660-5335。
        </p>
    </div>
</div>
</div>
<#include "../common/footer-js.ftl"/>
<script src="/home/js/jquery.jPages.min.js" type="text/javascript"></script>
<#include "../common/footer.ftl"/>
<#include "../common/login-dialog.ftl"/>
<script type="text/javascript">
$(document).ready(function(){
	 //提交订单
	 $("#btnconfirm").click(function(){
	 	if(selectedSeats == null || selectedSeats == 'undefined'){
	 		alert('请至少选择一个座位!');
	 		return;
	 	}
	 	var data = {};
	 	data.cinema_hall_session_id = ${cinemaHallSession.id};
	 	data.cinema_hall_seat_ids = JSON.stringify(selectedSeats);
	 	ajaxRequest('/home/order/generate_order','post',data,function(rst){
	 		//订单提交成功，跳转到支付页面
	 		window.location.href = '/home/order/order_pay?order_sn=' + rst.data;
	 	});
	 });
	 //遍历所有的座位，根据订单中的值改变其状态
	 $(".show-seat").each(function(i,e){
	 	if(orderSeats.includes(parseInt($(e).attr('seatno')))){
	 		$(e).attr('status',0);
	 		$(e).children("img").attr('src','/home/images/seat_unable.jpg');
	 		$(e).children(".seatno").text('');
	 	}
	 });
});
var NormalPrice = parseFloat("${cinemaHallSession.newPrice}");
var selectedSeatMax = ${selectedSeatMax};
var selectedSeats;
var orderSeats = ${orderSeatList!"[]"};
function seatClick(e){
	if($(e).attr('status') == 1){
		if($(e).attr('selected') != 'selected'){
			if($('td[selected="selected"]').length >= selectedSeatMax){
				alert('最多可选择' + selectedSeatMax + '个座位!')
				return;
			}
			$(e).children("img").attr('src','/home/images/seat_seled.jpg');
			$(e).attr('selected','selected');
		}else{
			if($(e).attr('type') == '2'){
				$(e).children("img").attr('src','/home/images/seat_love.jpg');
				$(e).removeAttr('selected');
			}else{
				$(e).children("img").attr('src','/home/images/seat_able.jpg');
				$(e).removeAttr('selected');
			}
		}
		setSeat();
	}
}
function setSeat() {
    var html = '';
    selectedSeats = new Array();
    $('td[selected="selected"]').each(function(i,e){
	    var seatno = $(e).attr('seatno');
	    var seatrow = $(e).attr('seatrow');
	    var seatcol = $(e).attr('seatcol');
	    html += '<div id="' + seatno + '" class="seatinfo">' + seatrow + "排" + seatcol + "座" + '</div>';
    	selectedSeats.push({id:seatno});
    });
    $("#seatchoose div.seatinfo").remove();
    $("#seatchoose").append(html);
    var selectedNum = $('td[selected="selected"]').length;
    if(selectedNum <= 0){
    	$("#lblmsg").show();
    }else{
    	$("#lblmsg").hide();
    }
    $(".choose-result .total strong").text(NormalPrice * selectedNum);
    $(".tip em").text(selectedNum);
}
</script>
</body>
</html>

提交订单

提交订单模拟支付完成购票操作

影片订单详情/取票

在我的个人中心查看购票信息、订单详情以及我的评论和余额管理等具体操作、这个整个流程是非常完善的

影院信息

影院详情

点击进入查看影院详情信息、电影排片、影院介绍、影院评论等功能

资讯信息

用户可以查看一些管理员发布的资讯信息

我的个人中心

后台主要功能设计

后台管理员登录页面、后台主要功能有菜单管理、用户管理、角色管理、日志管理、地域信息管理、电影管理、评价管理、影厅管理、拍片管理、资讯管理、资讯分类管理、用户管理、订单管理、支付管理等、太多了我就不一一截图了

后台系统主页

对影院个数据进行统计、主要统计有、入住影院、场次、注册用户、订单信息、放映场次、充值、票房等数据统计展示。

系统设置

菜单管理

点击菜单管理查看后台菜单信息、管理员可以对菜单进行添加、修改、删除等一系列操作。

用户管理

电影管理

添加电影信息

添加电影前端代码

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=990, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <title>猫眼电影票网_电影在线选座购票平台</title>
    <meta name="keywords" content="猫眼电影票,猫眼电影票网,猫眼电影院,猫眼影票,猫眼电影,电影票，电影"/>
    <meta name="description" content="猫眼电影票网是猫眼最大的电影票在线选座平台，同时猫眼电影票网还提供电影排期，影院信息查询、猫眼本土电影行业资讯等服务。看电影，来猫眼电影票选座"/>
    <#include "../common/head-css.ftl"/>
    <link href="/home/css/jquery.jPages.css" rel="external nofollow"  rel="external nofollow"  rel="stylesheet" />
</head>
<body>
	<#include "../common/header.ftl"/>
<div id="body" class="main">
<div class="wrap-detail">
    <div class="wrapper-film-infodetail" style="background:url(/home/images/ico_bg_3.jpg) repeat-y center top;">
        <div class="box-film-infodetail">
            <div class="film-info-detail">
                <h1>
                    <span>${movie.name}</span>
                    <em>${movie.rate!"0"}</em>

                </h1>
                <p class="excellent">${movie.abs!"暂无信息"}</p>
                <p>
                    <span>导演：</span>
                    <span>${movie.directedBy}</span>
                </p>
                <p class="actor">
                    <span>主演：</span>
                    <span class="con">${movie.actor}</span>
                </p>
                <p>
                    <span>语言：</span>
                    <span>${movie.language.getName()}</span>
                </p>
                <p>
                    <span>片长：</span>
                    <span>${movie.time} 分钟</span>
                </p>
                <p>
                    <span>上映：</span>
                    <span>${movie.showTime}</span>
                </p>
                <p class="intro ovhide">
                    <span>剧情：</span>
                    <span class="con" data-t="<#if movie.info?length gt 118>${movie.info?substring(0,118)}...<#else>${movie.info}</#if>">${movie.info}</span>
                </p>
                <span class="img-main"><img src="/photo/view?filename=${movie.mainPic}" width="210" height="285" alt="${movie.name}" /></span>
                <div class="bdsharebuttonbox" data-tag="share_2">
                    <a class="bds_more" data-cmd="more">分享</a>
                </div>
                <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="flag">展开</a>
            </div>
        </div>
    </div>

    <div class="container fn-clear">
            <div class="film-pics-detail">
                <ul class="fn-clear">
                            <#if movie.video?? && movie.video?length gt 0>
                            <li>
                                <a class="filmVideo">
                                	<img src="/photo/view?filename=${movie.mainPic}" width="150" height="100" /></a>
                                <a href="javascript:void(0)" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="#verlayVideo" class="video-play"></a>
                            </li>
                            </#if>
                            <#list movie.pictureList as pic>
                                <li>
                                    <a rel="#verlayPics" href="javascript:void(0)" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="filmPics">
                                    	<img data-index="0" src="/photo/view?filename=${pic}" width="150" height="100" />
                                    </a>
                                    <#if pic_index gt 2>
                                    <#break>
                                    </#if>
                                </li>
                            </#list>

                </ul>
                <div class="total">
                    <p class="bd">
                        <span>剧照：</span>
                        <strong>${movie.pictureList?size}</strong>
                    </p>
                    <p>
                        <span>视频：</span>
                        <strong><#if movie.video?? && movie.video?length gt 0>1<#else>0</#if></strong>
                    </p>
                </div>
            </div>
                    <div class="film-schedule-detail pt30">
                <div class="schedule-filte">
                    <div class="title">
                        <span class="pq">排期购票</span>
                        <span data-rel="#scrollComment" name="scrollComment" class="do-flim-comment">影评</span>
                    </div>
                    <div class="cinema">
                        <ul class="fn-clear">
                            <#if distinctCinemaHallSessionList?size == 0>
                            	暂无影院
                            <#else>
                            <#list distinctCinemaHallSessionList as cinemaHallSession>
                            <#if ylrc_area??>
                            <#if ylrc_area.id == cinemaHallSession.cinema.area.cityId>
                            <li data-cid="${cinemaHallSession.cinema.id}" data-address="${cinemaHallSession.cinema.address}" data-name="${cinemaHallSession.cinema.name}">
                                <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >${cinemaHallSession.cinema.name}</a>
                            </li>
                            </#if>
                            <#else>
                            <li data-cid="${cinemaHallSession.cinema.id}" data-address="${cinemaHallSession.cinema.address}" data-name="${cinemaHallSession.cinema.name}">
                                <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >${cinemaHallSession.cinema.name}</a>
                            </li>
                            </#if>
                            </#list>
                            </#if>
                        </ul>
                        <span class="tg cor999">影院：</span>
                    </div>
                    <div class="date">
                        <ul class="fn-clear film-date-list">
                            <#if distinctShowDateCinemaHallSessionList?size == 0>
                            	暂无排期
                            <#else>
                            <#list distinctShowDateCinemaHallSessionList as cinemaHallSession>
                            <#if ylrc_area??>
                            <#if ylrc_area.id == cinemaHallSession.cinema.area.cityId>
                            <li data-index="0" data-cid="${cinemaHallSession.cinema.id}">
                                <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >${cinemaHallSession.showDate}</a>
                            </li>
                            </#if>
                            <#else>
                            <li data-index="0" data-cid="${cinemaHallSession.cinema.id}">
                                <a href="javascript:void(0);" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >${cinemaHallSession.showDate}</a>
                            </li>
                            </#if>
                            </#list>
                            </#if>
                        </ul>
                        <span class="tg cor999">日期：</span>
                    </div>
                </div>
                <div class="title pb10 pt30 cinematb">
                    <span class="titb"><a href="" id=" rel="external nofollow" focus-cinema"></a></span>
                    <span class="cor999 pl10" id="focus-cinema-address"></span>
                </div>
                <div class="schedule-list" id="focus-schedule-list">

                </div>
            </div>
        <div class="comment-hot-detail pt30 fn-clear">
            <div class="comment">
                <div class="title pb10" id="scrollComment">
                    <span class="titb">用户评论</span>
                    <span>共${commentList?size}条评论</span>
                </div>
                <div class="message-send">
                    <div class="box-send">
                        <div class="do-box-score">
                            <div class="do-score" data-average="0" data-id="doscore"></div>
                            <span class="result">请评分</span>
                        </div>
                        <div id="recomment" class="do-message" contenteditable="true"></div>
                    </div>
                    <p class="fn-clear pt30">
                        <a href="javascript:void(0)" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  class="btn fn-right" id="submit-comment">发表评论</a>
                    </p>
                    <span class="photo">
                    	<#if ylrc_account??>
                    	<img id="userheader" src="/photo/view?filename=${ylrc_account.headPic}" width="64" height="64" />
                    	<#else>
                    	<img id="userheader" src="/home/images/ico_tb_lg.jpg" width="64" height="64" />
                    	</#if>
                    </span>
                </div>
                <div class="message-list pt30">
                    <ul id="message-container">
                    	<#list commentList as comment>
                    	<li>
                            <div class="username-score fn-clear">
                                <span class="fn-left">${comment.account.nickname!comment.account.mobile?replace(comment.account.mobile?substring(3,7),"****")}</span>
                                <p class="fn-left ypscore" data-average="${comment.rate}" data-id="${comment.id}">
								</p>
                            </div>
                            <p class="message-con">${comment.content}</p>
                            <p class="time">
                                    <span class="fn-right">${comment.createTime}</span>
                            </p>
                            <span class="photo">
                                    <img src="/photo/view?filename=${comment.account.headPic}" width="64" height="64">
                            </span>
                        </li>
                        </#list>
                    </ul>
                    <#if commentList?? && commentList?size gt 0>
                    <div class="fn-acenter">
		                <div class="jpage"></div>
		            </div>
                    <#else>
                    <p class="error">还没有评论，抢个沙发~</p>
                    </#if>
                </div>
            </div>
            <div class="film-hot">
                <div class="title pb10">
                    <span class="titb">正在热映</span>
                </div>
                <ul>
                    <#list topMovieList as topMovie>
                    <li>
                        <h3 class="overhide">
                            <a href="detail?id=${topMovie.id}" rel="external nofollow"  rel="external nofollow"  >
                            	<#if topMovie.name?length gt 25>
                        		${topMovie.name?substring(0,25)}...
                        		<#else>
                        		${topMovie.name}
                        		</#if>
                            </a>
                        </h3>
                        <div class="score" data-average="${topMovie.rate!"0"}" data-id="${topMovie.id}"></div>
                        <p class="info">
                            ${topMovie.abs!"暂无"}
                        </p>
                        <span class="img">
                        	<a href="detail?id=${topMovie.id}" rel="external nofollow"  rel="external nofollow"  >
                        		<img src="/photo/view?filename=${topMovie.mainPic}" width="72" height="100" />
                        	</a>
                        </span>
                    </li>
                    </#list>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="verlayPics" id="verlayPics">
    <div id="slider" class="verlay-film-pics">
        <ul class="slides">
                <#list movie.pictureList as pic>
                <li>
                    <img src="/photo/view?filename=${pic}" width="600" height="400" />
                </li>
                </#list>
        </ul>
    </div>
    <div id="carousel" class="verlay-film-thumb">
        <ul class="slides">
                <#list movie.pictureList as pic>
                <li data-i="0">
                    <img src="/photo/view?filename=${pic}" width="120" height="80" />
                </li>
                </#list>
        </ul>
    </div>
</div>
<div class="verlayVideo" id="verlayVideo">
    <div class="box-video">
        <ul class="slides">
           <#if movie.video?? && movie.video?length gt 0>
               <li data-thumb="/photo/view?filename=${movie.mainPic}" data-video="/download/download_video?filename=${movie.video}">
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="400">
                        <param name="movie" value="/home/images/flvplayer.swf" />
                        <param name="quality" value="high" />
                        <param name="allowFullScreen" value="true" />
                        <param name="IsAutoPlay" value="1" />
                        <param name="wmode" value="transparent" />
                        <param name="FlashVars" value="vcastr_file=/download/download_video?filename=${movie.video}" />
                        <embed src="/home/images/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=/download/download_video?filename=${movie.video}" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="400"></embed>
                    </object>
                </li>
           </#if>
        </ul>
    </div>
</div>
</div>
<#include "../common/footer-js.ftl"/>
<script src="/home/js/jquery.jPages.min.js" type="text/javascript"></script>
<#include "../common/footer.ftl"/>
<#include "../common/login-dialog.ftl"/>
<script type="text/javascript">
$(document).ready(function(){
	 $("#submit-comment").click(function(){
	 	var content = $("#recomment").html();
	 	var score = $(this).parent().parent().find(".result>em").text();
        if (!score) {
            alert("请评分!");
            return;
        }
        if(content == ''){
		 	alert("请填写评价内容!");
		 	return;
        }
        var data = {rate:score,content:content,'movie.id':${movie.id}};
        ajaxRequest('/home/comment/comment_movie','post',data,function(rst){
        	alert('评价成功！');
        	window.location.reload();
        });
	 });

    var dataCon;
    if ($(".intro .con").height() > 52) {
        dataCon = $(".intro .con").text();
        $(".intro .con").text($(".intro .con").attr("data-t"));
        $(".film-info-detail .flag").show();
    }
    $(".film-info-detail .flag").toggle(function () {
        $(".intro .con").text(dataCon)
        $(this).css("bottom", "30px").text("收起");
        $(".intro").removeClass("ovhide").addClass("tag");
    }, function () {
        $(".intro .con").text($(".intro .con").attr("data-t"));
        $(this).css("bottom", "40px").text("展开")
        $(".intro").removeClass("tag").addClass("ovhide");
    });
    $(".message-list .jpage").jPages({
        containerID: "message-container",
        perPage: 10,
        delay: 30,
        fallback: 200,
        minHeight: false,
        previous: "上一页",
        next: "下一页"
    });
    $(".do-flim-comment").click(function () {
        $("html, body").animate({
            scrollTop: $($(this).attr("data-rel")).offset().top + "px"
        }, {
            duration: 500,
            easing: "swing"
        });
        return false;
    });
    $("#recomment").focus(function () {
        if ("${ylrc_account!"false"}".toLowerCase() == "false") {
            $(".boxLogin").overlay({ api: true }).load();
            return false;
        }
    });
    $(".message-send .do-score").jRating({
        rateMax: 10,
        sendRequest: false,
        rateInfosX: -35,
        rateInfosY: 15,
        canRateAgain: true,
        nbRates: 5,
        bigStarsPath: '/home/images/ico_tb_stars.jpg',
        onClick: function (e, r) {
            $(".do-box-score .result").html("<em>" + r + "</em>" + "分");
            if ("${ylrc_account!"false"}".toLowerCase() == "false") {
                $(".boxLogin").overlay({ api: true }).load();
            }
        }
    });
    $('.score').jRating({
        rateMax: 10,
        isDisabled: true,
        bigStarsPath: '/home/images/ico_tb_stars.jpg'
    });
    $('.ypscore').jRating({
        rateMax: 10,
        isDisabled: true,
        bigStarsPath: '/home/images/ico_tb_stars.jpg'
    });
    $('.score').each(function () {
        if ($(this).attr("data-average") != "0") {
            var html = "<span class='jscore'>" + $(this).attr("data-average") + "</span>";
            $(this).append(html);
        }
    });
    $(".schedule-filte .cinema li").live('click', function () {
        $(this).siblings().removeClass("act").end().addClass("act");
        var cid = $(this).attr('data-cid')
        var name = $(this).attr('data-name')
        var address = $(this).attr('data-address')
        $(".film-date-list li").each(function (i,e) {
            if($(e).attr("data-cid") != cid) {
                $(e).addClass("fn-hide");
            }else{
            	$(e).removeClass("fn-hide");
            }
        });
        $("#focus-cinema").text(name);
        $("#focus-cinema").attr('href','/home/cinema/detail?id='+cid);
        $("#focus-cinema-address").text(address);
    });
    $(".film-date-list li").live('click', function () {
        $(this).siblings().removeClass("act").end().addClass("act");
        var mid = ${movie.id};
        var cid = $(".schedule-filte .cinema li[class='act']").attr("data-cid");
        var showDate = $(this).children("a").text();
    	$.get("get_show_session",{mid:mid,cid:cid,showDate:showDate},function(data,status){
	        $("#focus-schedule-list").empty();
	        $("#focus-schedule-list").append(data);
	    });
    });
    $(".schedule-filte .cinema li:first").trigger("click");
    $(".film-date-list li:first").trigger("click");
});
var test;
var $slider;
$(".filmPics").overlay({
    closeOnClick: false,
    top: 'center',
    mask: {
        color: '#333',
        closeSpeed: 700,
        opacity: 0.8
    },
    onBeforeLoad: function () {
        $('body').on('mousewheel', function (e) {
            scrollFunc(e);
        });
    },
    onLoad: function (e) {
        $('#carousel').flexslider({
            animation: "slide",
            controlNav: false,
            directionNav:false,
            animationLoop: false,
            slideshow: false,
            itemWidth: 120,
            startAt: $(e.target).attr("data-index"),
            asNavFor: '#slider'
        });
        $('#slider').flexslider({
            animation: "fade",
            controlNav: false,
            animationLoop: false,
            slideshow: false,
            startAt: $(e.target).attr("data-index"),
            sync: "#carousel",
            after: function () {
                $(".verlay-film-thumb .flex-direction-nav").show();
                var idx = parseInt($("#carousel .slides li.flex-active-slide").attr("data-i"));
                if (((idx + 1) % 5) == 0) {
                    $("#carousel").flexslider("next");
                }
            }
        });
        $(".filmPics").each(function (i) {
            $(this).click(function () {
                $('#carousel').flexslider(i);
                $('#slider').flexslider(i);
            });
        });
    },
    onClose: function () {
        $('body').off('mousewheel');
    }
});
$(".video-play").overlay({
    closeOnClick: false,
    top: 'center',
    mask: {
        color: '#333',
        closeSpeed: 100,
        opacity: 0.8
    },
    onBeforeLoad: function () {
        $('body').on('mousewheel', function (e) {
            scrollFunc(e);
        });
    },
    onBeforeLoad: function (e) {
        $('.box-video').flexslider({
            animation: "fade",
            slideshow: false,
            controlNav: "thumbnails",
            after: function (e) {
                var video = $(".box-video .slides li").eq(e.currentSlide);
                var html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="400">';
                html += '<param name="movie" value="/home/images/flvplayer.swf" />';
                html += '<param name="quality" value="high" />';
                html += '<param name="allowFullScreen" value="true" />';
                html += '<param name="wmode" value="transparent"/>';
                html += '<param name="FlashVars" value="vcastr_file=' + video.attr("data-video") + '&&IsAutoPlay=1" />';
                html += '<embed src="/home/images/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=' + video.attr("data-video") + '&&IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="400"></embed>';
                html += '</object>';
                video.siblings().empty();
                video.html(html);
            }
        });
        $("#verlayVideo .flex-control-thumbs li").each(function () {
            $(this).css("backgroundImage", "url('" + $(this).find("img").attr("src") + "')");
            $(this).find("img").attr("src", "/home/images/ico_tb_5.jpg");
        });

    },
    onClose: function () {
        $('body').off('mousewheel');
    }
});
window._bd_share_config = {
        share: [{
            "tag": "share_2",
            "bdSize": 32
        }]
    }
with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>
</body>
</html>

评价管理

影厅管理

排片管理

订单管理

数据库主要表设计

用户表

CREATE TABLE `NewTable` (
`id`  bigint(20) NOT NULL AUTO_INCREMENT ,
`create_time`  datetime NOT NULL ,
`update_time`  datetime NOT NULL ,
`email`  varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`head_pic`  varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`mobile`  varchar(12) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`password`  varchar(32) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`sex`  int(11) NULL DEFAULT NULL ,
`status`  int(11) NULL DEFAULT NULL ,
`username`  varchar(18) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`role_id`  bigint(20) NULL DEFAULT NULL ,
PRIMARY KEY (`id`),
FOREIGN KEY (`role_id`) REFERENCES `movie_role` (`id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
UNIQUE INDEX `UK_btsosjytrl4hu7fnm1intcpo8` (`username`) USING BTREE ,
INDEX `FKg09b8o67eu61st68rv6nk8npj` (`role_id`) USING BTREE
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=6
ROW_FORMAT=COMPACT
;

电影表

CREATE TABLE `NewTable` (
`id`  bigint(20) NOT NULL AUTO_INCREMENT ,
`create_time`  datetime NOT NULL ,
`update_time`  datetime NOT NULL ,
`abs`  varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`actor`  varchar(512) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`area`  int(11) NULL DEFAULT NULL ,
`directed_by`  varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`info`  varchar(1280) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`language`  int(11) NOT NULL ,
`name`  varchar(64) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`picture`  varchar(512) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`rate`  decimal(19,2) NULL DEFAULT NULL ,
`show_time`  datetime NULL DEFAULT NULL ,
`time`  int(11) NULL DEFAULT NULL ,
`total_money`  decimal(19,2) NULL DEFAULT NULL ,
`type`  varchar(128) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`video`  varchar(512) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`is_show`  bit(1) NULL DEFAULT NULL ,
`rate_count`  int(11) NULL DEFAULT NULL ,
PRIMARY KEY (`id`)
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=18
ROW_FORMAT=COMPACT
;

到此这篇关于完整电影售票管理系统基于java springboot + mybatis实现的文章就介绍到这了,更多相关电影售票管理系统内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

python识别和降噪动态验证码与滑动验证码

目录一.动态验证码二.滑动验证码三.验证码的降噪四.验证码的识别〝古人学问遗无力,少壮功夫老始成〞 python对动态验证码.滑动验证码的降噪和识别,在各种自动化操作中,我们经常要遇到沿跳过验证码的操作,而对于验证码的降噪和识别,的确困然了很多的人.这里我们就详细讲解一下不同验证码的降噪和识别.如果这篇文章能给你带来一点帮助,希望各位小伙伴们多多支持我们. 一.动态验证码动态验证码是服务端生成的,点击一次,就会更换一次,这就会造成很多人在识别的时候,会发现验证码一直过期这是因为
基于java springboot+mybatis实现旅行平台前台+后台

目录项目介绍: 主要功能介绍: 系统前台首页: 用户登录和注册: 旅游线路相关模块: 插入部分代码展示酒店和景点预订: 酒店和景点详情信息: 旅游攻略相关模块: 收藏.关注.预订: 后台管理模块: 主要数据表表设计: 酒店表: 景区表: 我剑最帅不接受反驳项目介绍: 改革开放以来, 我国的旅游业发展迅速,但比较而言,我国旅游业发展的广度和深度都远远不能满足经济发展和人民生活水平提高的需要. 随着市场经济的发展和人民收入水平的进一步提高, 人民对旅游消费的需求将进一步上升, 目前旅游业在国
基于JavaSwing+mysql开发一个学生社团管理系统设计和实现

前言: 项目是使用Java swing+mysql开发,可实现基础数据维护.用户登录注册.社团信息列表查看.社团信息添加.社团信息修改.社团信息删除以及退出注销等功能.界面设计比较简单易学.适合作为Java课设设计以及学习技术使用. 引言随着全球信息化的迅猛发展,高效规模不断壮大,协会人数急剧增加,有必要开发一个学生社团管理系统来提高社联对社团的管理效率,学生社团管理系统将逐渐取代传统的人工管理模式.本文采用Java+swing+mysql作为开发技术,以Java为编程语言,开发一个基java
选课推荐交流平台系统基于java ssm springboot实现

目录主要功能模块设计: 主要技术: 主要功能实现前端: 选课平台首页: 登录注册管理: 选课推荐分类: 课程详情信息: 我的个人中心: 主要功能实现后台: 系统主页设计: 选课类型管理: 选课信息详情管理: 通知公告信息: 用户信息管理: 评论交流回复管理: 部分关键代码展示: 登录模块: 配置模块: 主要表设计: 用户表: 选课类型表: 选课详情表: 评论交流表: 回复信息表: 夏天到了.小雪来给大家降降温话不多说.直接进入主题主要功能模块设计: 登录注册.首页信息浏览.选课分类查看.选
基于java SSM springboot实现抗疫物质信息管理系统

主要功能设计: 用户.区域.物质类型.物质详情.物质申请和审核以及我的申请和通知公告以及灵活控制菜单权限主要技术实现:spring. springmvc. springboot.springboot security权限框架 mybatis . jquery . md5 .bootstarp.js tomcat.器.拦截器等具体功能模块:用户模块.角色模块.菜单模块.部门模块以及灵活的权限控制,可控制到页面或按钮,满足绝大部分的权限需求业务模块功能:区域管理.对不同区域的进行管理以及物质发
完整音乐播放系统基于Java Springboot + Vue + MyBatis

目录摘要主要设计功能设计主要技术功能截图用户端首页登录注册歌单信息歌手信息我的音乐评论点赞管理员端首页用户管理歌手管理歌单管理部分代码数据库设计用户表评论表收藏表歌手歌曲表歌手表项目总结视频演示: springboot+vue音乐网站摘要网络技术以及计算机的发展,网友们对网络的要求也日益长高,平常在网上听话用一大堆下载软件下载下来也要管理,又占空间,比如那流行歌曲,下载了听了又要删很不方便·而网络音乐库的实现改变了这一状况.它本身就是一个数字
基于java Springboot实现教务管理系统详解

目录视频演示研究背景我国教务现状与反思主要技术和环境: 功能截图: 总结: 视频演示研究背景在当今信息社会发展中中,计算机科学的飞速发展,大多数学校开始注意办公效率的发展是很关键,对学校的管理起到举足轻重的作用.基于 Internet 网络的信息服务,快速成长为现代学校中一项不可或缺的内容措施.很多校园都已经不满意商务办公管理的缓慢成长方式.学院的需求是一个功能强大的,能提供完善管理,管理信息系统的速度.社会持续向前发展,尤其是大多地方普及计算机,计算机应用已经开始向大容量的数据存储
基于java SSM springboot实现景区行李寄存管理系统

主要技术实现设计:spring. springmvc. springboot. springboot security权限控制.mybatis .session. jquery . md5 .bootstarp.js tomcat.拦截器等. 主要功能实现设计:登录.用户管理.角色权限管理.菜单管理.部门管理.行李柜管理.用户寄存管理.记录查询管理.通知公告管理.入柜.出柜以及修改密码等操作. 项目介绍随着中国人对于旅游休闲的积极认识和市场的需求不断增加,各个景区为了满足游客需求也在不断的开发
基于java ssm springboot+mybatis酒庄内部管理系统设计和实现

目录咱们废话不多说进入主题.系统主页展示: 用户信息管理; 角色权限控制管理: 管理员查看灵活配置; 插入一小部分代码段通知公告信息管理总结咱们废话不多说进入主题.系统主页展示: 用户登录后进行系统首页:主要功能模块如下.分角色管理.超级管理员拥有最高权限.可以进行菜单灵活控制. 用户信息管理; 角色权限控制管理: 管理员查看灵活配置; 插入一小部分代码段 /** * . * * * * */ package io.renren.modules.sys.controller; impor
基于java springboot + mybatis实现电影售票管理系统

目录主要功能实现前端主要功能实现后台主要功能实现主要截图展示前台影院首页电影信息电影详情电影评价选座功能选座主要前端代码设计提交订单影片订单详情/取票影院信息影院详情资讯信息我的个人中心后台主要功能设计后台系统主页菜单管理用户管理电影管理添加电影信息添加电影前端代码评价管理影厅管理排片管理订单管理数据库主要表设计用户表电影表主要技术框架:spring. springmvc. springboot.mybatis . jquery .t
基于java+springboot+mybatis+laiyu实现学科竞赛管理系统

目录项目背景: 主要功能模块: 主要技术: 主要功能: 功能截图: 数据图主要表设计: 用户表: 菜单表: 项目申请表: 竞赛报名表: 项目总结: 项目背景: 伴随着当今世界信息科技与联网的飞速发展,计算机也在迅速的普及,人们的生活方式已经迈入了以网络为主的时代,每行每业的信息化程度也越来越高,社会和经济发展的主要动力就是网络,随着我们国家对教育的重视程度不断提高,各个学校的学生数量不断增加,学生的校园生活也越来越精彩,学术竞赛.团队比赛也越来越丰富,在竞赛的申请及报名参加过程中,以往的纸质提
基于Java SpringBoot的前后端分离信息管理系统的设计和实现

目录前言视频演示主要功能说明功能截图主要代码实现主要数据表设计前言当今社会,随着科学技术的发展,以及市场经济的多元化,使人才的流动速度大大增加,因此也对党建工作的管理层面工作带来了空前且复杂的挑战, 从而使得如何高效的开展管理党建工作成为了亟待解决的问题.为此将高速发展的信息科学技术引入到党建工作管理的应用中,力求合理有效的提升全面各项工作的进展,实现以人为本的科学发展思想和意识,是一种高效可实现的方法. Java作为一种面向对象的.可以撰写跨平台应用软件的程序设计语言,其技术具
基于Java Springboot + Vue + MyBatis实现音乐播放系统

目录摘要主要设计功能设计主要技术功能截图用户端首页登录注册歌单信息歌手信息我的音乐评论点赞管理员端首页用户管理歌手管理歌单管理部分代码数据库设计用户表评论表收藏表歌手歌曲表歌手表项目总结视频演示: springboot+vue音乐网站摘要网络技术以及计算机的发展,网友们对网络的要求也日益长高,平常在网上听话用一大堆下载软件下载下来也要管理,又占空间,比如那流行歌曲,下载了听了又要删很不方便·而网络音乐库的实现改变了这一状况.它本身就是一个数字
使用java springboot设计实现的图书管理系统（建议收藏）

目录前言背景意义数据库设计功能截图代码实现前言随着网络技术的发展.计算机应用水平广泛提高,原来系统的时效性.数据的正确性.操作的方便性上都存在不足,已影响到系统的正常使用.经过考察比较,决定自己对图书管理系统重新设计,使系统能利用软件开发技术的成果,方便图书的管理.图书管理系统是典型的信息管理系统.系统介绍了图书系统的开发过程,设计中遇到的问题及解决方法以及提高当前应用程序或系统开发进度和改善工作性能.利用其提供的各种面向对象的开发工具首先在短时间内建立系统应用原型然后对初始原型系
基于Java 利用Mybatis实现oracle批量插入及分页查询

目录 1.单条数据insert 2.批量数据批量insert 3.创建序列 4.oracle分页查询前端与后端交互,分页查询后端海量数据导出,批量查询 1.单条数据insert  insert into userinfo (USERID, USERNAME, AGE) values(1001,'小明',20);  <insert id="insert" par