sql连接器升级

Signed-off-by: AE86 <836391306@qq.com>

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

@@ -20,9 +20,9 @@ dbsyncer.parser.flush.buffer.actuator.queue-capacity=100000
 dbsyncer.parser.flush.buffer.actuator.period-millisecond=300
 
 #plugin
-dbsyncer.plugin.notify.mail.enabled=true
-dbsyncer.plugin.notify.mail.username=836391306@qq.com
-dbsyncer.plugin.notify.mail.password=wqosskohcvmlbbig
+dbsyncer.plugin.notify.mail.enabled=false
+dbsyncer.plugin.notify.mail.username=your mail username
+dbsyncer.plugin.notify.mail.password=your mail authorization code
 
 #storage
 dbsyncer.storage.binlog.recorder.batch-count=3000
@@ -30,8 +30,8 @@ dbsyncer.storage.binlog.recorder.max-processing-seconds=120
 dbsyncer.storage.binlog.recorder.queue-capacity=10000
 dbsyncer.storage.binlog.recorder.writer-period-millisecond=500
 dbsyncer.storage.binlog.recorder.reader-period-millisecond=2000
-dbsyncer.storage.support.mysql.enabled=true
-dbsyncer.storage.support.mysql.config.url=jdbc:mysql://127.0.0.1:3305/dbsyncer?rewriteBatchedStatements=true&seUnicode=true&characterEncoding=UTF8&serverTimezone=Asia/Shanghai&useSSL=false&verifyServerCertificate=false
+dbsyncer.storage.support.mysql.enabled=false
+dbsyncer.storage.support.mysql.config.url=jdbc:mysql://127.0.0.1:3306/dbsyncer?rewriteBatchedStatements=true&seUnicode=true&characterEncoding=UTF8&serverTimezone=Asia/Shanghai&useSSL=false&verifyServerCertificate=false
 dbsyncer.storage.support.mysql.config.username=root
 dbsyncer.storage.support.mysql.config.password=123
 

dbsyncer-web/src/main/resources/public/connector/addDqlMysql.html

@@ -14,28 +14,6 @@
                    th:value="${connector?.config?.password}"/>
         </div>
     </div>
-    <div class="form-group">
-        <label class="col-sm-2 control-label">SQL <strong class="driverVerifcateRequired">*</strong></label>
-        <div class="col-sm-10">
-            <textarea name="sql" class="sql form-control" maxlength="8192" dbsyncer-valid="require" rows="10"
-                      th:text="${connector?.config?.sqlTables[0]?.sql}?:'SELECT T1.* FROM USER T1'"></textarea>
-        </div>
-    </div>
-    <div class="form-group">
-        <div class="col-sm-6"></div>
-        <div class="col-sm-6 text-right">
-            <a href="javascript:beautifySql();"><span class="fa fa-magic fa-1x fa-flip-horizontal dbsyncer_pointer"
-                                                      title="美化SQL"></span>美化SQL</a>
-        </div>
-    </div>
-    <div class="form-group">
-        <label class="col-sm-2 control-label">主表 <strong class="driverVerifcateRequired">*</strong></label>
-        <div class="col-sm-4">
-            <input class="form-control" name="table" type="text" maxlength="32" dbsyncer-valid="require"
-                   placeholder="USER" th:value="${connector?.config?.sqlTables[0]?.table}"/>
-        </div>
-        <div class="col-sm-6"></div>
-    </div>
     <div class="form-group">
         <label class="col-sm-2 control-label">URL <strong class="driverVerifcateRequired">*</strong></label>
         <div class="col-sm-10">
@@ -45,6 +23,76 @@
         </div>
     </div>
 
+    <!-- SQL配置__开始 -->
+    <div class="sqlTableList" th:with="sqlTableList=${connector?.config?.sqlTables}">
+        <!-- 已添加的SQL配置 -->
+        <div class="form-group">
+            <label class="col-sm-2 control-label">SQL表</label>
+            <div class="col-sm-10">
+                <select id="sqlTableSelect" name="sqlTableSelect" class="form-control select-control">
+                    <option th:each="sqlTable,state:${sqlTableList}" th:value="${sqlTable?.sql}" th:text="${sqlTable?.table}" />
+                </select>
+            </div>
+        </div>
+
+        <!-- 默认配置_开始 -->
+        <div th:if="${#lists.isEmpty(sqlTableList)}">
+            <div class="form-group">
+                <label class="col-sm-2 control-label">主表</label>
+                <div class="col-sm-4">
+                    <input class="form-control" name="table" type="text" maxlength="32" th:value="USER"/>
+                </div>
+                <div class="col-sm-6 text-right">
+                    <button id="addSqlTableBtn" type="button" class="btn btn-primary">
+                        <span class="fa fa-plus"></span>添加(0)
+                    </button>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="col-sm-2 control-label">SQL</label>
+                <div class="col-sm-10">
+                    <textarea name="sql" class="sql form-control dbsyncer_textarea_resize_none" maxlength="8192" rows="10">SELECT T1.* FROM USER T1</textarea>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-sm-6"></div>
+                <div class="col-sm-6 text-right">
+                    <a href="javascript:beautifySql();"><span class="fa fa-magic fa-1x fa-flip-horizontal dbsyncer_pointer"
+                                                              title="美化SQL"></span>美化SQL</a>
+                </div>
+            </div>
+        </div>
+
+        <!-- 渲染配置_开始 -->
+        <div th:if="${not #lists.isEmpty(sqlTableList)}" th:each="sqlTable,state : ${sqlTableList}">
+            <div class="form-group">
+                <label class="col-sm-2 control-label">主表</label>
+                <div class="col-sm-4">
+                    <input class="form-control" name="table" type="text" maxlength="32" th:value="${sqlTable?.table}"/>
+                </div>
+                <div class="col-sm-6 text-right">
+                    <button id="addSqlTableBtn" type="button" class="btn btn-primary">
+                        <span class="fa fa-plus"></span>添加([[${sqlTableList?.size()} ?: 0]])
+                    </button>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="col-sm-2 control-label">SQL</label>
+                <div class="col-sm-10">
+                    <textarea name="sql" class="sql form-control dbsyncer_textarea_resize_none" maxlength="8192" rows="10" th:text="${sqlTable?.sql}"></textarea>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="col-sm-6"></div>
+                <div class="col-sm-6 text-right">
+                    <a href="javascript:beautifySql();"><span class="fa fa-magic fa-1x fa-flip-horizontal dbsyncer_pointer"
+                                                              title="美化SQL"></span>美化SQL</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- SQL配置__结束 -->
+
     <script type="text/javascript">
         $(function () {
             // 初始化select插件