177 lines
6.3 KiB
Plaintext
177 lines
6.3 KiB
Plaintext
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||
<%--
|
||
User: Gao Tian
|
||
Date: 2019/7/1
|
||
Time: 10:08
|
||
--%>
|
||
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>${teaCourse.name}</title>
|
||
|
||
<link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
|
||
<script src="//cdn.bootcss.com/zui/1.8.1/lib/jquery/jquery.js"></script>
|
||
<script src="//cdn.bootcss.com/zui/1.8.1/js/zui.min.js"></script>
|
||
<link href="/lib/uploader/zui.uploader.min.css" rel="stylesheet">
|
||
<script src="/lib/uploader/zui.uploader.min.js"></script>
|
||
<link rel="stylesheet" href="/lib/datatable/zui.datatable.min.css">
|
||
<script src="/lib/datatable/zui.datatable.min.js"></script>
|
||
<link href="/lib/bootbox/bootbox.min.css" rel="stylesheet">
|
||
<script src="/lib/bootbox/bootbox.min.js"></script>
|
||
|
||
<style>
|
||
.navbar-inverse{
|
||
background-color: #3280fc;
|
||
border: none;
|
||
}
|
||
.nav-p{
|
||
color: white;
|
||
height: 20px;
|
||
margin-top: 10px;
|
||
}
|
||
.navbar-header {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
#page{
|
||
width: 80%;
|
||
height: 100%;
|
||
/* border: 1px solid red;*/
|
||
margin: 0 auto;
|
||
}
|
||
|
||
#uploader{
|
||
height: 200px;
|
||
text-align: center;
|
||
}
|
||
|
||
.file-list{
|
||
height: 150px;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar navbar-inverse" role="navigation">
|
||
<div class="container-fluid">
|
||
|
||
<div class="navbar-header">
|
||
<a class="navbar-brand navbar-font" href="/teacher/showCourseList.action"><strong class="nav-p">我的课堂</strong> </a>
|
||
</div>
|
||
|
||
<ul class="nav navbar-nav">
|
||
<li><a href="/teacher/notice.action?courseId=${teaCourse.id}"><p class="nav-p">公告</p></a></li>
|
||
<li><a href="/teacher/task.action?courseId=${teaCourse.id}"><p class="nav-p">作业</p></a></li>
|
||
<li class="active"><a href="/teacher/resource.action?courseId=${teaCourse.id}"><p class="nav-p">资源</p></a></li>
|
||
<li><a href="/teacher/student.action?courseId=${teaCourse.id}"><p class="nav-p">学生</p></a></li>
|
||
|
||
</ul>
|
||
|
||
<div class="collapse navbar-collapse navbar-right">
|
||
|
||
<ul class="nav navbar-nav">
|
||
|
||
<li class="dropdown">
|
||
<a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown"><p class="nav-p">${user.name}老师 <b class="caret"></b></p></a>
|
||
<ul class="dropdown-menu" role="menu">
|
||
<li><a href="/logout.action">登出</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div id="page">
|
||
<div id='uploader' class="uploader ">
|
||
<div class="uploader-message text-center">
|
||
<div class="content"></div>
|
||
<button type="button" class="close">×</button>
|
||
</div>
|
||
<div class="uploader-files file-list file-list-lg" data-drag-placeholder="请拖拽文件到此处"></div>
|
||
<div class="uploader-actions">
|
||
<div class="uploader-status pull-right text-muted"></div>
|
||
<button type="button" class="btn btn-link uploader-btn-browse"><i class="icon icon-plus"></i> 选择文件</button>
|
||
<button type="button" id="start-upload-btn" class="btn btn-link uploader-btn-start"><i class="icon icon-cloud-upload"></i> 开始上传</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h3>资源列表</h3>
|
||
<table class="table datatable">
|
||
</table>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
<script>
|
||
$(function () {
|
||
var uploader = $('#uploader');
|
||
uploader.uploader({
|
||
autoUpload: false, // 当选择文件后立即自动进行上传操作
|
||
url: '/file/uploadResource', // 文件上传提交地址
|
||
chunk_size: 0,
|
||
filters: {
|
||
max_file_size: '500mb'
|
||
},
|
||
multipart_params: {
|
||
courseId: ${teaCourse.id}
|
||
}
|
||
|
||
});
|
||
|
||
uploader.uploader().on('onUploadComplete', function (files) {
|
||
location.href = '/teacher/resource.action?courseId=${teaCourse.id}';
|
||
});
|
||
|
||
|
||
$('.datatable').datatable(
|
||
{
|
||
sortable: true,
|
||
data: {
|
||
cols: [
|
||
{width: 150, text: '文件名', type: 'string', flex: false, colClass: 'text-center'},
|
||
{width: 100, text: '时间', type: 'string', flex: false, colClass: 'text-center'},
|
||
{width: 60, text: '大小', type: 'string', flex: false, sort: false, colClass: 'text-center'},
|
||
{width: 60, text: '操作', sort: false, colClass: 'text-center'}
|
||
],
|
||
rows: [
|
||
<c:forEach items="${resources}" var="r">
|
||
{checked: false, data: ['${r.fileName}', '${r.hUploadTime}', '${r.hFileSize}',
|
||
'<a href="/file/downloadResource.action?resourceId=${r.id}" ><i class="icon icon-download-alt"></i></a> ' +
|
||
' <a onclick="confirmDel(\'${r.fileName}\', \'${r.id}\',\'${teaCourse.id}\')"><i class="icon icon-trash"></i></a>']},
|
||
</c:forEach>
|
||
// 更多数据
|
||
]
|
||
}
|
||
}
|
||
);
|
||
|
||
|
||
});
|
||
|
||
function confirmDel(fileName, rId, courseId) {
|
||
bootbox.confirm(
|
||
{
|
||
title: '是否删除？',
|
||
message: '文件： ' + fileName,
|
||
callback: function (result) {
|
||
if (result) {
|
||
location.href="/teacher/deleteResource.action?resourceId=" + rId + "&courseId=" + courseId;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|