增加关于页面
This commit is contained in:
暮光：城中城
@@ -35,7 +35,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="table-info">
|
||||
<div>表名：<span class="table-name"></span></div>
|
||||
<div style="height: 35px;line-height: 35px;">
|
||||
表名：<span class="table-name"></span>
|
||||
<button class="btn pull-right" type="button" id="aboutBtn" style="margin-right: 30px;">关于</button>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<div id="tableDescShow">
|
||||
<span class="table-desc"></span>
|
||||
@@ -146,6 +149,41 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 关于弹出框 -->
|
||||
<div class="modal fade" id="aboutModal">
|
||||
<div class="modal-dialog modal-lg" style="width: 600px;">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">
|
||||
<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
|
||||
</button>
|
||||
<h4 class="modal-title">关于zyplayer-doc-db</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-horizontal" style="line-height: 30px;">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 no-padding">项目地址：</label>
|
||||
<div class="col-md-6 col-sm-10">
|
||||
<a target="_blank" href="https://gitee.com/zyplayer/zyplayer-doc">zyplayer-doc</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-2 no-padding">开发人员：</label>
|
||||
<div class="col-md-6 col-sm-10">
|
||||
<a target="_blank" href="http://zyplayer.com">暮光：城中城</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-2 no-padding"></div>
|
||||
<div class="col-md-10 col-sm-10">
|
||||
欢迎加群讨论，QQ群号：466363173，欢迎提交需求，欢迎使用和加入开发！
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="webjars/doc-db/js/jquery-3.1.0.min.js"></script>
|
||||
|
||||
@@ -1,372 +1,375 @@
|
||||
|
||||
var pageConfig = {
|
||||
host: '',
|
||||
tableRelationDataIndex: 0,
|
||||
}
|
||||
|
||||
// 表关系图表
|
||||
var tableRelationCharts;
|
||||
|
||||
$(document).ready(function(){
|
||||
$('select.chosen-select').chosen({
|
||||
no_results_text: '没有找到', // 当检索时没有找到匹配项时显示的提示文本
|
||||
disable_search_threshold: 0, // 10 个以下的选择项则不显示检索框
|
||||
search_contains: true, // 从任意位置开始检索
|
||||
width: '100%'
|
||||
});
|
||||
$('#checkAllTable').click(function(e){
|
||||
$("#exportUl li").addClass("checked");
|
||||
});
|
||||
$('#notCheckAllTable').click(function(e){
|
||||
$("#exportUl li").removeClass("checked");
|
||||
});
|
||||
$('#choiseExportDatabase').on('change', function(e){
|
||||
var host = $('#choiseExportHost').val();
|
||||
var dbName = $('#choiseExportDatabase').val();
|
||||
postService("zyplayer-doc-db/doc-db/getTableList", {host: host, dbName: dbName}, function(result){
|
||||
$('#exportUl').empty();
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
$("#exportUl").append('<li>'+result.data[i].tableName+'</li>');
|
||||
}
|
||||
$('#exportModal').modal('ajustPosition', 'fit');
|
||||
});
|
||||
});
|
||||
$('#choiseExportHost').on('change', function(e){
|
||||
var host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: host}, function(result){
|
||||
$('#choiseExportDatabase').empty();
|
||||
$("#choiseExportDatabase").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseExportDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseExportDatabase').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseFuzzyHost').on('change', function(e){
|
||||
var host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: host}, function(result){
|
||||
$('#choiseFuzzyDatabase').empty();
|
||||
$("#choiseFuzzyDatabase").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseFuzzyDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseFuzzyDatabase').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseHost').on('change', function(e){
|
||||
pageConfig.host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: pageConfig.host}, function(result){
|
||||
$('#choiseDatabase').empty();
|
||||
$('#choiseTable').empty();
|
||||
$("#choiseDatabase").append('<option value=""></option>');
|
||||
$("#choiseTable").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseDatabase').trigger('chosen:updated');
|
||||
$('#choiseTable').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseDatabase').on('change', function(e){
|
||||
var dbName = $(this).val();
|
||||
var param = {host: pageConfig.host, dbName: dbName};
|
||||
postService("zyplayer-doc-db/doc-db/getTableList", param, function(result){
|
||||
$('#choiseTable').empty();
|
||||
$("#choiseTable").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var tableName = result.data[i].tableName;
|
||||
$("#choiseTable").append('<option value="'+tableName+'">'+tableName+'</option>');
|
||||
}
|
||||
$('#choiseTable').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseTable').on('change', function(e){
|
||||
getTableColumnList();
|
||||
});
|
||||
$('#tableDescShow .icon-edit').click(function(e){
|
||||
var nowDesc = $("#tableDescShow .table-desc").html();
|
||||
$("#tableDescInput").val((nowDesc == "暂无注释") ? "" : nowDesc);
|
||||
$("#tableDescShow").hide();
|
||||
$("#tableDescInput").show().focus();
|
||||
});
|
||||
$("#tableDescInput").blur(function(){
|
||||
$("#tableDescShow").show();
|
||||
$("#tableDescInput").hide();
|
||||
updateTableDesc();
|
||||
});
|
||||
$("#fuzzySearchBtn").click(function(){
|
||||
$('#fuzzySearchModal').modal({moveable:true, backdrop: 'static'});
|
||||
$('#choiseFuzzyHost').trigger('chosen:updated');
|
||||
});
|
||||
$("#exportBtn").click(function(){
|
||||
$('#exportModal').modal({moveable:true, backdrop: 'static'});
|
||||
});
|
||||
$("#doExport").click(function(){
|
||||
var host = $('#choiseExportHost').val();
|
||||
var dbName = $('#choiseExportDatabase').val();
|
||||
var tableNames = "";
|
||||
$('#exportUl li.checked').text(function(index, value){
|
||||
if(tableNames != "") {tableNames += ",";}
|
||||
tableNames += value;
|
||||
});
|
||||
if(isEmpty(host)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(tableNames)){
|
||||
Toast.warn("请输选择需要导出的表");return;
|
||||
}
|
||||
window.open("zyplayer-doc-db/doc-db/exportDatabase?host="+host
|
||||
+"&dbName="+dbName
|
||||
+"&tableNames="+tableNames);
|
||||
});
|
||||
$("#exportUl").on("click", "li", function(){
|
||||
$(this).toggleClass("checked");
|
||||
});
|
||||
$("#showEchartsBtn").click(function(){
|
||||
$("#tableRelationBox").toggleClass("hide");
|
||||
if($("#tableRelationBox").hasClass("hide")){
|
||||
$(this).text("显示表关系图");
|
||||
} else {
|
||||
$(this).text("隐藏表关系图");
|
||||
tableRelationCharts.resize();
|
||||
}
|
||||
});
|
||||
$("#doSearch").click(function(){
|
||||
fuzzySearchByDesc();
|
||||
});
|
||||
$("#tableCloumnsTable tbody").on("click", ".column-desc", function(event){
|
||||
$(this).find("span").hide();
|
||||
$(this).find(".desc-input").show().focus();
|
||||
}).on("blur", ".column-desc", function(event){
|
||||
var newDesc = $(this).find(".desc-input").val();
|
||||
var columnName = $(this).find(".desc-input").attr("column");
|
||||
var oldDesc = $(this).find("span").text();
|
||||
$(this).find("span").show();
|
||||
$(this).find(".desc-input").hide();
|
||||
if(newDesc != oldDesc){
|
||||
var objThis = this;
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
param.newDesc = newDesc;
|
||||
param.columnName = columnName;
|
||||
postService("zyplayer-doc-db/doc-db/updateTableColumnDesc", param, function(msg){
|
||||
$(objThis).find("span").text(newDesc);
|
||||
});
|
||||
}
|
||||
});
|
||||
initData();
|
||||
});
|
||||
|
||||
function initData(){
|
||||
postService("zyplayer-doc-db/doc-db/getDataSourceList", {}, function(result){
|
||||
$('#choiseHost,#choiseFuzzyHost,#choiseExportHost').empty();
|
||||
if(validateResult(result)) {
|
||||
$("#choiseHost,#choiseFuzzyHost,#choiseExportHost").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
$("#choiseHost,#choiseFuzzyHost,#choiseExportHost").append('<option value="'+result.data[i]+'">'+result.data[i]+'</option>');
|
||||
}
|
||||
}
|
||||
$('#choiseHost').trigger('chosen:updated');
|
||||
$('#choiseFuzzyHost').trigger('chosen:updated');
|
||||
$('#choiseExportHost').trigger('chosen:updated');
|
||||
});
|
||||
tableRelationCharts = echarts.init(document.getElementById('tableRelationCharts'));
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
tableRelationCharts.on('click', function (params) {
|
||||
//console.log(params.data);
|
||||
var dataIndex = params.data.index;
|
||||
var description = params.data.description;
|
||||
// 用户ID，T:user_info.id
|
||||
// 用户ID，T:order_db.user_info.id
|
||||
var indexOf = description.indexOf("T:");
|
||||
if(indexOf < 0) {
|
||||
Toast.warn("该字段未关联表");
|
||||
return;
|
||||
}
|
||||
var dbAndTable = description.substring(indexOf + 2, description.length);
|
||||
var dbNameChoise, tableNameChoise;
|
||||
var tempSplit = dbAndTable.split(".");
|
||||
if(tempSplit.length == 3) {
|
||||
dbNameChoise = tempSplit[0];
|
||||
tableNameChoise = tempSplit[1];
|
||||
} else if(tempSplit.length == 2) {
|
||||
tableNameChoise = tempSplit[0];
|
||||
} else {
|
||||
tableNameChoise = dbAndTable;
|
||||
}
|
||||
var children = findChildren(tableRelationData, dataIndex);
|
||||
if(children != null && children.children.length <= 0) {
|
||||
// 查询表字段
|
||||
var param = getChoiseDbInfo(2);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
if(isNotEmpty(dbNameChoise)){
|
||||
param.dbName = dbNameChoise;
|
||||
}
|
||||
param.tableName = tableNameChoise;
|
||||
postService("zyplayer-doc-db/doc-db/getTableColumnList", param, function(msg){
|
||||
var columnList = msg.data.columnList
|
||||
if(!columnList || columnList.length <= 0) {
|
||||
Toast.warn("未找到该字段关联的表信息");return;
|
||||
}
|
||||
changetableRelationOption(children, columnList);
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
var height = pageConfig.tableRelationDataIndex * 25;
|
||||
$("#tableRelationBox").css("height", height + "px");
|
||||
tableRelationCharts.resize();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function changetableRelationOption(data, columnList){
|
||||
var childrenArr = [];
|
||||
for (var i = 0; i < columnList.length; i++) {
|
||||
var item = columnList[i];
|
||||
var description = getNotEmptyStr(item.description);
|
||||
var indexOf = description.indexOf("T:");
|
||||
var dbAndTable = "";
|
||||
if(indexOf >= 0) {
|
||||
dbAndTable = " " + description.substring(indexOf + 2, description.length);
|
||||
}
|
||||
childrenArr.push({
|
||||
name: item.name + " " + item.type + dbAndTable,
|
||||
children: [],
|
||||
collapsed: false,
|
||||
index: pageConfig.tableRelationDataIndex++,
|
||||
description: getNotEmptyStr(item.description),
|
||||
length: item.length
|
||||
});
|
||||
}
|
||||
data.children = childrenArr;
|
||||
}
|
||||
|
||||
function findChildren(source, dataIndex){
|
||||
var result = null;
|
||||
echarts.util.each(source.children, function (datum, index) {
|
||||
if(result != null) {
|
||||
return;
|
||||
}
|
||||
if(datum.index == dataIndex) {
|
||||
result = datum;
|
||||
} else if(datum.children && datum.children.length > 0) {
|
||||
result = findChildren(datum, dataIndex);
|
||||
}
|
||||
});
|
||||
if(result != null) {
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
function getTableColumnList(){
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
$("#tableDescShow .icon-edit").hide();
|
||||
$("#tableCloumnsTable tbody").empty();
|
||||
$(".table-name").text(param.tableName);
|
||||
$(".table-desc").text("暂无注释");
|
||||
postService("zyplayer-doc-db/doc-db/getTableColumnList", param, function(msg){
|
||||
var columnList = msg.data.columnList
|
||||
for (var i = 0; i < columnList.length; i++) {
|
||||
var item = columnList[i];
|
||||
//var isidentity = isNull(item.isidentity) ? '-' : (1 == item.isidentity ? '是' : '否');
|
||||
$("#tableCloumnsTable tbody").append(
|
||||
'<tr>'
|
||||
+'<td>' + item.name + '</td>'
|
||||
+'<td>' + (1 == item.isidentity ? '是' : '否') + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.type) + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.length) + '</td>'
|
||||
+'<td>' + (1 == item.nullable ? '允许' : '不允许') + '</td>'
|
||||
+'<td>' + ("true" == item.ispramary ? '是' : '否') + '</td>'
|
||||
+'<td class="column-desc"><span>' + getNotEmptyStr(item.description) + '</span>'
|
||||
+'<input type="text" class="desc-input form-control" style="display:none;width: 100%;" column="' + item.name + '" value="' + (isEmpty(item.description)?'':item.description) + '">'
|
||||
+'</tr>'
|
||||
);
|
||||
}
|
||||
var tableInfo = msg.data.tableInfo;
|
||||
if (!!tableInfo && isNotEmpty(tableInfo.description)) {
|
||||
$(".table-desc").text(getNotEmptyStr(tableInfo.description));
|
||||
}
|
||||
$("#tableDescShow .icon-edit").show();
|
||||
pageConfig.tableRelationDataIndex = 0;
|
||||
changetableRelationOption(tableRelationData, columnList);
|
||||
tableRelationData.name = tableInfo.tableName;
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
var height = pageConfig.tableRelationDataIndex * 25;
|
||||
$("#tableRelationBox").css("height", height + "px");
|
||||
tableRelationCharts.resize();
|
||||
});
|
||||
}
|
||||
|
||||
function updateTableDesc(){
|
||||
var tableDescInput = $("#tableDescInput").val();
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
param.newDesc = tableDescInput;
|
||||
postService("zyplayer-doc-db/doc-db/updateTableDesc", param, function(msg){
|
||||
$("#tableDescShow .table-desc").text(tableDescInput);
|
||||
});
|
||||
}
|
||||
|
||||
function getChoiseDbInfo(type) {
|
||||
var host = $("#choiseHost").val();
|
||||
var dbName = $("#choiseDatabase").val();
|
||||
var tableName = $("#choiseTable").val();
|
||||
if(type >= 1 && isEmpty(host)){
|
||||
Toast.warn("请先选择连接");return null;
|
||||
}
|
||||
if(type >= 2 && isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return null;
|
||||
}
|
||||
if(type >= 3 && isEmpty(tableName)){
|
||||
Toast.warn("请先选择表名");return null;
|
||||
}
|
||||
return {host: host, dbName: dbName, tableName: tableName};
|
||||
}
|
||||
|
||||
function fuzzySearchByDesc(){
|
||||
var host = $("#choiseFuzzyHost").val();
|
||||
var dbName = $("#choiseFuzzyDatabase").val();
|
||||
var searchText = $("#searchText").val();
|
||||
if(isEmpty(host)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(searchText)){
|
||||
Toast.warn("请输入模糊匹配的内容");return;
|
||||
}
|
||||
$("#doSearch .icon").removeClass("hidden");
|
||||
var param = {host: host, dbName: dbName, searchText: searchText};
|
||||
postService("zyplayer-doc-db/doc-db/getTableAndColumnBySearch", param, function(msg){
|
||||
$("#fuzzySearchTable tbody").empty();
|
||||
for (var i = 0; i < msg.data.length; i++) {
|
||||
var item = msg.data[i];
|
||||
$("#fuzzySearchTable tbody").append(
|
||||
'<tr>'
|
||||
+'<td>' + item.tableName + '</td>'
|
||||
+'<td>' + item.columnName + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.description) + '</td>'
|
||||
+'</tr>'
|
||||
);
|
||||
}
|
||||
$('#fuzzySearchModal').modal('ajustPosition', 'fit');
|
||||
}, function(){
|
||||
$("#doSearch .icon").addClass("hidden");
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
var pageConfig = {
|
||||
host: '',
|
||||
tableRelationDataIndex: 0,
|
||||
}
|
||||
|
||||
// 表关系图表
|
||||
var tableRelationCharts;
|
||||
|
||||
$(document).ready(function(){
|
||||
$('select.chosen-select').chosen({
|
||||
no_results_text: '没有找到', // 当检索时没有找到匹配项时显示的提示文本
|
||||
disable_search_threshold: 0, // 10 个以下的选择项则不显示检索框
|
||||
search_contains: true, // 从任意位置开始检索
|
||||
width: '100%'
|
||||
});
|
||||
$('#checkAllTable').click(function(e){
|
||||
$("#exportUl li").addClass("checked");
|
||||
});
|
||||
$('#notCheckAllTable').click(function(e){
|
||||
$("#exportUl li").removeClass("checked");
|
||||
});
|
||||
$('#choiseExportDatabase').on('change', function(e){
|
||||
var host = $('#choiseExportHost').val();
|
||||
var dbName = $('#choiseExportDatabase').val();
|
||||
postService("zyplayer-doc-db/doc-db/getTableList", {host: host, dbName: dbName}, function(result){
|
||||
$('#exportUl').empty();
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
$("#exportUl").append('<li>'+result.data[i].tableName+'</li>');
|
||||
}
|
||||
$('#exportModal').modal('ajustPosition', 'fit');
|
||||
});
|
||||
});
|
||||
$('#choiseExportHost').on('change', function(e){
|
||||
var host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: host}, function(result){
|
||||
$('#choiseExportDatabase').empty();
|
||||
$("#choiseExportDatabase").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseExportDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseExportDatabase').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseFuzzyHost').on('change', function(e){
|
||||
var host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: host}, function(result){
|
||||
$('#choiseFuzzyDatabase').empty();
|
||||
$("#choiseFuzzyDatabase").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseFuzzyDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseFuzzyDatabase').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseHost').on('change', function(e){
|
||||
pageConfig.host = $(this).val();
|
||||
postService("zyplayer-doc-db/doc-db/getDatabaseList", {host: pageConfig.host}, function(result){
|
||||
$('#choiseDatabase').empty();
|
||||
$('#choiseTable').empty();
|
||||
$("#choiseDatabase").append('<option value=""></option>');
|
||||
$("#choiseTable").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var dbName = result.data[i].dbName;
|
||||
$("#choiseDatabase").append('<option value="'+dbName+'">'+dbName+'</option>');
|
||||
}
|
||||
$('#choiseDatabase').trigger('chosen:updated');
|
||||
$('#choiseTable').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseDatabase').on('change', function(e){
|
||||
var dbName = $(this).val();
|
||||
var param = {host: pageConfig.host, dbName: dbName};
|
||||
postService("zyplayer-doc-db/doc-db/getTableList", param, function(result){
|
||||
$('#choiseTable').empty();
|
||||
$("#choiseTable").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
var tableName = result.data[i].tableName;
|
||||
$("#choiseTable").append('<option value="'+tableName+'">'+tableName+'</option>');
|
||||
}
|
||||
$('#choiseTable').trigger('chosen:updated');
|
||||
});
|
||||
});
|
||||
$('#choiseTable').on('change', function(e){
|
||||
getTableColumnList();
|
||||
});
|
||||
$('#tableDescShow .icon-edit').click(function(e){
|
||||
var nowDesc = $("#tableDescShow .table-desc").html();
|
||||
$("#tableDescInput").val((nowDesc == "暂无注释") ? "" : nowDesc);
|
||||
$("#tableDescShow").hide();
|
||||
$("#tableDescInput").show().focus();
|
||||
});
|
||||
$("#tableDescInput").blur(function(){
|
||||
$("#tableDescShow").show();
|
||||
$("#tableDescInput").hide();
|
||||
updateTableDesc();
|
||||
});
|
||||
$("#fuzzySearchBtn").click(function(){
|
||||
$('#fuzzySearchModal').modal({moveable:true, backdrop: 'static'});
|
||||
$('#choiseFuzzyHost').trigger('chosen:updated');
|
||||
});
|
||||
$("#exportBtn").click(function(){
|
||||
$('#exportModal').modal({moveable:true, backdrop: 'static'});
|
||||
});
|
||||
$("#doExport").click(function(){
|
||||
var host = $('#choiseExportHost').val();
|
||||
var dbName = $('#choiseExportDatabase').val();
|
||||
var tableNames = "";
|
||||
$('#exportUl li.checked').text(function(index, value){
|
||||
if(tableNames != "") {tableNames += ",";}
|
||||
tableNames += value;
|
||||
});
|
||||
if(isEmpty(host)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(tableNames)){
|
||||
Toast.warn("请输选择需要导出的表");return;
|
||||
}
|
||||
window.open("zyplayer-doc-db/doc-db/exportDatabase?host="+host
|
||||
+"&dbName="+dbName
|
||||
+"&tableNames="+tableNames);
|
||||
});
|
||||
$("#exportUl").on("click", "li", function(){
|
||||
$(this).toggleClass("checked");
|
||||
});
|
||||
$("#showEchartsBtn").click(function(){
|
||||
$("#tableRelationBox").toggleClass("hide");
|
||||
if($("#tableRelationBox").hasClass("hide")){
|
||||
$(this).text("显示表关系图");
|
||||
} else {
|
||||
$(this).text("隐藏表关系图");
|
||||
tableRelationCharts.resize();
|
||||
}
|
||||
});
|
||||
$("#doSearch").click(function(){
|
||||
fuzzySearchByDesc();
|
||||
});
|
||||
$("#aboutBtn").click(function(){
|
||||
$('#aboutModal').modal({moveable:true, backdrop: 'static'});
|
||||
});
|
||||
$("#tableCloumnsTable tbody").on("click", ".column-desc", function(event){
|
||||
$(this).find("span").hide();
|
||||
$(this).find(".desc-input").show().focus();
|
||||
}).on("blur", ".column-desc", function(event){
|
||||
var newDesc = $(this).find(".desc-input").val();
|
||||
var columnName = $(this).find(".desc-input").attr("column");
|
||||
var oldDesc = $(this).find("span").text();
|
||||
$(this).find("span").show();
|
||||
$(this).find(".desc-input").hide();
|
||||
if(newDesc != oldDesc){
|
||||
var objThis = this;
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
param.newDesc = newDesc;
|
||||
param.columnName = columnName;
|
||||
postService("zyplayer-doc-db/doc-db/updateTableColumnDesc", param, function(msg){
|
||||
$(objThis).find("span").text(newDesc);
|
||||
});
|
||||
}
|
||||
});
|
||||
initData();
|
||||
});
|
||||
|
||||
function initData(){
|
||||
postService("zyplayer-doc-db/doc-db/getDataSourceList", {}, function(result){
|
||||
$('#choiseHost,#choiseFuzzyHost,#choiseExportHost').empty();
|
||||
if(validateResult(result)) {
|
||||
$("#choiseHost,#choiseFuzzyHost,#choiseExportHost").append('<option value=""></option>');
|
||||
for (var i = 0; i < result.data.length; i++) {
|
||||
$("#choiseHost,#choiseFuzzyHost,#choiseExportHost").append('<option value="'+result.data[i]+'">'+result.data[i]+'</option>');
|
||||
}
|
||||
}
|
||||
$('#choiseHost').trigger('chosen:updated');
|
||||
$('#choiseFuzzyHost').trigger('chosen:updated');
|
||||
$('#choiseExportHost').trigger('chosen:updated');
|
||||
});
|
||||
tableRelationCharts = echarts.init(document.getElementById('tableRelationCharts'));
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
tableRelationCharts.on('click', function (params) {
|
||||
//console.log(params.data);
|
||||
var dataIndex = params.data.index;
|
||||
var description = params.data.description;
|
||||
// 用户ID，T:user_info.id
|
||||
// 用户ID，T:order_db.user_info.id
|
||||
var indexOf = description.indexOf("T:");
|
||||
if(indexOf < 0) {
|
||||
Toast.warn("该字段未关联表");
|
||||
return;
|
||||
}
|
||||
var dbAndTable = description.substring(indexOf + 2, description.length);
|
||||
var dbNameChoise, tableNameChoise;
|
||||
var tempSplit = dbAndTable.split(".");
|
||||
if(tempSplit.length == 3) {
|
||||
dbNameChoise = tempSplit[0];
|
||||
tableNameChoise = tempSplit[1];
|
||||
} else if(tempSplit.length == 2) {
|
||||
tableNameChoise = tempSplit[0];
|
||||
} else {
|
||||
tableNameChoise = dbAndTable;
|
||||
}
|
||||
var children = findChildren(tableRelationData, dataIndex);
|
||||
if(children != null && children.children.length <= 0) {
|
||||
// 查询表字段
|
||||
var param = getChoiseDbInfo(2);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
if(isNotEmpty(dbNameChoise)){
|
||||
param.dbName = dbNameChoise;
|
||||
}
|
||||
param.tableName = tableNameChoise;
|
||||
postService("zyplayer-doc-db/doc-db/getTableColumnList", param, function(msg){
|
||||
var columnList = msg.data.columnList
|
||||
if(!columnList || columnList.length <= 0) {
|
||||
Toast.warn("未找到该字段关联的表信息");return;
|
||||
}
|
||||
changetableRelationOption(children, columnList);
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
var height = pageConfig.tableRelationDataIndex * 25;
|
||||
$("#tableRelationBox").css("height", height + "px");
|
||||
tableRelationCharts.resize();
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function changetableRelationOption(data, columnList){
|
||||
var childrenArr = [];
|
||||
for (var i = 0; i < columnList.length; i++) {
|
||||
var item = columnList[i];
|
||||
var description = getNotEmptyStr(item.description);
|
||||
var indexOf = description.indexOf("T:");
|
||||
var dbAndTable = "";
|
||||
if(indexOf >= 0) {
|
||||
dbAndTable = " " + description.substring(indexOf + 2, description.length);
|
||||
}
|
||||
childrenArr.push({
|
||||
name: item.name + " " + item.type + dbAndTable,
|
||||
children: [],
|
||||
collapsed: false,
|
||||
index: pageConfig.tableRelationDataIndex++,
|
||||
description: getNotEmptyStr(item.description),
|
||||
length: item.length
|
||||
});
|
||||
}
|
||||
data.children = childrenArr;
|
||||
}
|
||||
|
||||
function findChildren(source, dataIndex){
|
||||
var result = null;
|
||||
echarts.util.each(source.children, function (datum, index) {
|
||||
if(result != null) {
|
||||
return;
|
||||
}
|
||||
if(datum.index == dataIndex) {
|
||||
result = datum;
|
||||
} else if(datum.children && datum.children.length > 0) {
|
||||
result = findChildren(datum, dataIndex);
|
||||
}
|
||||
});
|
||||
if(result != null) {
|
||||
return result;
|
||||
}
|
||||
}
|
||||
|
||||
function getTableColumnList(){
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
$("#tableDescShow .icon-edit").hide();
|
||||
$("#tableCloumnsTable tbody").empty();
|
||||
$(".table-name").text(param.tableName);
|
||||
$(".table-desc").text("暂无注释");
|
||||
postService("zyplayer-doc-db/doc-db/getTableColumnList", param, function(msg){
|
||||
var columnList = msg.data.columnList
|
||||
for (var i = 0; i < columnList.length; i++) {
|
||||
var item = columnList[i];
|
||||
//var isidentity = isNull(item.isidentity) ? '-' : (1 == item.isidentity ? '是' : '否');
|
||||
$("#tableCloumnsTable tbody").append(
|
||||
'<tr>'
|
||||
+'<td>' + item.name + '</td>'
|
||||
+'<td>' + (1 == item.isidentity ? '是' : '否') + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.type) + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.length) + '</td>'
|
||||
+'<td>' + (1 == item.nullable ? '允许' : '不允许') + '</td>'
|
||||
+'<td>' + ("true" == item.ispramary ? '是' : '否') + '</td>'
|
||||
+'<td class="column-desc"><span>' + getNotEmptyStr(item.description) + '</span>'
|
||||
+'<input type="text" class="desc-input form-control" style="display:none;width: 100%;" column="' + item.name + '" value="' + (isEmpty(item.description)?'':item.description) + '">'
|
||||
+'</tr>'
|
||||
);
|
||||
}
|
||||
var tableInfo = msg.data.tableInfo;
|
||||
if (!!tableInfo && isNotEmpty(tableInfo.description)) {
|
||||
$(".table-desc").text(getNotEmptyStr(tableInfo.description));
|
||||
}
|
||||
$("#tableDescShow .icon-edit").show();
|
||||
pageConfig.tableRelationDataIndex = 0;
|
||||
changetableRelationOption(tableRelationData, columnList);
|
||||
tableRelationData.name = tableInfo.tableName;
|
||||
tableRelationCharts.setOption(tableRelationOption);
|
||||
var height = pageConfig.tableRelationDataIndex * 25;
|
||||
$("#tableRelationBox").css("height", height + "px");
|
||||
tableRelationCharts.resize();
|
||||
});
|
||||
}
|
||||
|
||||
function updateTableDesc(){
|
||||
var tableDescInput = $("#tableDescInput").val();
|
||||
var param = getChoiseDbInfo(3);
|
||||
if(param == null){
|
||||
return;
|
||||
}
|
||||
param.newDesc = tableDescInput;
|
||||
postService("zyplayer-doc-db/doc-db/updateTableDesc", param, function(msg){
|
||||
$("#tableDescShow .table-desc").text(tableDescInput);
|
||||
});
|
||||
}
|
||||
|
||||
function getChoiseDbInfo(type) {
|
||||
var host = $("#choiseHost").val();
|
||||
var dbName = $("#choiseDatabase").val();
|
||||
var tableName = $("#choiseTable").val();
|
||||
if(type >= 1 && isEmpty(host)){
|
||||
Toast.warn("请先选择连接");return null;
|
||||
}
|
||||
if(type >= 2 && isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return null;
|
||||
}
|
||||
if(type >= 3 && isEmpty(tableName)){
|
||||
Toast.warn("请先选择表名");return null;
|
||||
}
|
||||
return {host: host, dbName: dbName, tableName: tableName};
|
||||
}
|
||||
|
||||
function fuzzySearchByDesc(){
|
||||
var host = $("#choiseFuzzyHost").val();
|
||||
var dbName = $("#choiseFuzzyDatabase").val();
|
||||
var searchText = $("#searchText").val();
|
||||
if(isEmpty(host)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(dbName)){
|
||||
Toast.warn("请先选择库名");return;
|
||||
}
|
||||
if(isEmpty(searchText)){
|
||||
Toast.warn("请输入模糊匹配的内容");return;
|
||||
}
|
||||
$("#doSearch .icon").removeClass("hidden");
|
||||
var param = {host: host, dbName: dbName, searchText: searchText};
|
||||
postService("zyplayer-doc-db/doc-db/getTableAndColumnBySearch", param, function(msg){
|
||||
$("#fuzzySearchTable tbody").empty();
|
||||
for (var i = 0; i < msg.data.length; i++) {
|
||||
var item = msg.data[i];
|
||||
$("#fuzzySearchTable tbody").append(
|
||||
'<tr>'
|
||||
+'<td>' + item.tableName + '</td>'
|
||||
+'<td>' + item.columnName + '</td>'
|
||||
+'<td>' + getNotEmptyStr(item.description) + '</td>'
|
||||
+'</tr>'
|
||||
);
|
||||
}
|
||||
$('#fuzzySearchModal').modal('ajustPosition', 'fit');
|
||||
}, function(){
|
||||
$("#doSearch .icon").addClass("hidden");
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user