|
|
@@ -0,0 +1,223 @@
|
|
|
+import com.jjt.common.utils.sign.Base64;
|
|
|
+
|
|
|
+import java.nio.charset.StandardCharsets;
|
|
|
+
|
|
|
+public class Test {
|
|
|
+ public static void main(String[] args) {
|
|
|
+ String yy = Base64.encode(xx.getBytes(StandardCharsets.UTF_8));
|
|
|
+ System.err.println(yy);
|
|
|
+
|
|
|
+ String zz = new String(Base64.decode(yy), StandardCharsets.UTF_8);
|
|
|
+ System.err.println(zz);
|
|
|
+ }
|
|
|
+
|
|
|
+ static String xx = "<!DOCTYPE html>\n" +
|
|
|
+ "<html>\n" +
|
|
|
+ " <head>\n" +
|
|
|
+ " <meta charset=\"utf-8\">\n" +
|
|
|
+ " <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n" +
|
|
|
+ " <meta name=\"renderer\" content=\"webkit\">\n" +
|
|
|
+ " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">\n" +
|
|
|
+ " <link rel=\"icon\" href=\"<%= BASE_URL %>favicon.ico\">\n" +
|
|
|
+ " <title><%= webpackConfig.name %></title>\n" +
|
|
|
+ " <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->\n" +
|
|
|
+ "\t <style>\n" +
|
|
|
+ " html,\n" +
|
|
|
+ " body,\n" +
|
|
|
+ " #app {\n" +
|
|
|
+ " height: 100%;\n" +
|
|
|
+ " margin: 0px;\n" +
|
|
|
+ " padding: 0px;\n" +
|
|
|
+ " }\n" +
|
|
|
+ " .chromeframe {\n" +
|
|
|
+ " margin: 0.2em 0;\n" +
|
|
|
+ " background: #ccc;\n" +
|
|
|
+ " color: #000;\n" +
|
|
|
+ " padding: 0.2em 0;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper {\n" +
|
|
|
+ " position: fixed;\n" +
|
|
|
+ " top: 0;\n" +
|
|
|
+ " left: 0;\n" +
|
|
|
+ " width: 100%;\n" +
|
|
|
+ " height: 100%;\n" +
|
|
|
+ " z-index: 999999;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader {\n" +
|
|
|
+ " display: block;\n" +
|
|
|
+ " position: relative;\n" +
|
|
|
+ " left: 50%;\n" +
|
|
|
+ " top: 50%;\n" +
|
|
|
+ " width: 150px;\n" +
|
|
|
+ " height: 150px;\n" +
|
|
|
+ " margin: -75px 0 0 -75px;\n" +
|
|
|
+ " border-radius: 50%;\n" +
|
|
|
+ " border: 3px solid transparent;\n" +
|
|
|
+ " border-top-color: #FFF;\n" +
|
|
|
+ " -webkit-animation: spin 2s linear infinite;\n" +
|
|
|
+ " -ms-animation: spin 2s linear infinite;\n" +
|
|
|
+ " -moz-animation: spin 2s linear infinite;\n" +
|
|
|
+ " -o-animation: spin 2s linear infinite;\n" +
|
|
|
+ " animation: spin 2s linear infinite;\n" +
|
|
|
+ " z-index: 1001;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader:before {\n" +
|
|
|
+ " content: \"\";\n" +
|
|
|
+ " position: absolute;\n" +
|
|
|
+ " top: 5px;\n" +
|
|
|
+ " left: 5px;\n" +
|
|
|
+ " right: 5px;\n" +
|
|
|
+ " bottom: 5px;\n" +
|
|
|
+ " border-radius: 50%;\n" +
|
|
|
+ " border: 3px solid transparent;\n" +
|
|
|
+ " border-top-color: #FFF;\n" +
|
|
|
+ " -webkit-animation: spin 3s linear infinite;\n" +
|
|
|
+ " -moz-animation: spin 3s linear infinite;\n" +
|
|
|
+ " -o-animation: spin 3s linear infinite;\n" +
|
|
|
+ " -ms-animation: spin 3s linear infinite;\n" +
|
|
|
+ " animation: spin 3s linear infinite;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader:after {\n" +
|
|
|
+ " content: \"\";\n" +
|
|
|
+ " position: absolute;\n" +
|
|
|
+ " top: 15px;\n" +
|
|
|
+ " left: 15px;\n" +
|
|
|
+ " right: 15px;\n" +
|
|
|
+ " bottom: 15px;\n" +
|
|
|
+ " border-radius: 50%;\n" +
|
|
|
+ " border: 3px solid transparent;\n" +
|
|
|
+ " border-top-color: #FFF;\n" +
|
|
|
+ " -moz-animation: spin 1.5s linear infinite;\n" +
|
|
|
+ " -o-animation: spin 1.5s linear infinite;\n" +
|
|
|
+ " -ms-animation: spin 1.5s linear infinite;\n" +
|
|
|
+ " -webkit-animation: spin 1.5s linear infinite;\n" +
|
|
|
+ " animation: spin 1.5s linear infinite;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ " @-webkit-keyframes spin {\n" +
|
|
|
+ " 0% {\n" +
|
|
|
+ " -webkit-transform: rotate(0deg);\n" +
|
|
|
+ " -ms-transform: rotate(0deg);\n" +
|
|
|
+ " transform: rotate(0deg);\n" +
|
|
|
+ " }\n" +
|
|
|
+ " 100% {\n" +
|
|
|
+ " -webkit-transform: rotate(360deg);\n" +
|
|
|
+ " -ms-transform: rotate(360deg);\n" +
|
|
|
+ " transform: rotate(360deg);\n" +
|
|
|
+ " }\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " @keyframes spin {\n" +
|
|
|
+ " 0% {\n" +
|
|
|
+ " -webkit-transform: rotate(0deg);\n" +
|
|
|
+ " -ms-transform: rotate(0deg);\n" +
|
|
|
+ " transform: rotate(0deg);\n" +
|
|
|
+ " }\n" +
|
|
|
+ " 100% {\n" +
|
|
|
+ " -webkit-transform: rotate(360deg);\n" +
|
|
|
+ " -ms-transform: rotate(360deg);\n" +
|
|
|
+ " transform: rotate(360deg);\n" +
|
|
|
+ " }\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper .loader-section {\n" +
|
|
|
+ " position: fixed;\n" +
|
|
|
+ " top: 0;\n" +
|
|
|
+ " width: 51%;\n" +
|
|
|
+ " height: 100%;\n" +
|
|
|
+ " background: #7171C6;\n" +
|
|
|
+ " z-index: 1000;\n" +
|
|
|
+ " -webkit-transform: translateX(0);\n" +
|
|
|
+ " -ms-transform: translateX(0);\n" +
|
|
|
+ " transform: translateX(0);\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper .loader-section.section-left {\n" +
|
|
|
+ " left: 0;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper .loader-section.section-right {\n" +
|
|
|
+ " right: 0;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ "\n" +
|
|
|
+ " .loaded #loader-wrapper .loader-section.section-left {\n" +
|
|
|
+ " -webkit-transform: translateX(-100%);\n" +
|
|
|
+ " -ms-transform: translateX(-100%);\n" +
|
|
|
+ " transform: translateX(-100%);\n" +
|
|
|
+ " -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
+ " transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " .loaded #loader-wrapper .loader-section.section-right {\n" +
|
|
|
+ " -webkit-transform: translateX(100%);\n" +
|
|
|
+ " -ms-transform: translateX(100%);\n" +
|
|
|
+ " transform: translateX(100%);\n" +
|
|
|
+ " -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
+ " transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " .loaded #loader {\n" +
|
|
|
+ " opacity: 0;\n" +
|
|
|
+ " -webkit-transition: all 0.3s ease-out;\n" +
|
|
|
+ " transition: all 0.3s ease-out;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " .loaded #loader-wrapper {\n" +
|
|
|
+ " visibility: hidden;\n" +
|
|
|
+ " -webkit-transform: translateY(-100%);\n" +
|
|
|
+ " -ms-transform: translateY(-100%);\n" +
|
|
|
+ " transform: translateY(-100%);\n" +
|
|
|
+ " -webkit-transition: all 0.3s 1s ease-out;\n" +
|
|
|
+ " transition: all 0.3s 1s ease-out;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " .no-js #loader-wrapper {\n" +
|
|
|
+ " display: none;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " .no-js h1 {\n" +
|
|
|
+ " color: #222222;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper .load_title {\n" +
|
|
|
+ " font-family: 'Open Sans';\n" +
|
|
|
+ " color: #FFF;\n" +
|
|
|
+ " font-size: 19px;\n" +
|
|
|
+ " width: 100%;\n" +
|
|
|
+ " text-align: center;\n" +
|
|
|
+ " z-index: 9999999999999;\n" +
|
|
|
+ " position: absolute;\n" +
|
|
|
+ " top: 60%;\n" +
|
|
|
+ " opacity: 1;\n" +
|
|
|
+ " line-height: 30px;\n" +
|
|
|
+ " }\n" +
|
|
|
+ "\n" +
|
|
|
+ " #loader-wrapper .load_title span {\n" +
|
|
|
+ " font-weight: normal;\n" +
|
|
|
+ " font-style: italic;\n" +
|
|
|
+ " font-size: 13px;\n" +
|
|
|
+ " color: #FFF;\n" +
|
|
|
+ " opacity: 0.5;\n" +
|
|
|
+ " }\n" +
|
|
|
+ " </style>\n" +
|
|
|
+ " </head>\n" +
|
|
|
+ " <body>\n" +
|
|
|
+ " <div id=\"app\">\n" +
|
|
|
+ "\t <div id=\"loader-wrapper\">\n" +
|
|
|
+ "\t\t <div id=\"loader\"></div>\n" +
|
|
|
+ "\t\t <div class=\"loader-section section-left\"></div>\n" +
|
|
|
+ "\t\t <div class=\"loader-section section-right\"></div>\n" +
|
|
|
+ "\t\t <div class=\"load_title\">正在加载系统资源,请耐心等待</div>\n" +
|
|
|
+ " </div>\n" +
|
|
|
+ "\t</div>\n" +
|
|
|
+ " </body>\n" +
|
|
|
+ "</html>\n";
|
|
|
+
|
|
|
+}
|