去掉Apollo配置中心依赖

jodconverter-web/src/main/resources/META-INF/app.properties

@@ -0,0 +1 @@
+app.id=file-preview

jodconverter-web/src/main/resources/application.properties

@@ -0,0 +1,25 @@
+server.port = 8012
+spring.http.encoding.charset = utf8
+## Freemarker 配置
+spring.freemarker.template-loader-path = classpath:/web/
+spring.freemarker.cache = false
+spring.freemarker.charset = UTF-8
+spring.freemarker.check-template-location = true
+spring.freemarker.content-type = text/html
+spring.freemarker.expose-request-attributes = true
+spring.freemarker.expose-session-attributes = true
+spring.freemarker.request-context-attribute = request
+spring.freemarker.suffix = .ftl
+#=============================================#spring Redisson配置#===================================#
+spring.redisson.address = 192.168.1.204:6379
+##资源映射路径(因为jar方式运行的原因)
+file.dir = C:\\Users\\yudian\\Desktop\\dev\\
+spring.resources.static-locations = classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,file:${file.dir}
+## openoffice相关配置
+office.home = C:\\Program Files (x86)\\OpenOffice 4
+server.tomcat.uri-encoding = UTF-8
+converted.file.charset = GBK
+#======================================#文件上传限制#======================================#
+spring.http.multipart.max-file-size=100MB
+## 支持的类文本格式的文件类型
+simText = txt,html,xml,java,properties,mp3,mp4,sql

jodconverter-web/src/main/resources/logback.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+    <property name="LOG_FILE" value="@logging.path@/app.log"></property>
+    <include resource="org/springframework/boot/logging/logback/base.xml"/>
+    <jmxConfigurator/>
+    <logger name="org.springframework.web" level="info"/>
+    <appender name="stash" class="net.logstash.logback.appender.LogstashSocketAppender">
+        <port>10800</port>
+        <host>192.168.1.109</host>
+        <includeCallerData>true</includeCallerData>
+        <customFields>{"app_name":"@appName@"}</customFields>
+    </appender>
+    <root level="INFO">
+        <!--<appender-ref ref="dailyRollingFile"/>
+        <appender-ref ref="consoleRolling"/>-->
+        <appender-ref ref="stash"/>
+    </root>
+</configuration>

jodconverter-web/src/main/resources/static/config.js

@@ -0,0 +1,8 @@
+env_base_config = {
+    server_base_url:'http://127.0.0.1:8012/',
+}
+env_config = {
+    server_base_url:env_base_config.server_base_url,
+    server_preview_url:env_base_config.server_base_url + 'onlinePreview?url=',
+    server_delete_url:env_base_config.server_base_url + 'deleteFile?fileName=',
+}

jodconverter-web/src/main/resources/static/css/loading.css

@@ -0,0 +1,121 @@
+.loading_container{
+    margin:0;
+    padding:0;
+    position: absolute;
+    left:0;
+    top:0;
+    width:100%;
+    display: none;
+    opacity: 0.5;
+    background-color: black;
+}
+.spinner {
+    margin: 245px auto;
+    width: 60px;
+    height: 60px;
+    position: relative;
+}
+
+.container1 > div, .container2 > div, .container3 > div {
+    width: 16px;
+    height: 16px;
+    background-color: #67CF22;
+
+    border-radius: 100%;
+    position: absolute;
+    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
+    animation: bouncedelay 1.2s infinite ease-in-out;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+}
+
+.spinner .spinner-container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.container2 {
+    -webkit-transform: rotateZ(45deg);
+    transform: rotateZ(45deg);
+}
+
+.container3 {
+    -webkit-transform: rotateZ(90deg);
+    transform: rotateZ(90deg);
+}
+
+.circle1 { top: 0; left: 0; }
+.circle2 { top: 0; right: 0; }
+.circle3 { right: 0; bottom: 0; }
+.circle4 { left: 0; bottom: 0; }
+
+.container2 .circle1 {
+    -webkit-animation-delay: -1.1s;
+    animation-delay: -1.1s;
+}
+
+.container3 .circle1 {
+    -webkit-animation-delay: -1.0s;
+    animation-delay: -1.0s;
+}
+
+.container1 .circle2 {
+    -webkit-animation-delay: -0.9s;
+    animation-delay: -0.9s;
+}
+
+.container2 .circle2 {
+    -webkit-animation-delay: -0.8s;
+    animation-delay: -0.8s;
+}
+
+.container3 .circle2 {
+    -webkit-animation-delay: -0.7s;
+    animation-delay: -0.7s;
+}
+
+.container1 .circle3 {
+    -webkit-animation-delay: -0.6s;
+    animation-delay: -0.6s;
+}
+
+.container2 .circle3 {
+    -webkit-animation-delay: -0.5s;
+    animation-delay: -0.5s;
+}
+
+.container3 .circle3 {
+    -webkit-animation-delay: -0.4s;
+    animation-delay: -0.4s;
+}
+
+.container1 .circle4 {
+    -webkit-animation-delay: -0.3s;
+    animation-delay: -0.3s;
+}
+
+.container2 .circle4 {
+    -webkit-animation-delay: -0.2s;
+    animation-delay: -0.2s;
+}
+
+.container3 .circle4 {
+    -webkit-animation-delay: -0.1s;
+    animation-delay: -0.1s;
+}
+
+@-webkit-keyframes bouncedelay {
+    0%, 80%, 100% { -webkit-transform: scale(0.0) }
+    40% { -webkit-transform: scale(1.0) }
+}
+
+@keyframes bouncedelay {
+    0%, 80%, 100% {
+        transform: scale(0.0);
+        -webkit-transform: scale(0.0);
+    } 40% {
+          transform: scale(1.0);
+          -webkit-transform: scale(1.0);
+      }
+}

jodconverter-web/src/main/resources/static/css/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("img/zTreeStandard.png"); *background-image:url("img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("img/zTreeStandard.png"); *background-image:url("img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/

jodconverter-web/src/main/resources/static/index.html

@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <title>图片预览图</title>
+    <link rel="stylesheet" href="css/viewer.min.css">
+    <link rel="stylesheet" href="css/loading.css">
+    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.css" />
+    <style type="text/css">
+    </style>
+</head>
+
+<body>
+<h1>文件预览项目接入和测试界面</h1>
+<div class="panel-group" id="accordion">
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion"
+                   href="#collapseOne">
+                    接入说明
+                </a>
+            </h4>
+        </div>
+        <div id="collapseOne" class="panel-collapse collapse in">
+            <div class="panel-body">
+                <div>
+                    如果你的项目需要接入文件预览项目，达到对docx、excel、ppt、jpg等文件的预览效果，那么通过在你的项目中加入下面的代码就可以
+                    成功实现：
+                    <pre style="background-color: #2f332a;color: #cccccc">
+                        $scope.openWin = function (fileUrl) {
+                            var url = configuration.previewUrl + encodeURIComponent(fileUrl);
+                            var winHeight = window.document.documentElement.clientHeight-10;
+                            $window.open(url, "_blank", "height=" + winHeight
+                                + ",top=80,left=80,toolbar=no, menubar=no, scrollbars=yes, resizable=yes");
+                        };
+                    </pre>
+                    <b>说明:</b>
+                    <p>1.这里的fileUrl即是需要预览的服务器文件，一般是ufile文件</p>
+                    <p>2.只所以使用encodeURIComponent转码是因为ufile文件中可能会存在&等特殊字符，那么如果不转码会被浏览器处理成多参数
+                        这样后台获取的就不是需要预览的文件的全路径了。</p>
+                    <p>3.configuration.previewUrl是需要接入项目中配置文件预览项目的地址的配置
+                        现在开发和测试地址都是：
+                        http://106.75.31.215:8012/onlinePreview?url=服务器(ufile)文件路径</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="panel panel-default">
+        <div class="panel-heading">
+            <h4 class="panel-title">
+                <a data-toggle="collapse" data-parent="#accordion"
+                   href="#collapseTwo">
+                    预览测试
+                </a>
+            </h4>
+        </div>
+        <div id="collapseTwo" class="panel-collapse collapse">
+            <div class="panel-body">
+                <p style="color: red;">因为是测试所以一种文件只允许上传一个</p>
+                <div style="padding: 10px">
+                    <form enctype="multipart/form-data" id="fileUpload">
+                        <input type="file" name="file" />
+                        <input type="button" id="btnsubmit" value=" 上 传 " />
+                    </form>
+                </div>
+                <div>
+                    <table id="table" data-pagination="true"></table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="loading_container">
+    <div class="spinner">
+        <div class="spinner-container container1">
+            <div class="circle1"></div>
+            <div class="circle2"></div>
+            <div class="circle3"></div>
+            <div class="circle4"></div>
+        </div>
+        <div class="spinner-container container2">
+            <div class="circle1"></div>
+            <div class="circle2"></div>
+            <div class="circle3"></div>
+            <div class="circle4"></div>
+        </div>
+        <div class="spinner-container container3">
+            <div class="circle1"></div>
+            <div class="circle2"></div>
+            <div class="circle3"></div>
+            <div class="circle4"></div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="config.js"></script>
+<script src="js/jquery-3.0.0.min.js" type="text/javascript"></script>
+<script src="https://cdn.bootcss.com/jquery.form/3.09/jquery.form.min.js" type="text/javascript"></script>
+<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.js"></script>
+<script>
+    function deleteFile(fileName) {
+        $.ajax({
+            url: env_config.server_delete_url + encodeURIComponent(fileName),
+            success: function (data) {
+                // 删除完成，刷新table
+                if (1 == data.code) {
+                    alert(data.msg);
+                }else{
+                    $('#table').bootstrapTable('refresh', {});
+                }
+            },
+            error: function (data) {
+                console.log(data);
+            }
+        })
+    }
+    $(function () {
+        $('#table').bootstrapTable({
+            url: 'listFiles',
+            columns: [{
+                field: 'fileName',
+                title: '文件名'
+            }, {
+                field: 'action',
+                title: '操作'
+            },]
+        }).on('pre-body.bs.table', function (e,data) {
+            // 每个data添加一列用来操作
+            $(data).each(function (index, item) {
+                item.action = "<a class='btn btn-default' target='_blank' href='"+env_config.server_preview_url
+                    + encodeURIComponent(env_config.server_base_url + item.fileName ) +"&needEncode=1'>预览</a>" +
+                    "<a class='btn btn-default' target='_blank' href='javascript:void(0);' onclick='deleteFile(\""+item.fileName+"\")'>删除</a>";
+            });
+            return data;
+        }).on('post-body.bs.table', function (e,data) {
+            return data;
+        });
+
+        /**
+         *
+         */
+        function showLoadingDiv() {
+            var height = window.document.documentElement.clientHeight - 1;
+            $(".loading_container").css("height", height).show();
+        }
+
+        $("#btnsubmit").click(function () {
+            showLoadingDiv();
+            $("#fileUpload").ajaxSubmit({
+                success: function (data) {
+                    // 上传完成，刷新table
+                    if (1 == data.code) {
+                        alert(data.msg);
+                    }else{
+                        $('#table').bootstrapTable('refresh', {});
+                    }
+                    $(".loading_container").hide();
+                },
+                error: function (error) { alert(error); $(".loading_container").hide();},
+                url: 'fileUpload', /*设置post提交到的页面*/
+                type: "post", /*设置表单以post方法提交*/
+                dataType: "json" /*设置返回值类型为文本*/
+            });
+        });
+    });
+</script>
+</body>
+</html>

jodconverter-web/src/main/resources/static/js/excel.header.js

@@ -0,0 +1,19 @@
+/**创建一个div并固定在底部，将center中的所有a标签放在改div中**/
+$("body").append($("<div>").css({"width":"100%","height":"30px","position":"fixed","top":"0","left":"0"
+    ,"background-color":"rgba(53, 53, 53, 1)","line-height":"30px","font-size":"13px"}).attr("id","excel-header-nav"));
+$("center").css("display", "none");
+var centerChildrenA = $("center").children("a");
+if (centerChildrenA.length === 0) {
+    $("#excel-header-nav").hide();
+}
+$(centerChildrenA).each(function (a, b) {
+    // 获取a标签对应的target的name值，并设置name对应标签的样式以避免锚点标签标题被覆盖
+    var href = $(b).attr("href");
+    var name = href.substr(1);
+    console.log(href + ":" + name);
+    $("[name=" + name + "]").css({"display":"block","padding-top":"14.01px"});
+    $(b).css({"padding":"5px","border-right":"1px solid white","color":"#f9f9f9"});
+    $("#excel-header-nav").append(b);
+});
+/**给所有的table添加class=table table-striped样式**/
+$("table").addClass("table table-striped");

jodconverter-web/src/main/resources/web/compress.ftl

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <link href="css/zTreeStyle.css" rel="stylesheet" type="text/css">
+    <style type="text/css">
+        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+            margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
+        body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
+        body{
+            margin:0 auto;
+            width: 600px;
+            background-color: #333333;
+            font-size: 4em;
+        }
+        h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
+        h1 {font-size: 24px;line-height: 34px;text-align: center;}
+        h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
+        h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
+        a {color:#3C6E31;text-decoration: underline;}
+        a:hover {background-color:#3C6E31;color:white;}
+        input.radio {margin: 0 2px 0 8px;}
+        input.radio.first {margin-left:0;}
+        input.empty {color: lightgray;}
+        code {color: #2f332a;}
+        div.zTreeDemoBackground {width:600px;text-align:center;background-color: #ffffff;}
+    </style>
+</head>
+<body>
+
+<div class="zTreeDemoBackground left">
+    <ul id="treeDemo" class="ztree"></ul>
+</div>
+</body>
+<script type="text/javascript" src="config.js"></script>
+<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
+<script type="text/javascript" src="js/jquery.ztree.core.js"></script>
+<script type="text/javascript">
+    var data = JSON.parse('${fileTree}');
+    var setting = {
+        view: {
+            fontCss : {"color":"blue"},
+            showLine: true
+        },
+        data: {
+            key: {
+                children: 'childList',
+                name: 'originName'
+            }
+        },
+        callback:{
+            beforeClick:function (treeId, treeNode, clickFlag) {
+                console.log("节点参数：treeId-" + treeId + "treeNode-"
+                        + JSON.stringify(treeNode) + "clickFlag-" + clickFlag);
+            },
+            onClick:function (event, treeId, treeNode) {
+                if (!treeNode.directory) {
+                    /**实现窗口最大化**/
+                    var fulls = "left=0,screenX=0,top=0,screenY=0,scrollbars=1";    //定义弹出窗口的参数
+                    if (window.screen) {
+                        var ah = screen.availHeight - 30;
+                        var aw = (screen.availWidth - 10) / 2;
+                        fulls += ",height=" + ah;
+                        fulls += ",innerHeight=" + ah;
+                        fulls += ",width=" + aw;
+                        fulls += ",innerWidth=" + aw;
+                        fulls += ",resizable"
+                    } else {
+                        fulls += ",resizable"; // 对于不支持screen属性的浏览器，可以手工进行最大化。 manually
+                    }
+                    window.open(env_config.server_preview_url
+                            + encodeURIComponent(env_config.server_base_url + treeNode.fileName)
+                            + "&needEncode=1", "_blank",fulls);
+                }
+            }
+        }
+    };
+    var height = 0;
+    $(document).ready(function(){
+        var treeObj = $.fn.zTree.init($("#treeDemo"), setting, data);
+        treeObj.expandAll(true);
+        height = getZtreeDomHeight();
+        $(".zTreeDemoBackground").css("height", height);
+    });
+
+    /**
+     *  计算ztreedom的高度
+     */
+    function getZtreeDomHeight() {
+        return $("#treeDemo").height() > window.document.documentElement.clientHeight - 1
+                ? $("#treeDemo").height() : window.document.documentElement.clientHeight - 1;
+    }
+    /**
+     * 页面变化调整高度
+     */
+    window.onresize = function(){
+        height = getZtreeDomHeight();
+        $(".zTreeDemoBackground").css("height", height);
+    }
+    /**
+     * 滚动时调整高度
+     */
+    window.onscroll = function(){
+        height = getZtreeDomHeight();
+        $(".zTreeDemoBackground").css("height", height);
+    }
+</script>
+</html>

jodconverter-web/src/main/resources/web/doc.ftl

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<body>
+${doc}
+</body>
+
+</html>

jodconverter-web/src/main/resources/web/docxConvert.ftl

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<body>
+
+${docxConvert}
+
+</body>
+
+</html>

jodconverter-web/src/main/resources/web/fileNotSupported.ftl

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <style type="text/css">
+        body{
+            margin: 0 auto;
+            width:900px;
+            background-color: #CCB;
+        }
+        .container{
+            width: 700px;
+            height: 700px;
+            margin: 0 auto;
+        }
+        img{
+            width:auto;
+            height:auto;
+            max-width:100%;
+            max-height:100%;
+            padding-bottom: 36px;
+        }
+        span{
+            display: block;
+            font-size:20px;
+            color:blue;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <img src="images/sorry.jpg" />
+    <span>
+        该文件类型(${fileType})系统暂时不支持在线预览，<b>说明</b>：
+        <p>${msg}</p>
+        如有需要请联系<a href="mailto:1210893441@qq.com">@HappyPig</a>
+    </span>
+</div>
+</body>
+
+</html>

jodconverter-web/src/main/resources/web/pdf.ftl

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <style type="text/css">
+        body{
+            margin: 0;
+            padding:0;
+            border:0;
+        }
+    </style>
+</head>
+<body>
+    <iframe src="${pdfUrl}" width="100%" frameborder="0"></iframe>
+</body>
+<script type="text/javascript">
+    document.getElementsByTagName('iframe')[0].height = document.documentElement.clientHeight-10;
+    /**
+     * 页面变化调整高度
+     */
+    window.onresize = function(){
+        var fm = document.getElementsByTagName("iframe")[0];
+        fm.height = window.document.documentElement.clientHeight-10;
+    }
+</script>
+</html>

jodconverter-web/src/main/resources/web/picture.ftl

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>图片预览图</title>
+    <link rel="stylesheet" href="css/viewer.min.css">
+    <style>
+        * { margin: 0; padding: 0;}
+        #dowebok { width: 800px; margin: 0 auto; font-size: 0;}
+        #dowebok li { display: inline-block; width: 32%; margin-left: 1%; padding-top: 1%;}
+        /*#dowebok li img { width: 200%;}*/
+    </style>
+</head>
+<body>
+<h1>如果图片质量很好，首次加载图片时间可能会有点长，请耐心等待</h1>
+
+<ul id="dowebok">
+    <li><img id="Imgbox" src="#" width="800px" height="auto"></li>
+</ul>
+<script src="js/viewer.min.js"></script>
+<script>
+    //初始化图片地址
+    window.onload = function () {
+//        document.getElementById("Imgbox").src = getParameter("imgurl");
+        document.getElementById("Imgbox").src =document.getElementById("url").value;
+    }
+    var viewer = new Viewer(document.getElementById('dowebok'), {url: 'src'});
+    viewer.show();
+</script>
+<input name="url" value="${imgurl}" type="hidden" id="url" >
+</body>
+
+</html>

jodconverter-web/src/main/resources/web/txt.ftl

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>普通文件预览</title>
+</head>
+
+
+
+<body>
+<script language="javascript" type="text/javascript">
+    window.location.href="${ordinaryUrl}";
+</script>
+
+
+</body>
+
+</html>