mayiming/movie-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
马懿铭
2024-04-01 10:06:50 +08:00
commit 748a0b6c8f
1977 changed files with 138027 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
target/classes/templates/home/cinema/detail.ftl Normal file
View File

@@ -0,0 +1,294 @@
<!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="stylesheet" />
<style type="text/css">
.anchorBL
{
display: none;
}
</style>
</head>
<body>
<#include "../common/header.ftl"/>
<div id="body" class="main">
<div class="wrapper-cinemascreenings">
<div class="cinemainfo-cinemascreenings">
<h3>${cinema.name}<em>${cinema.rate!"0"}</em></h3>
<p>${cinema.address}</p>
<p class="cor999">电话：${cinema.tel}</p>
<p class="cor999 pr">交通：${cinema.transport}</p>
<p class="special-info">
<#list cinema.cinemaServiceList as cinemaService>
<span><img src='/home/images/${cinemaService.getImgUrl()}' alt='' title='${cinemaService.getName()}' height='16'></span>
</#list>
</p>
<span class="logo">
<img src="/photo/view?filename=${cinema.picture}" width="150" height="150" alt="${cinema.name}" />
</span>
<div class="box-cinemamap">
<div id="cinemamap"></div>
</div>
</div>
<div class="cinema-filmscreenings-cinemascreenings pt30">
<div class="box-title-timeshow">
<div class="title">
<span class="pbuy pq">排期购票</span>
<span data-rel="#scrollcinemades" class="scrollcinemades">影院介绍</span>
<span data-rel="#scrollcomment" class="scrollcomment">影院评价</span>
</div>
<div class="time-show">
<ul class="fn-clear">
<#list cinemaHallSessionList as cinemaHallSession>
<li><a href="javascript:void(0)" data-time="${cinemaHallSession.showDate}" onClick="selectDate(this)" >${cinemaHallSession.showDate}</a></li>
</#list>
</ul>
<span class="th">日期：</span>
</div>
</div>
<div class="film-show" data-time="" style="">
<div class="film-screenings">
<div class="film-info" id="current-movie" style="display:none;">
<h3>
<span id="current-movie-name"></span>
<div id="current-movie-rate-star" style="margin: 0 5px;display: inline-block;" data-average="8.9" data-id="20"></div>
<em id="current-movie-rate">8.9</em>
<a href="" id="current-movie-href" target="_blank">查看影片详情</a></h3>
<p></p>
<p id="current-movie-directed-by"></p>
<p id="current-movie-actor"></p>
</div>
</div>
</div>
</div>
<div class="cinema-des-cinemascreenings pt30" id="scrollcinemades">
<div class="title">影院介绍</div>
<div class="cinema-des">
<div class="description ovhide">
<p class="con">${cinema.info!"暂无介绍"}</p>
<span class="flag"><a href="javascript:void(0)">展开</a></span>
</div>
<p class="special-info"></p>
<div class="cinema-photo">
<img src="/photo/view?filename=${cinema.picture}" width="280" height="220" />
</div>
</div>
</div>
<div class="comment-othercinema-cinemascreenings pt30 fn-clear" id="scrollcomment">
<div class="comment">
<div class="title pb10" id="scrollComment"><span class="titb">用户评论</span><span>共0条评论</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)" class="btn fn-right">发表评论</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.png" width="64" height="64" />
</#if>
</span>
</div>
<div class="message-list pt30">
<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 yyscore" 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>
<span class="flag"></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>
<div class="cinema-near">
<div class="title pb10"><span class="titb">其他周边影院</span></div>
<ul>
<#list nearCinemaList as nearCinema>
<#if nearCinema.id != cinema.id>
<li>
<h4 class="fn-clear"><a class="fn-left" href="detail?id=${nearCinema.id}" target="_blank">${nearCinema.name}</a><span class="fn-right">${nearCinema.rate!"0"}</span></h4>
<p>${nearCinema.address}</p>
</li>
</#if>
</#list>
</ul>
</div>
</div>
</div>
<div id="box-cinemamapBig">
<div id="cinemamapBig"></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(){
$(".message-send .do-score").jRating({
rateMax: 10,
sendRequest: false,
rateInfosX: -35,
rateInfosY: 15,
canRateAgain: true,
nbRates: 5,
bigStarsPath: '/home/images/ico_tb_stars.png',
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.png'
});
$('.ypscore').jRating({
rateMax: 10,
isDisabled: true,
bigStarsPath: '/home/images/ico_tb_stars.png'
});
$('.score').each(function () {
if ($(this).attr("data-average") != "0") {
var html = "<span class='jscore'>" + $(this).attr("data-average") + "</span>";
$(this).append(html);
}
});
$(".wrapper-cinemascreenings .cinema-des .description .flag a").toggle(function () {
$(this).text("收起");
$(this).parent().parent().removeClass("ovhide").addClass("visable");
}, function () {
$(this).text("展开")
$(this).parent().parent().removeClass("visable").addClass("ovhide");
});
//首次加载，触发第一个时间
$(".time-show li:first a").trigger('click');
});
$("#recomment").focus(function () {
if ("${ylrc_account!"false"}".toLowerCase() == "false") {
$(".boxLogin").overlay({ api: true }).load();
return false;
}
});
$('.fjscore').jRating({
rateMax: 10,
isDisabled: true,
bigStarsPath: '/home/images/ico_tb_stars.png'
});
$('.yyscore').jRating({
rateMax: 10,
isDisabled: true,
bigStarsPath: '/home/images/ico_tb_stars.png'
});
$(".message-send .btn").click(function () {
var score = $(this).parent().parent().find(".result>em").text();
var comment = $("#recomment").text();
if (!score) {
alert("请评分!");
return;
}
if (comment == "") {
alert("内容不能为空!");
return;
}
var data = {rate:score,content:comment,'cinema.id':${cinema.id}};
ajaxRequest('/home/comment/comment_cinema','post',data,function(rst){
alert('评价成功！');
window.location.reload();
});
});
//跳转到详情、评价等div
$(".cinema-filmscreenings-cinemascreenings .title span:not(.pq)").click(function () {
$("html, body").animate({
scrollTop: $($(this).attr("data-rel")).offset().top + "px"
}, {
duration: 500,
easing: "swing"
});
return false;
});
function selectDate(e){
var date = $(e).attr('data-time');
$(e).parent().siblings().find("a").removeClass('current');
$(e).addClass('current');
$.get("get_show_movie",{cid:${cinema.id},showDate:date},function(data,status){
$("#current-show-movie").remove();
$(".film-show").prepend(data);
$('#current-show-movie').flexslider({
animation: "slide",
controlNav: false,
slideshow: false,
itemWidth: 170,
after: function (slider) {
console.log(slider);
}
});
//默认选中第一步电影
$(".film-img .slides li:first a").trigger('click');
});
}
function getMovieSession(mid){
var cid = ${cinema.id}
var showDate = $(".time-show li").find("a[class='current']").attr('data-time');
$.get("/home/movie/get_show_session",{mid:mid,cid:cid,showDate:showDate},function(data,status){
$(".screenings-show").remove();
$(".film-screenings").append(data);
});
}
$(".message-list .jpage").jPages({
containerID: "message-container",
perPage: 10,
delay: 30,
fallback: 200,
minHeight: false,
previous: "上一页",
next: "下一页"
});
</script>
</body>
</html>

40
target/classes/templates/home/cinema/get_show_movie.ftl Normal file
View File

@@ -0,0 +1,40 @@
<div class="film-img flexslider_0" id="current-show-movie">
<ul class="fn-clear slides">
<#list cinemaHallSessionList as cinemaHallSession>
<li>
<a href="javascript:void(0);" class="li-movie" data-id="${cinemaHallSession.movie.id}" data-name="${cinemaHallSession.movie.name}" data-rate="${cinemaHallSession.movie.rate!"0"}" data-directed-by="${cinemaHallSession.movie.directedBy}" data-actor="${cinemaHallSession.movie.actor}">
<img src="/photo/view?filename=${cinemaHallSession.movie.mainPic}" width="140" height="193" alt="${cinemaHallSession.movie.name}" />
</a>
<span class="tip"></span>
</li>
</#list>
</ul>
</div>
<script>
$(".li-movie").click(function(){
var id = $(this).attr('data-id');
var name = $(this).attr('data-name');
var directedBy = $(this).attr('data-directed-by');
var actor = $(this).attr('data-actor');
var rate = $(this).attr('data-rate');
$("#current-movie").show();
$("#current-movie-name").text(name);
$("#current-movie-directed-by").text(directedBy);
$("#current-movie-actor").text(actor);
$("#current-movie-rate").text(rate);
$("#current-movie-rate-star").attr('data-average',rate);
$("#current-movie-href").attr('href','/home/movie/detail?id=' + id);
$('#current-movie-rate-star').jRating({
rateMax: 10,
isDisabled: true,
bigStarsPath: '/home/images/ico_tb_stars.png'
});
$(this).parent().siblings().find("a").removeClass('select');
$(this).parent().siblings().find(".tip").hide();
$(this).addClass('select');
$(this).next(".tip").show();
getMovieSession(id);
});
</script>

109
target/classes/templates/home/cinema/list.ftl Normal file
View File

@@ -0,0 +1,109 @@
<!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="stylesheet" />
</head>
<body>
<#include "../common/header.ftl"/>
<div id="body" class="main">
<div class="wrapper-cinemalist fn-clear">
<div class="active-filmtop-filmlist">
<div class="active">
<ul>
<#list topNewsList as topNews>
<li>
<p><a href="/home/news/detail?id=${topNews.id}" target="_blank"><img src="/photo/view?filename=${topNews.picture}" width="270" height="156" alt="${topNews.title}" /></a></p>
<p class="overhide"><a href="/home/news/detail?id=${topNews.id}" target="_blank">${topNews.title}</a></p>
</li>
</#list>
</ul>
</div>
<div class="film-top">
<div class="title"><span class="titb">一周票房排行</span></div>
<ul>
<#list topMoneyMovieList as moneyMovie>
<li class="fn-clear">
<a href="/home/movie/detail?id=${moneyMovie.id}" title="${moneyMovie.name}" target="_blank">
<#if moneyMovie.name?length gt 20>
${moneyMovie.name?substring(0,20)}...
<#else>
${moneyMovie.name}
</#if>
</a>
<span>
${moneyMovie.rate!"0"}
</span>
</li>
</#list>
</ul>
</div>
</div>
<div style="overflow:hidden">
<div style="padding-bottom:10px;padding-top:40px;border-bottom:1px solid #f5f5f5;overflow:hidden">
<span class="fn-left" style="font-size: 24px;"><#if ylrc_area??>${ylrc_area.name}电影院<#else>全部电影院</#if></span>
<span class="fn-left cor999" style="margin-left: 20px;padding-top:5px;">共 ${cinemaList?size} 家影院，上映场次 <font id="show-total-session" color="red">0</font> 场</span>
</div>
<div class="message-list">
<ul id="message-container">
<#list cinemaList as cinema>
<li class="fn-clear" style="border-bottom:1px solid #f5f5f5;padding-bottom:20px;padding-top:20px">
<div class="fn-left" style="border:1px solid #eee;">
<a href="/home/cinema/detail?id=${cinema.id}" target="_blank"><img src="/photo/view?filename=${cinema.picture}" alt="${cinema.name}" style="height:88px;width:88px"/></a>
</div>
<div class="fn-right" style="line-height:88px;"><a href="/home/cinema/detail?id=${cinema.id}" class="btn" target="_blank">选座购票</a></div>
<div style="padding-left:25px;padding-right:20px;overflow:hidden">
<div style="font-size:20px;"><a href="/home/cinema/detail?id=${cinema.id}" target="_blank">${cinema.name}</a></div>
<div style="margin-top:10px" class="cor999">${cinema.address}</div>
<div style="margin-top:12px;font-size:12px" class="cor999 show-stats" data-id="${cinema.id}">暂无场次-7部影片上映53场</div>
</div>
</li>
</#list>
</ul>
<div class="fn-acenter box-jpage">
<div class="jpage"></div>
</div>
</div>
</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(){
$(".message-list .jpage").jPages({
containerID: "message-container",
perPage: 10,
delay: 30,
fallback: 200,
minHeight: false,
previous: "上一页",
next: "下一页"
});
var totalSession = 0;
$(".show-stats").each(function(i,e){
ajaxRequest('get_show_stats','post',{cid:$(e).attr('data-id')},function(rst){
if(rst.data[0] == 0){
$(e).text('暂无场次');
}else{
$(e).text(rst.data[0]+' 部影片上映 '+rst.data[1]+' 场');
}
totalSession += rst.data[1];
$("#show-total-session").text(totalSession);
});
});
});
</script>
</body>
</html>