代码拉取完成，页面将自动刷新
<!DOCTYPE HTML>
<html>
<head th:replace="mgr/base/head :: head('本地文件管理')"></head>
<body>
<nav th:replace="mgr/base/nav :: active('statics')"></nav>
<div id="page-wrapper" style="padding: 10px">
<div class="container-fluid">
<div class="row" th:if="${error != null}">
<div class="col-md-12">
<div class="alert alert-danger" th:if="${error != null}"
th:text="${messages.getMessage(error)}"></div>
</div>
</div>
<div id="main" th:if="${result != null}">
<div class="row" style="margin-bottom: 10px">
<div class="col-md-12">
<button class="btn btn-primary" data-toggle="modal"
data-target="#uploadModal">上传文件</button>
<button class="btn btn-primary" data-toggle="modal"
data-target="#createFileModal">新建文件</button>
<button class="btn btn-primary" data-toggle="modal"
data-target="#createFolderModal">新建文件夹</button>
<button class="btn btn-primary" data-toggle="modal"
data-target="#queryModal">查询</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div th:remove="tag">
<ol class="breadcrumb"
th:unless="${#lists.isEmpty(result.paths)}">
<li><a th:href="@{/mgr/static/index}">根目录</a></li>
<li th:each="path : ${result.paths}"><a
th:href="@{/mgr/static/index?path=}+${path.path}"
th:title="${path.name}" data-toggle="tooltip"
th:text="${#strings.length(path.name) > 5 ? #strings.substring(path.name,0,5)+'...' : path.name}"></a>
</li>
</ol>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<form style="display: none" th:action="@{/mgr/static/index}"
id="pageForm">
<input type="hidden" th:if="${param.name != null}" th:value="${param.name}" name="name"/>
<input type="hidden" th:if="${param.querySubDir != null}" th:value="${param.querySubDir}" name="querySubDir" id="pageFormSubDir"/>
<input type="hidden" th:if="${param.path != null}"
th:value="${param.path}" name="path" id="query-path"/> <input
type="hidden" th:value="${result.page.currentPage}"
name="currentPage" />
</form>
<div class="alert alert-info"
th:if="${#lists.isEmpty(result.page.datas)}">当前没有任何文件</div>
<div th:remove="tag"
th:unless="${#lists.isEmpty(result.page.datas)}">
<div class="row">
<div class="col-xs-6 col-md-2"
th:each="file : ${result.page.datas}">
<div th:remove="tag">
<div class="thumbnail text-center">
<img
th:src="@{/static/fileicon/file.png}" class="img-responsive"
style="height: 80px" th:if="${!file.dir}" />
<a th:href="@{/mgr/static/index?path=}+${file.path}" th:if="${file.dir}"><img
th:src="@{/static/fileicon/folder.png}" class="img-responsive"
style="height: 80px" /></a>
<div class="caption">
<a th:title="${file.name}" data-toggle="tooltip"
th:text="${#strings.length(file.name) > 5 ? #strings.substring(file.name,0,5)+'...' : file.name}"></a>
</div>
<div class="caption" style="height: 45px">
<a style="margin-right: 5px" href="###"
data-toggle="tooltip" title="删除" data-action="delete"
th:data-path="${file.path}"><span
class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
<a style="margin-right: 5px" href="###"
data-toggle="tooltip" title="复制" data-action="copy"
th:data-path="${file.path}"><span
class="glyphicon glyphicon-copy" aria-hidden="true"></span></a>
<a style="margin-right: 5px" href="###"
data-toggle="tooltip" title="移动" data-action="move" th:data-dir="${file.dir}"
th:data-path="${file.path}" ><span class="glyphicon glyphicon-move"
aria-hidden="true"></span></a>
<a style="margin-right: 5px" href="###"
data-toggle="tooltip" title="解压缩" data-action="unzip" th:if="${file.is('zip')}"
th:data-path="${file.path}" ><span class="glyphicon glyphicon-level-up" aria-hidden="true"></span></a>
<a style="margin-right: 5px" href="###"
data-toggle="tooltip" title="压缩" data-action="zip"
th:data-path="${file.path}" ><span class="glyphicon glyphicon-compressed" aria-hidden="true"></span></a>
<a style="margin-right: 5px"
th:if="${!file.dir}"
th:href="${file.url}" target="_blank"><span
class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span></a>
<a style="margin-right: 5px"
th:if="${!file.dir}"
th:data-clipboard-text="${file.url}" target="_blank" title="复制访问地址"><span
class="glyphicon glyphicon-share-alt" aria-hidden="true"></span></a>
<a style="margin-right: 5px"
th:href="@{/mgr/static/edit?path=}+${file.path}" th:if="${file.editable}"><span
class="glyphicon glyphicon-edit" aria-hidden="true"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div th:if="${result.page.totalPage > 1}">
<ul class="pagination">
<li
th:each="i : ${#numbers.sequence(result.page.listbegin, result.page.listend-1)}">
<a th:text="${i}" th:data-page="${i}" href="###"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div th:replace="base/foot_source"></div>
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog"
aria-labelledby="uploadModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="uploadModalLabel">文件上传</h4>
</div>
<div class="modal-body">
<div class="container-fluid">
<div class="row" style="padding: 5px">
<form id="fileupload" class="form-horizontal" autocomplete="off"
th:action="@{/mgr/static/upload?v=1}" method="POST"
enctype="multipart/form-data">
<div class="fileupload-buttonbar">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<input type="hidden" th:value="${param.path == null ? '' : param.path}" name="path">
<span class="btn btn-success fileinput-button"> <i
class="glyphicon glyphicon-plus"></i> <span>添加文件</span> <input
type="file" name="files" multiple="">
</span>
<button type="submit" class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i> <span>文件上传</span>
</button>
<button type="reset" class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i> <span>取消</span>
</button>
<span class="fileupload-process"></span>
</div>
</div>
<div style="margin-top: 10px">
<div
class="fileupload-progress fade col-lg-12 col-sm-12 col-md-12 col-xs-12">
<!-- The global progress bar -->
<div class="progress progress-striped active"
role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-success"
style="width: 0%;"></div>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-12 col-md-12 col-xs-12">
<div class="table-responsive">
<table role="presentation" class="table table-striped"
style="text-align: center">
<tbody class="files"></tbody>
</table>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="createFolderModal" tabindex="-1"
role="dialog" aria-labelledby="createFolderModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="createFolderModalLabel">新文件夹</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="form-group">
<input
type="hidden" th:value="${param.path == null ? '' : param.path}" id="dir-path">
<label for="name" class="control-label">路径(1~30个字符，只能包含大小写英文字符和数字):</label>
<input type="text" class="form-control" name="path">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="createFolder">创建</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="createFileModal" tabindex="-1"
role="dialog" aria-labelledby="createFileModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="createFileModalLabel">新文件</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="form-group">
<input
type="hidden" th:value="${param.path == null ? '' : param.path}" id="dir-path">
<label for="name" class="control-label">路径(1~30个字符，只能包含大小写英文字符和数字):</label>
<input type="text" class="form-control" name="path">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="createFile">创建</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="copyModal" tabindex="-1" role="dialog"
aria-labelledby="copyModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="copyModalLabel">复制文件</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="input-group">
<span class="input-group-addon">复制到</span><input type="text"
value="" class="form-control" name="path">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="copy">复制</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="moveModal" tabindex="-1" role="dialog"
aria-labelledby="moveModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="moveModalLabel">移动文件</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="input-group" id="move-path-container">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="move">移动</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="queryModal" tabindex="-1" role="dialog"
aria-labelledby="queryModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="queryModalLabel">文件查询</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="form-group">
<label >文件名</label>
<input type="text" class="form-control" placeholder="" id="query-name" th:value="${param.name}">
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="query-sub"> 查询子文件夹
</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="query">查询</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="unzipModal" tabindex="-1" role="dialog"
aria-labelledby="unzipModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="unzipModalLabel">解压缩</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="form-group">
<label>编码</label>
<input type="text" class="form-control" placeholder="" name="encoding" value="GBK">
</div>
<div class="form-group">
<label>解压到</label>
<input type="text" class="form-control" placeholder="" name="path" value="">
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="deleteAfterSuccessUnzip"> 解压完成后删除压缩包
</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="unzip">解压</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="zipModal" tabindex="-1" role="dialog"
aria-labelledby="zipModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="zipModalLabel">压缩</h4>
</div>
<div class="modal-body">
<div class="tip"></div>
<form autocomplete="off">
<div class="form-group">
<label>压缩到</label>
<input type="text" class="form-control" placeholder="" name="path" value="">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="zip">压缩</button>
</div>
</div>
</div>
</div>
<script type="text/javascript"
th:src="@{/static/jquery-file-upload/js/load-image.min.js}"></script>
<script type="text/javascript"
th:src="@{/static/js/canvas-to-blob.min.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/vendor/jquery.ui.widget.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.iframe-transport.js}"></script>
<script th:src="@{/static/jquery-file-upload/js/jquery.fileupload.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-ui.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-process.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-image.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-audio.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-video.js}"></script>
<script
th:src="@{/static/jquery-file-upload/js/jquery.fileupload-validate.js}"></script>
<script
th:src="@{/static/js/clipboard.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/mgr/staticFile.js}"></script>
<script type="text/javascript" th:src="@{/static/js/mgr/common.js}"></script>
<script>
$(function(){
var clipboard=new Clipboard('[data-clipboard-text]');
clipboard.on('success',function(){
bootbox.alert("拷贝成功");
});
clipboard.on('error',function(){
bootbox.alert("拷贝失败");
});
});
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手