open
/
open-dbtool
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
master
wangbing 4 years ago
parent 27fa822408
commit 9bfda0171c
7 changed files with 463 additions and 107 deletions
Show Stats Download Patch File Download Diff File

2
src/main/resources/modules/SpringBoot/resources/static/dist/lib.min.js vendored
View File

File diff suppressed because one or more lines are too long

11
src/main/resources/modules/SpringBoot/resources/templates/control/nav.ftl
Unescape View File

@ -549,18 +549,11 @@
},
// 本标签打开
toOpen: function (url) {
this.tipShow();
var url = url.substring(0, 1) == "/" ? url.substring(1) : url;
$("body").append($("<a id='wb-open' href='" + this.context + "/" + url + "' target='_self' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
window.location.open(url)
},
// 新标签打开
toOpenNew: function (url) {
var url = url.substring(0, 1) == "/" ? url.substring(1) : url;
$("body").append($("<a id='wb-open' href='" + this.context + "/" + url + "' target='_blank' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
window.location.openNew(url)
},
// 回到首页
toHome: function () {

508
src/main/resources/modules/SpringBoot/resources/templates/screen/home.ftl
Unescape View File

@ -140,93 +140,6 @@
<h4></h4>
</el-tab-pane>
<el-tab-pane label="Ajax调用">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="doAjax">调用AJAX</el-button>
<el-divider></el-divider>
<pre>new Ajax("wsys", "user").find({}, function (response) {</pre>
<pre> if (response.errors.length > 0) {</pre>
<pre> nav.e(response.errors[0].message);</pre>
<pre> } else {</pre>
<pre> nav.i("Ajax调用成功!");</pre>
<pre> }</pre>
<pre>}.bind(this))</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-upload
style="width: 300px;"
name="file"
class="upload-demo"
action="upload"
:http-request="handleUpload"
multiple
:limit="3"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
<el-divider></el-divider>
<pre>new Ajax("wsys","file","upload").post(req.file,function (response) {</pre>
<pre> if (response.errors.length > 0) {</pre>
<pre> req.onError();</pre>
<pre> nav.e(response.errors[0].message);</pre>
<pre> } else {</pre>
<pre> req.onSuccess();</pre>
<pre> nav.i("文件上传成功!");</pre>
<pre> }</pre>
<pre>}.bind(this))</pre>
</el-card>
</el-tab-pane>
<el-tab-pane label="消息推送">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="doPush">开始推送</el-button>
<el-button type="danger" @click="doUnPush">停止推送</el-button>
<el-divider></el-divider>
<p>var evtSource = new EventSource('http://localhost:8080/sse/1');</p>
<p>evtSource.addEventListener('message', function (e) {</p>
<p style="text-indent: 2em;">console.log(e.data);</p>
<p>});</p>
</el-card>
</el-tab-pane>
<el-tab-pane label="自定义工具">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="this.window.nav.i('消息')">普通消息</el-button>
<el-button type="primary" @click="this.window.nav.e('错误')">错误消息</el-button>
<el-button type="primary" @click="this.window.nav.s('成功')">成功消息</el-button>
<el-button type="primary" @click="this.window.nav.w('警告')">警告消息</el-button>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="this.window.nav.tipShow('加载中')">加载提示框</el-button>
<el-button type="primary" @click="this.window.nav.tipClose()">关闭提示框</el-button>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="this.window.nav.barShow()">加载提示条</el-button>
<el-button type="primary" @click="this.window.nav.barFinish()">成功</el-button>
<el-button type="primary" @click="this.window.nav.barError()">失败</el-button>
</el-card>
</el-tab-pane>
<el-tab-pane label="Freemarker">
<el-card class="card" style="width: 600px;margin: 20px">
@ -835,6 +748,427 @@
</el-tab-pane>
<el-tab-pane label="Ajax调用">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="doAjax">调用AJAX</el-button>
<el-divider></el-divider>
<pre>new Ajax("wsys", "user").find({}, function (response) {</pre>
<pre> if (response.errors.length > 0) {</pre>
<pre> nav.e(response.errors[0].message);</pre>
<pre> } else {</pre>
<pre> nav.i("Ajax调用成功!");</pre>
<pre> }</pre>
<pre>}.bind(this))</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-upload
style="width: 300px;"
name="file"
class="upload-demo"
action="upload"
:http-request="handleUpload"
multiple
:limit="3"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
<el-divider></el-divider>
<pre>new Ajax("wsys","file","upload").post(req.file,function (response) {</pre>
<pre> if (response.errors.length > 0) {</pre>
<pre> req.onError();</pre>
<pre> nav.e(response.errors[0].message);</pre>
<pre> } else {</pre>
<pre> req.onSuccess();</pre>
<pre> nav.i("文件上传成功!");</pre>
<pre> }</pre>
<pre>}.bind(this))</pre>
</el-card>
</el-tab-pane>
<el-tab-pane label="消息推送">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" @click="doPush">开始推送</el-button>
<el-button type="danger" @click="doUnPush">停止推送</el-button>
<el-divider></el-divider>
<p>var evtSource = new EventSource('http://localhost:8080/sse/1');</p>
<p>evtSource.addEventListener('message', function (e) {</p>
<p style="text-indent: 2em;">console.log(e.data);</p>
<p>});</p>
</el-card>
</el-tab-pane>
<el-tab-pane label="nav对象">
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" size="mini" @click="this.window.nav.i('消息')">普通消息</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.e('错误')">错误消息</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.s('成功')">成功消息</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.w('警告')">警告消息</el-button>
<el-divider></el-divider>
<pre> nav.i('消息')</pre>
<pre> nav.e('错误')</pre>
<pre> nav.s('成功')</pre>
<pre> nav.w('警告')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" size="mini" @click="this.window.nav.tipShow('加载中')">加载提示框</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.tipClose()">关闭提示框</el-button>
<el-divider></el-divider>
<pre>nav.tipShow('加载中')</pre>
<pre>nav.tipClose()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
<el-button type="primary" size="mini" @click="this.window.nav.barShow()">请求进度条</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.barFinish()">成功</el-button>
<el-button type="primary" size="mini" @click="this.window.nav.barError()">失败</el-button>
<br>1、最终调用index对象的barStart(),barFinish(),barError();
<el-divider></el-divider>
<pre>nav.barShow()</pre>
<pre>nav.barFinish()</pre>
<pre>nav.barError()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
简单对话框(确认)
<el-button type="primary" size="mini" @click="this.window.nav.boxYes('提示','你好!')">示例</el-button>
<br>
简单对话框(确认取消)
<el-button type="primary" size="mini" @click="this.window.nav.boxYesNo('提示','你好!')">示例</el-button>
<br>
简单对话框(输入)
<el-button type="primary" size="mini" @click="this.window.nav.boxInput('提示','你好!')">示例</el-button>
<br>
简单对话框(HTML)
<el-button type="primary" size="mini" @click="this.window.nav.boxHtml('提示','<i>你好!</i>')">示例</el-button>
<el-divider></el-divider>
<pre>nav.boxYes(title, message, callback)</pre>
<pre>nav.boxYesNo(title, message, callback)</pre>
<pre>nav.boxInput(title, message, callback)</pre>
<pre>nav.boxHtml(title, htmlMessage, callback)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
切换网页全屏，取消网页全屏
<el-button type="primary" size="mini" @click="this.window.nav.boxHtml('提示','<a color=red>你好!</a>')">示例</el-button>
<el-divider></el-divider>
<pre>nav.screenFull()</pre>
<pre>nav.screenNotFull()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
设置Cookie
<el-button type="primary" size="mini" @click="this.window.nav.boxHtml('提示','<a color=red>你好!</a>')">示例</el-button>
<el-divider></el-divider>
<pre>nav.setCookie(name, value, expiretime)</pre>
<pre>nav.getCookie(name)</pre>
<pre>nav.clearCookie(name)</pre>
</el-card>
</el-tab-pane>
<el-tab-pane label="index对象">
<el-card class="card" style="width: 600px;margin: 20px">
回到或打开HOME页
<el-divider></el-divider>
<pre>index.onHome()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
请求进度条
<el-divider></el-divider>
<pre>index.barStart()</pre>
<pre>index.barFinish()</pre>
<pre>index.barError()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
左侧菜单收缩切换方法
<el-divider></el-divider>
<pre>index.collapseSwitch()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
网页全屏切换方法
<br>1、最终调用nav对象的nav.screenFull()和nav.screenNotFull()
<el-divider></el-divider>
<pre>index.switchFullScreen()</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
添加新Tab
<el-divider></el-divider>
<pre>var tab = {</pre>
<pre> title: '首页',</pre>
<pre> name: 'home',</pre>
<pre> url: '/home.htm'</pre>
<pre>}</pre>
<pre>index.addTab(tab)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
移除Tab
<el-divider></el-divider>
<pre>index.removeTab(tabName)</pre>
</el-card>
</el-tab-pane>
<el-tab-pane label="JS BASE工具">
所有js相关基本方法皆以打包进lib.min.js文件
<el-card class="card" style="width: 600px;margin: 20px">
获取url参数
<el-divider></el-divider>
<pre>window.location.getParam('id')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
打开游览器新标签
<el-divider></el-divider>
<pre>window.location.open('www.baidu.com')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
日期格式化
<el-divider></el-divider>
<pre>new Date().format('yyyy-MM-dd hh:mm:ss')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组移除
<el-divider></el-divider>
<pre>var arr = ['A', 'B'];</pre>
<pre>arr.remove('A')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组替换
<el-divider></el-divider>
<pre>var arr = ['A', 'B'];</pre>
<pre>arr.replace('A', 'C')</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组位置调整
<el-divider></el-divider>
<pre>var arr = ['A', 'B'];</pre>
<pre>arr.exchange(0, 1)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组异步循环
<el-divider></el-divider>
<pre>var arr = ['A', 'B'];</pre>
<pre>arr.forAsync(function (item, next) {</pre>
<pre> setTimeout(function () {</pre>
<pre> console.log(item);</pre>
<pre> next();</pre>
<pre> }, 1000)</pre>
<pre>})</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组异步循环(完成通知)
<el-divider></el-divider>
<pre>var arr = ['A', 'B'];</pre>
<pre>arr.forAsync(function (item, next) {</pre>
<pre> setTimeout(function () {</pre>
<pre> console.log(item);</pre>
<pre> next();</pre>
<pre> }, 1000)</pre>
<pre>}, function () {</pre>
<pre> nav.i("异步循环完成.");</pre>
<pre>})</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组递归循环
<br>1、forTree第二参数为子类属性，默认为[children]
<el-divider></el-divider>
<pre>var arr = [{</pre>
<pre> name: 'A',</pre>
<pre> children: [</pre>
<pre> {name: 'AA'},</pre>
<pre> {name: 'AB'},</pre>
<pre> ]</pre>
<pre>}]</pre>
<pre>arr.forTree(function (item) {</pre>
<pre> console.log(item.name)</pre>
<pre>})</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
数组递归循环(处理函数可以知道当前循环深度)
<el-divider></el-divider>
<pre>var arr = [{</pre>
<pre> name: 'A',</pre>
<pre> children: [</pre>
<pre> {name: 'AA'},</pre>
<pre> {name: 'AB'},</pre>
<pre> ]</pre>
<pre>}]</pre>
<pre>arr.forTreeDepth(function (item, depth) {</pre>
<pre> console.log(item.name);</pre>
<pre> console.log(depth);//[0],[0, 0],[0, 1]</pre>
<pre>})</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
自定义Map对象
<br>1、放置对象 map.put(key, value)
<br>2、获取对象 map.get(key)
<br>3、获取键集合 map.getKeys()
<br>4、获取对象集合 map.getValues()
<br>5、移除对象 map.remove(key)
<br>6、返回大小 map.size()
<br>7、判断是否为空 map.isEmpty()
<br>8、清空 map.clear()
<br>9、是否包含键 map.containsKey(key)
<br>10、是否包含值 map.containsValue(value)
<br>11、循环 map.forEach(callBack) // 函数接收两个参数(key, value)
<br>12、异步循环 map.forAsync(callBack, finish) // 函数接收两个参数(key, value)，完成函数(可选)
<el-divider></el-divider>
<pre>var map = new Map();</pre>
<pre>map.put("name", "hello world!");</pre>
<pre>console.log(map.get("name"));</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
文件选择 window.utils.selectFile(cb)
<el-divider></el-divider>
<pre>window.utils.selectFile(function (files) {</pre>
<pre> new Ajax("wsys","file","upload").post(files[0],function (response) {</pre>
<pre> if (response.errors.length > 0) {</pre>
<pre> nav.e(response.errors[0].message);</pre>
<pre> } else {</pre>
<pre> nav.i("文件上传成功!");</pre>
<pre> }</pre>
<pre> })</pre>
<pre>})</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
Blob二进制文件异步下载
<el-divider></el-divider>
<pre>window.utils.blobtoDown(name, blob)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
base64转为String
<el-divider></el-divider>
<pre>window.utils.base64toString(base64)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
String转为base64
<el-divider></el-divider>
<pre>window.utils.stringtoBase64(str)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
base64转为字节数组
<el-divider></el-divider>
<pre>window.utils.base64toBytes(base64)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
base64字符转Blob对象
<el-divider></el-divider>
<pre>window.utils.base64toBlob(base64)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
动态加载Js或css文件
<el-divider></el-divider>
<pre>window.utils.loadJsCss(url)</pre>
</el-card>
<el-card class="card" style="width: 600px;margin: 20px">
深拷贝对象
<el-divider></el-divider>
<pre>window.utils.copy(obj)</pre>
</el-card>
</el-tab-pane>
<el-tab-pane label="常见问题">
<el-card class="card" style="width: 600px;margin: 20px">
<div slot="header">

3
src/main/resources/modules/SpringBoot/resources/templates/screen/index.ftl
Unescape View File

@ -225,7 +225,8 @@
}
#aside {
overflow: hidden;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
position: fixed;
left: 0;

22
src/main/resources/static/dist/lib.js vendored
Unescape View File

@ -24,6 +24,7 @@ e.exports=function(e){return null!=e&&(n(e)||r(e)||!!e._isBuffer)}},function(e,t
///<jscompress sourcefile="base.js" />
/**
* 获取url参数
*
* @param key
*/
window.location.getParam = function (key) {
@ -35,10 +36,20 @@ window.location.getParam = function (key) {
return null;
}
/**
* 打开新标签
* 打开新地址
*
* @param url
*/
window.location.open = function (url) {
$("body").append($("<a id='wb-open' href='" + url + "' target='_self' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
}
/**
* 打开新标签
* @param url
*/
window.location.openNew = function (url) {
$("body").append($("<a id='wb-open' href='" + url + "' target='_blank' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
@ -279,6 +290,7 @@ window.utils = {
return bytes;
},
/**
* base64字符转Blob对象
*
* @param base64
* @returns {Int8Array}
@ -286,14 +298,15 @@ window.utils = {
base64toBlob: function (base64) {
return new Blob(this.base64toBytes(base64));
},
isEmpty: function(val){
isEmpty: function (val) {
return val === '' || typeof val === 'undefined' || val === null;
},
/**
* 动态加载Js或css文件
*
* @param url 文件http地址
*/
loadJsCss: function(url){
loadJsCss: function (url) {
var node_;
if (url.match(/\\.js$/i)) {
node_ = document.createElement('script');
@ -313,9 +326,10 @@ window.utils = {
},
/**
* 深拷贝对象
*
* @param obj
*/
copy: function(obj){
copy: function (obj) {
return JSON.parse(JSON.stringify(obj));
}
};

2
src/main/resources/static/dist/lib.min.js vendored
View File

File diff suppressed because one or more lines are too long

22
src/main/resources/static/js/base.js
Unescape View File

@ -1,5 +1,6 @@
/**
* 获取url参数
*
* @param key
*/
window.location.getParam = function (key) {
@ -11,10 +12,20 @@ window.location.getParam = function (key) {
return null;
}
/**
* 打开新标签
* 打开新地址
*
* @param url
*/
window.location.open = function (url) {
$("body").append($("<a id='wb-open' href='" + url + "' target='_self' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
}
/**
* 打开新标签
* @param url
*/
window.location.openNew = function (url) {
$("body").append($("<a id='wb-open' href='" + url + "' target='_blank' style='display:none;'></a>"))
document.getElementById("wb-open").click();
$("#wb-open").remove();
@ -255,6 +266,7 @@ window.utils = {
return bytes;
},
/**
* base64字符转Blob对象
*
* @param base64
* @returns {Int8Array}
@ -262,14 +274,15 @@ window.utils = {
base64toBlob: function (base64) {
return new Blob(this.base64toBytes(base64));
},
isEmpty: function(val){
isEmpty: function (val) {
return val === '' || typeof val === 'undefined' || val === null;
},
/**
* 动态加载Js或css文件
*
* @param url 文件http地址
*/
loadJsCss: function(url){
loadJsCss: function (url) {
var node_;
if (url.match(/\\.js$/i)) {
node_ = document.createElement('script');
@ -289,9 +302,10 @@ window.utils = {
},
/**
* 深拷贝对象
*
* @param obj
*/
copy: function(obj){
copy: function (obj) {
return JSON.parse(JSON.stringify(obj));
}
}
Write Preview
Loading…
Cancel
Save

Powered by TurnKey Linux.