This commit is contained in:
j 2024-10-23 17:47:51 +08:00
parent a0bcfd3549
commit acd1ba411e
4 changed files with 42 additions and 9 deletions

18
http/demo.http Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -3,9 +3,9 @@
<head>
<meta charset="UTF-8" />
<title>Data lineage view</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link rel="stylesheet" href="bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<script src="jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script src="sqlflow.widget.3.5.19.js"></script>
<script src="samplesql.js"></script>
<script>
@ -58,7 +58,9 @@
dataType : 'json',
contentType : 'application/json;charset=UTF-8',
success : function(result) {
console.log(result.data)
let data = JSON.parse(result.data);
console.log(data)
sqlflow.visualizeJSON(data, { layout: true });
}
});
@ -91,7 +93,7 @@
sqlflow = await SQLFlow.init({
container: document.getElementById('sqlflow'),
width: '100%',
height: '100%',
height: 'calc(100% - 50px)',
apiPrefix: '',
component: {
sqlEditor: true,
@ -108,6 +110,7 @@
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
.full {
height: 100%;
@ -165,8 +168,8 @@
</button>
<button type="button" class="btn btn-primary" style="margin-left: 8px" onclick="visualize()">visualize data lineage</button>
<button type="button" class="btn btn-success" style="margin-left: 8px" onclick="visualizeER()">visualize ER diagram</button>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md">帮助</a></span>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md">Help</a></span>
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md">帮助</a></span>-->
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md">Help</a></span>-->
</form>
<div id="sqlflow"></div>
</div>
@ -178,8 +181,8 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<span class="h4 modal-title" id="settingModalLabel">Setting</span>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md#note2">帮助</a></span>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md#note2">Help</a></span>
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md#note2">帮助</a></span>-->
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md#note2">Help</a></span>-->
</div>
<div class="modal-body" style="font-size: 16px">
<div class="form-group">
@ -225,8 +228,8 @@
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<span class="h4 modal-title" id="showResultSetTypesModalLabel">Show ResultSet Types</span>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md#note3">帮助</a></span>
<span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md#note3">Help</a></span>
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README_cn.md#note3">帮助</a></span>-->
<!-- <span style="float: right; margin-right: 8px"><a target="_blank" href="https://github.com/sqlparser/java_data_lineage/blob/main/README.md#note3">Help</a></span>-->
</div>
<div class="modal-body" style="font-size: 16px">
<div class="form-group">