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

243
target/classes/templates/admin/movie/add.ftl Normal file
View File

@@ -0,0 +1,243 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>猫眼|电影管理-添加电影</title>
<#include "../common/header.ftl"/>
<!--时间选择插件-->
<link rel="stylesheet" href="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
<!--日期选择插件-->
<link rel="stylesheet" href="/admin/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
</head>
<body>
<div class="lyear-layout-web">
<div class="lyear-layout-container">
<!--左侧导航-->
<aside class="lyear-layout-sidebar">
<!-- logo -->
<div id="logo" class="sidebar-header">
<a href="index.html"><img src="/admin/images/logo.png" title="猫眼" alt="猫眼" /></a>
</div>
<div class="lyear-layout-sidebar-scroll">
<#include "../common/left-menu.ftl"/>
</div>
</aside>
<!--End 左侧导航-->
<#include "../common/header-menu.ftl"/>
<!--页面主要内容-->
<main class="lyear-layout-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header"><h4>添加电影</h4></div>
<div class="card-body">
<form action="add" id="user-add-form" method="post" class="row">
<div class="form-group col-md-12">
<label>剧照上传</label>
<div class="form-controls">
<ul class="list-inline clearfix lyear-uploads-pic" id="show-uploaded-pic">
<input type="hidden" name="picture" id="picture">
<input type="file" id="select-picture-file" style="display:none;" onchange="uploadPicture()">
<li class="col-xs-4 col-sm-3 col-md-2">
<a class="pic-add" id="add-pic-btn" href="javascript:void(0)" title="点击上传"></a>
</li>
</ul>
</div>
</div>
<div class="form-group col-md-12">
<label>预告视频</label>
<div class="form-controls">
<ul class="list-inline clearfix lyear-uploads-pic">
<li class="col-xs-4 col-sm-3 col-md-2" style="display:none;">
<figure>
<video src="" id="preview-video" width="160" height="160" controls="controls">
Your browser does not support the video tag.
</video>
</figure>
</li>
<input type="hidden" name="video" id="video">
<input type="file" id="select-video-file" style="display:none;" onchange="uploadVideo()">
<li class="col-xs-4 col-sm-3 col-md-2">
<a class="pic-add" id="add-video-btn" href="javascript:void(0)" title="点击上传"></a>
</li>
</ul>
</div>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影名称</span>
<input type="text" class="form-control required" id="name" name="name" value="" placeholder="请输入电影名" tips="请填写电影名" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影摘要</span>
<input type="text" class="form-control" id="abs" name="abs" value="" placeholder="请输入电影摘要" tips="请输入电影摘要" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影类型</span>
<#list movieTypeList as movieType>
<label style="margin-left:10px;" class="lyear-checkbox checkbox-inline checkbox-primary">
<input type="checkbox" class="checkbox-parent movie-type" value="${movieType}">
<span>${movieType.getName()}</span>
</label>
</#list>
<input type="hidden" name="type" id="movie-type" class="required" tips="请选择电影类型">
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影地区</span>
<select name="area" class="form-control" id="role">
<#list movieAreaList as movieArea>
<option value="${movieArea}">${movieArea.getName()}</option>
</#list>
</select>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影语言</span>
<select name="language" class="form-control" id="role">
<#list movieLangList as movieLang>
<option value="${movieLang}">${movieLang.getName()}</option>
</#list>
</select>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影导演</span>
<input type="text" class="form-control required" id="directedBy" name="directedBy" value="" placeholder="请填写电影导演" tips="请填写电影导演" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影主演</span>
<input type="text" class="form-control required" id="actor" name="actor" value="" placeholder="请填写电影主演" tips="请填写电影主演" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影片长</span>
<input type="number" class="form-control required" id="time" name="time" value="" placeholder="请填写电影片长（单位：分钟）" tips="请填写电影片长" />
<span class="input-group-addon">分钟</span>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">上映时间</span>
<input type="text" class="form-control required js-datetimepicker" id="showTime" name="showTime" value="" placeholder="请选择电影上映日期" tips="请选择电影上映日期" data-side-by-side="true" data-locale="zh-cn" data-format="YYYY-MM-DD HH:mm:ss" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">剧情介绍</span>
<textarea class="form-control" id="info" name="info" rows="5" placeholder="请填写电影剧情介绍"></textarea>
</div>
<div class="input-group m-b-10">
是否上映：
<label class="lyear-radio radio-inline radio-primary">
<input type="radio" name="isShow" value="true" checked="">
<span>是</span>
<label class="lyear-radio radio-inline radio-primary">
<input type="radio" name="isShow" value="false" >
<span>否</span>
</label>
</div>
<div class="form-group col-md-12">
<button type="button" class="btn btn-primary ajax-post" id="add-form-submit-btn">确 定</button>
<button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!--End 页面主要内容-->
</div>
</div>
<#include "../common/footer.ftl"/>
<script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>
<!--时间选择插件-->
<script src="/admin/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/admin/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/admin/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/admin/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/admin/js/main.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//提交按钮监听事件
$("#add-form-submit-btn").click(function(){
if(!checkForm("user-add-form")){
return;
}
var data = $("#user-add-form").serialize();
$.ajax({
url:'add',
type:'POST',
data:data,
dataType:'json',
success:function(data){
if(data.code == 0){
showSuccessMsg('电影添加成功!',function(){
window.location.href = 'list';
})
}else{
showErrorMsg(data.msg);
}
},
error:function(data){
alert('网络错误!');
}
});
});
//监听上传图片按钮
$("#add-pic-btn").click(function(){
$("#select-picture-file").click();
});
//监听上传视频按钮
$("#add-video-btn").click(function(){
$("#select-video-file").click();
});
//监听电影类型选择事件
$(".movie-type").click(function(){
selectedType();
});
});
//获取选中的电影类型
function selectedType(){
var selectedVal = '';
$("input.movie-type[type='checkbox']:checked").each(function(i,e){
selectedVal += $(e).val() + ',';
});
selectedVal = selectedVal.substring(0,selectedVal.length-1);
$("#movie-type").val(selectedVal);
}
function uploadPicture(){
if($("#select-picture-file").val() == '')return;
var picture = document.getElementById('select-picture-file').files[0];
uploadPhoto(picture,function(data){
var html = '<li class="col-xs-4 col-sm-3 col-md-2 show-img"><figure>';
html += '<img src="/photo/view?filename='+data.data+'" alt="剧照"></figure></li>';
if($("#show-uploaded-pic>li.show-img").length > 0){
$("#show-uploaded-pic>li.show-img:last").after(html);
}else{
$("#show-uploaded-pic").prepend(html);
}
var pictures = $("#picture").val() == '' ? '' : $("#picture").val() + ';';
$("#picture").val( pictures + data.data);
});
}
function uploadVideo(){
if($("#select-video-file").val() == '')return;
var video = document.getElementById('select-video-file').files[0];
uploadVideoToServer(video,function(data){
$("#video").val(data.data);
$("#preview-video").attr('src','/download/download_video?filename=' + data.data);
$("#preview-video").closest("li").show();
});
}
</script>
</body>
</html>

199
target/classes/templates/admin/movie/comment_list.ftl Normal file
View File

@@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>猫眼|评价管理-${title!""}</title>
<#include "../common/header.ftl"/>
<style>
td{
vertical-align:middle;
}
</style>
</head>
<body>
<div class="lyear-layout-web">
<div class="lyear-layout-container">
<!--左侧导航-->
<aside class="lyear-layout-sidebar">
<!-- logo -->
<div id="logo" class="sidebar-header">
<a href="index.html"><img src="/admin/images/logo.png" title="猫眼" alt="猫眼" /></a>
</div>
<div class="lyear-layout-sidebar-scroll">
<#include "../common/left-menu.ftl"/>
</div>
</aside>
<!--End 左侧导航-->
<#include "../common/header-menu.ftl"/>
<!--页面主要内容-->
<main class="lyear-layout-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-toolbar clearfix">
<form class="pull-right search-bar" method="get" action="comment_list" role="form">
<div class="input-group">
<div class="input-group-btn">
<button class="btn btn-default dropdown-toggle" id="search-btn" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
内容 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li> <a tabindex="-1" href="javascript:void(0)" data-field="title">内容</a> </li>
</ul>
</div>
<input type="text" class="form-control" value="${content!""}" name="content" placeholder="请输入评价内容">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">搜索</button>
</span>
</div>
</form>
<#include "../common/third-menu.ftl"/>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>
<label class="lyear-checkbox checkbox-primary">
<input type="checkbox" id="check-all"><span></span>
</label>
</th>
<th>评价电影</th>
<th>评价者</th>
<th>评分</th>
<th style="width:300px;">评价内容</th>
<th>评价时间</th>
</tr>
</thead>
<tbody>
<#if pageBean.content??>
<#list pageBean.content as movieComment>
<tr>
<td style="vertical-align:middle;">
<label class="lyear-checkbox checkbox-primary">
<input type="checkbox" name="ids[]" value="${movieComment.id}"><span></span>
</label>
</td>
<td style="vertical-align:middle;">
<a href="/home/movie/detail?id=${movieComment.movie.id}" target="_blank">${movieComment.movie.name}</a>
</td>
<td style="vertical-align:middle;">${movieComment.account.mobile}</td>
<td style="vertical-align:middle;">
${movieComment.rate}
</td>
<td style="vertical-align:middle;">
${movieComment.content}
</td>
<td style="vertical-align:middle;" style="vertical-align:middle;"><font class="text-success">${movieComment.createTime}</font></td>
</tr>
</#list>
<#if (pageBean.content?size == 0 ) >
<tr align="center"><td colspan="7">这里空空如也！</td></tr>
</#if>
<#else>
<tr align="center"><td colspan="7">这里空空如也！</td></tr>
</#if>
</tbody>
</table>
</div>
<#if pageBean.total gt 0>
<ul class="pagination ">
<#if pageBean.currentPage == 1>
<li class="disabled"><span>«</span></li>
<#else>
<li><a href="comment_list?content=${content!""}&currentPage=1">«</a></li>
</#if>
<#list pageBean.currentShowPage as showPage>
<#if pageBean.currentPage == showPage>
<li class="active"><span>${showPage}</span></li>
<#else>
<li><a href="comment_list?content=${content!""}&currentPage=${showPage}">${showPage}</a></li>
</#if>
</#list>
<#if pageBean.currentPage == pageBean.totalPage>
<li class="disabled"><span>»</span></li>
<#else>
<li><a href="comment_list?content=${content!""}&currentPage=${pageBean.totalPage}">»</a></li>
</#if>
<li><span>共${pageBean.totalPage}页,${pageBean.total}条数据</span></li>
</ul>
</#if>
</div>
</div>
</div>
</div>
</div>
</main>
<!--End 页面主要内容-->
</div>
</div>
<#include "../common/footer.ftl"/>
<script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/admin/js/main.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
function deleteComment(url){
if($("input[type='checkbox']:checked").length != 1){
showWarningMsg('请选择一条数据进行删除！');
return;
}
var id = $("input[type='checkbox']:checked").val();
$.confirm({
title: '确定删除？',
content: '删除后数据不可恢复，请慎重！',
buttons: {
confirm: {
text: '确认',
action: function(){
deleteReq(id,url);
}
},
cancel: {
text: '关闭',
action: function(){
}
}
}
});
}
//调用删除方法
function deleteReq(id,url){
$.ajax({
url:url,
type:'POST',
data:{id:id},
dataType:'json',
success:function(data){
if(data.code == 0){
showSuccessMsg('评价删除成功!',function(){
$("input[type='checkbox']:checked").parents("tr").remove();
})
}else{
showErrorMsg(data.msg);
}
},
error:function(data){
alert('网络错误!');
}
});
}
</script>
</body>
</html>

283
target/classes/templates/admin/movie/edit.ftl Normal file
View File

@@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>猫眼|电影管理-编辑电影</title>
<#include "../common/header.ftl"/>
<!--时间选择插件-->
<link rel="stylesheet" href="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
<!--日期选择插件-->
<link rel="stylesheet" href="/admin/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
</head>
<body>
<div class="lyear-layout-web">
<div class="lyear-layout-container">
<!--左侧导航-->
<aside class="lyear-layout-sidebar">
<!-- logo -->
<div id="logo" class="sidebar-header">
<a href="index.html"><img src="/admin/images/logo.png" title="猫眼" alt="猫眼" /></a>
</div>
<div class="lyear-layout-sidebar-scroll">
<#include "../common/left-menu.ftl"/>
</div>
</aside>
<!--End 左侧导航-->
<#include "../common/header-menu.ftl"/>
<!--页面主要内容-->
<main class="lyear-layout-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header"><h4>编辑电影</h4></div>
<div class="card-body">
<form action="add" id="user-add-form" method="post" class="row">
<input type="hidden" name="id" value="${movie.id}">
<div class="form-group col-md-12">
<label>剧照上传</label>
<div class="form-controls">
<ul class="list-inline clearfix lyear-uploads-pic" id="show-uploaded-pic">
<#if movie.pictureList??>
<#list movie.pictureList as picture>
<li class="col-xs-4 col-sm-3 col-md-2 show-img">
<figure>
<img src="/photo/view?filename=${picture}">
<figcaption>
<a class="btn btn-round btn-square btn-danger del-img-btn" href="javascript:void(0)" data-val="${picture}"><i class="mdi mdi-delete"></i></a>
</figcaption>
</figure>
</#list>
</#if>
<li class="col-xs-4 col-sm-3 col-md-2">
<a class="pic-add" id="add-pic-btn" href="javascript:void(0)" title="点击上传"></a>
</li>
<input type="hidden" name="picture" id="picture" value="${movie.picture}">
<input type="file" id="select-picture-file" style="display:none;" onchange="uploadPicture()">
</ul>
</div>
</div>
<div class="form-group col-md-12">
<label>预告视频</label>
<div class="form-controls">
<ul class="list-inline clearfix lyear-uploads-pic">
<#if movie.video??>
<#if movie.video?length gt 0>
<li class="col-xs-4 col-sm-3 col-md-2">
<figure>
<video src="/download/download_video?filename=${movie.video}" id="preview-video" width="160" height="160" controls="controls">
Your browser does not support the video tag.
</video>
</figure>
</li>
<#else>
<li class="col-xs-4 col-sm-3 col-md-2" style="display:none;">
<figure>
<video src="" id="preview-video" width="160" height="160" controls="controls">
Your browser does not support the video tag.
</video>
</figure>
</li>
</#if>
</#if>
<input type="hidden" name="video" id="video" value="${movie.video!""}">
<input type="file" id="select-video-file" style="display:none;" onchange="uploadVideo()">
<li class="col-xs-4 col-sm-3 col-md-2">
<a class="pic-add" id="add-video-btn" href="javascript:void(0)" title="点击上传"></a>
</li>
</ul>
</div>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影名称</span>
<input type="text" class="form-control required" id="name" name="name" value="${movie.name}" placeholder="请输入电影名" tips="请填写电影名" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影摘要</span>
<input type="text" class="form-control" id="abs" name="abs" value="${movie.abs}" placeholder="请输入电影摘要" tips="请输入电影摘要" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影类型</span>
<#list movieTypeList as movieType>
<label style="margin-left:10px;" class="lyear-checkbox checkbox-inline checkbox-primary">
<input type="checkbox" class="checkbox-parent movie-type" value="${movieType}">
<span>${movieType.getName()}</span>
</label>
</#list>
<input type="hidden" name="type" id="movie-type" value="${movie.type!""}" class="required" tips="请选择电影类型">
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影地区</span>
<select name="area" class="form-control" id="role">
<#list movieAreaList as movieArea>
<option value="${movieArea}" <#if movie.area == movieArea>selected</#if>>${movieArea.getName()}</option>
</#list>
</select>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影语言</span>
<select name="language" class="form-control" id="role">
<#list movieLangList as movieLang>
<option value="${movieLang}" <#if movie.language == movieLang>selected</#if>>${movieLang.getName()}</option>
</#list>
</select>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影导演</span>
<input type="text" class="form-control required" id="directedBy" name="directedBy" value="${movie.directedBy}" placeholder="请填写电影导演" tips="请填写电影导演" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影主演</span>
<input type="text" class="form-control required" id="actor" name="actor" value="${movie.actor}" placeholder="请填写电影主演" tips="请填写电影主演" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">电影片长</span>
<input type="number" class="form-control required" id="time" name="time" value="${movie.time}" placeholder="请填写电影片长（单位：分钟）" tips="请填写电影片长" />
<span class="input-group-addon">分钟</span>
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">上映时间</span>
<input type="text" class="form-control required js-datetimepicker" id="showTime" name="showTime" value="${movie.showTime}" placeholder="请选择电影上映日期" tips="请选择电影上映日期" data-side-by-side="true" data-locale="zh-cn" data-format="YYYY-MM-DD HH:mm:ss" />
</div>
<div class="input-group m-b-10">
<span class="input-group-addon">剧情介绍</span>
<textarea class="form-control" id="info" name="info" rows="5" placeholder="请填写电影剧情介绍">${movie.info!""}</textarea>
</div>
<div class="input-group m-b-10">
是否上映：
<label class="lyear-radio radio-inline radio-primary">
<input type="radio" name="isShow" value="true" <#if movie.isShow == true>checked</#if>>
<span>是</span>
<label class="lyear-radio radio-inline radio-primary">
<input type="radio" name="isShow" value="false" <#if movie.isShow == false>checked</#if>>
<span>否</span>
</label>
</div>
<div class="form-group col-md-12">
<button type="button" class="btn btn-primary ajax-post" id="add-form-submit-btn">确 定</button>
<button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
<!--End 页面主要内容-->
</div>
</div>
<#include "../common/footer.ftl"/>
<script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>
<!--时间选择插件-->
<script src="/admin/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/admin/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/admin/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/admin/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/admin/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/admin/js/main.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//提交按钮监听事件
$("#add-form-submit-btn").click(function(){
if(!checkForm("user-add-form")){
return;
}
var data = $("#user-add-form").serialize();
$.ajax({
url:'add',
type:'POST',
data:data,
dataType:'json',
success:function(data){
if(data.code == 0){
showSuccessMsg('电影编辑成功!',function(){
window.location.href = 'list';
})
}else{
showErrorMsg(data.msg);
}
},
error:function(data){
alert('网络错误!');
}
});
});
//监听上传图片按钮
$("#add-pic-btn").click(function(){
$("#select-picture-file").click();
});
//监听上传视频按钮
$("#add-video-btn").click(function(){
$("#select-video-file").click();
});
//监听电影类型选择事件
$(".movie-type").click(function(){
selectedType();
});
//监听删除图片
$(".del-img-btn").click(function(){
var pic = $(this).attr('data-val');
var picture = $("#picture").val();
picture = picture.replace(pic+';','');
picture = picture.replace(';' + pic,'');
picture = picture.replace(pic,'');
$("#picture").val(picture);
$(this).closest("li").remove();
});
//勾选已选中的电影类型
$("input.movie-type[type='checkbox']").each(function(i,e){
if($("#movie-type").val().indexOf($(e).val()) >= 0){
$(e).prop('checked',true);
}
});
});
//获取选中的电影类型
function selectedType(){
var selectedVal = '';
$("input.movie-type[type='checkbox']:checked").each(function(i,e){
selectedVal += $(e).val() + ',';
});
selectedVal = selectedVal.substring(0,selectedVal.length-1);
$("#movie-type").val(selectedVal);
}
function uploadPicture(){
if($("#select-picture-file").val() == '')return;
var picture = document.getElementById('select-picture-file').files[0];
uploadPhoto(picture,function(data){
var html = '<li class="col-xs-4 col-sm-3 col-md-2 show-img"><figure>';
html += '<img src="/photo/view?filename='+data.data+'" alt="剧照"></figure></li>';
if($("#show-uploaded-pic>li.show-img").length > 0){
$("#show-uploaded-pic>li.show-img:last").after(html);
}else{
$("#show-uploaded-pic").prepend(html);
}
var pictures = $("#picture").val() == '' ? '' : $("#picture").val() + ';';
$("#picture").val( pictures + data.data);
});
}
function uploadVideo(){
if($("#select-video-file").val() == '')return;
var video = document.getElementById('select-video-file').files[0];
uploadVideoToServer(video,function(data){
$("#video").val(data.data);
$("#preview-video").attr('src','/download/download_video?filename=' + data.data);
$("#preview-video").closest("li").show();
});
}
</script>
</body>
</html>

231
target/classes/templates/admin/movie/list.ftl Normal file
View File

@@ -0,0 +1,231 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>猫眼|电影管理-${title!""}</title>
<#include "../common/header.ftl"/>
<style>
td{
vertical-align:middle;
}
</style>
</head>
<body>
<div class="lyear-layout-web">
<div class="lyear-layout-container">
<!--左侧导航-->
<aside class="lyear-layout-sidebar">
<!-- logo -->
<div id="logo" class="sidebar-header">
<a href="index.html"><img src="/admin/images/logo.png" title="猫眼" alt="猫眼" /></a>
</div>
<div class="lyear-layout-sidebar-scroll">
<#include "../common/left-menu.ftl"/>
</div>
</aside>
<!--End 左侧导航-->
<#include "../common/header-menu.ftl"/>
<!--页面主要内容-->
<main class="lyear-layout-content">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-toolbar clearfix">
<form class="pull-right search-bar" method="get" action="list" role="form">
<div class="input-group">
<div class="input-group-btn">
<button class="btn btn-default dropdown-toggle" id="search-btn" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
电影名 <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li> <a tabindex="-1" href="javascript:void(0)" data-field="title">电影名</a> </li>
</ul>
</div>
<input type="text" class="form-control" value="${name!""}" name="name" placeholder="请输入电影名">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">搜索</button>
</span>
</div>
</form>
<#include "../common/third-menu.ftl"/>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th>
<label class="lyear-checkbox checkbox-primary">
<input type="checkbox" id="check-all"><span></span>
</label>
</th>
<th>剧照</th>
<th>电影名</th>
<th>类型</th>
<th>地区</th>
<th>导演</th>
<th>演员</th>
<th>片长</th>
<th>上映时间</th>
<th>状态</th>
<th>添加时间</th>
</tr>
</thead>
<tbody>
<#if pageBean.content??>
<#list pageBean.content as movie>
<tr>
<td style="vertical-align:middle;">
<label class="lyear-checkbox checkbox-primary">
<input type="checkbox" name="ids[]" value="${movie.id}"><span></span>
</label>
</td>
<td style="vertical-align:middle;">
<a href="/home/movie/detail?id=${movie.id}" target="_blank">
<#if movie.mainPic??>
<#if movie.mainPic?length gt 0>
<img src="/photo/view?filename=${movie.mainPic}" width="60px" height="60px">
<#else>
<img src="/admin/images/default-head.jpg" width="60px" height="60px">
</#if>
</#if>
</a>
</td>
<td style="vertical-align:middle;"><a href="/home/movie/detail?id=${movie.id}" target="_blank">${movie.name}</a></td>
<td style="vertical-align:middle;">
<#if movie.typeList??>
<#list movie.typeList as type>
<span class="tag" style="float:left;padding:2px 5px;background:#33cabb;color:#fff;margin-right:5px;margin-bottom:5px;font-size:13px;line-height:18px;"><span>${type.getName()}</span></span>
</#list>
</#if>
</td>
<td style="vertical-align:middle;">
${movie.area.getName()}
</td>
<td style="vertical-align:middle;">
${movie.directedBy}
</td>
<td style="vertical-align:middle;">${movie.actor}</td>
<td style="vertical-align:middle;">${movie.time}分钟</td>
<td style="vertical-align:middle;" style="vertical-align:middle;"><font class="text-success">${movie.showTime}</font></td>
<td style="vertical-align:middle;" style="vertical-align:middle;"><#if movie.isShow == true><font class="text-success">上映<#else><font class="text-gray">下映</#if></font></td>
<td style="vertical-align:middle;" style="vertical-align:middle;"><font class="text-success">${movie.createTime}</font></td>
</tr>
</#list>
<#if (pageBean.content?size == 0 ) >
<tr align="center"><td colspan="11">这里空空如也！</td></tr>
</#if>
<#else>
<tr align="center"><td colspan="11">这里空空如也！</td></tr>
</#if>
</tbody>
</table>
</div>
<#if pageBean.total gt 0>
<ul class="pagination ">
<#if pageBean.currentPage == 1>
<li class="disabled"><span>«</span></li>
<#else>
<li><a href="list?name=${name!""}&currentPage=1">«</a></li>
</#if>
<#list pageBean.currentShowPage as showPage>
<#if pageBean.currentPage == showPage>
<li class="active"><span>${showPage}</span></li>
<#else>
<li><a href="list?name=${name!""}&currentPage=${showPage}">${showPage}</a></li>
</#if>
</#list>
<#if pageBean.currentPage == pageBean.totalPage>
<li class="disabled"><span>»</span></li>
<#else>
<li><a href="list?name=${name!""}&currentPage=${pageBean.totalPage}">»</a></li>
</#if>
<li><span>共${pageBean.totalPage}页,${pageBean.total}条数据</span></li>
</ul>
</#if>
</div>
</div>
</div>
</div>
</div>
</main>
<!--End 页面主要内容-->
</div>
</div>
<#include "../common/footer.ftl"/>
<script type="text/javascript" src="/admin/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/admin/js/main.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
function del(url){
if($("input[type='checkbox']:checked").length != 1){
showWarningMsg('请选择一条数据进行删除！');
return;
}
var id = $("input[type='checkbox']:checked").val();
$.confirm({
title: '确定删除？',
content: '删除后数据不可恢复，请慎重！',
buttons: {
confirm: {
text: '确认',
action: function(){
deleteReq(id,url);
}
},
cancel: {
text: '关闭',
action: function(){
}
}
}
});
}
//打开编辑页面
function edit(url){
if($("input[type='checkbox']:checked").length != 1){
showWarningMsg('请选择一条数据进行编辑！');
return;
}
window.location.href = url + '?id=' + $("input[type='checkbox']:checked").val();
}
//调用删除方法
function deleteReq(id,url){
$.ajax({
url:url,
type:'POST',
data:{id:id},
dataType:'json',
success:function(data){
if(data.code == 0){
showSuccessMsg('电影删除成功!',function(){
$("input[type='checkbox']:checked").parents("tr").remove();
})
}else{
showErrorMsg(data.msg);
}
},
error:function(data){
alert('网络错误!');
}
});
}
</script>
</body>
</html>