177 lines
8.3 KiB
Plaintext
177 lines
8.3 KiB
Plaintext
<!--
|
|
/*
|
|
* @Copyright (c) 2018 缪聪(mcg-helper@qq.com)
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
-->
|
|
|
|
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
|
|
<div class="container-fluid" >
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li role="presentation" class="active"><a href="#${modalId }_dataField" data-toggle="tab">关联表</a></li>
|
|
<li role="presentation"><a href="#${modalId }_dataProperty" data-toggle="tab">属性</a></li>
|
|
<li role="presentation"><a href="#${modalId }_dataExplain" data-toggle="tab">说明</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row margin_top">
|
|
<div class="col-md-12">
|
|
<form id="${modalId }_dataForm" class="form-horizontal" role="form">
|
|
<div class="form-body">
|
|
<div id="myTabContent" class="tab-content">
|
|
<div class="tab-pane fade in active" id="${modalId }_dataField">
|
|
<div id="${modalId }_toolbar" class="form-group" style="width:580px;">
|
|
<label class="col-sm-2 control-label">选择数据源</label>
|
|
<div class="col-sm-4">
|
|
<div class="fg-line">
|
|
<select id="${modalId }_dataSourceId" name="dataField[dataSourceId]" class="selectpicker">
|
|
<option value="">请选择</option>
|
|
<c:forEach items="${mcgDataSources}" var="item">
|
|
<option value="${item.dataSourceId }">${item.name }</option>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<label class="col-sm-2 control-label">选择表</label>
|
|
<div class="col-sm-4">
|
|
<div class="fg-line">
|
|
<select id="${modalId }_tableNameSelect" name="dataField[tableName]" class="selectpicker">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table id="${modalId }_flowDataTable"
|
|
data-toolbar="#${modalId }_toolbar"
|
|
data-toolbar-align="left"
|
|
data-toggle="table"
|
|
data-height="420"
|
|
data-show-columns="true"
|
|
data-search="true"
|
|
data-pagination="true"
|
|
data-page-size="5"
|
|
data-page-list="[5,10,20,30]"
|
|
data-pagination-first-text="上一页"
|
|
data-pagination-pre-text="上一页"
|
|
data-pagination-next-text="下一页"
|
|
data-pagination-last-text="尾页">
|
|
<thead>
|
|
<tr>
|
|
<th data-field="state" data-checkbox="true"></th>
|
|
<th data-field="comment" data-formatter="inputFormatter">说明</th>
|
|
<th data-field="classField" data-formatter="inputFormatter">类字段名称</th>
|
|
<th data-field="dataType" data-formatter="inputFormatter">程序类型</th>
|
|
<th data-field="tableField" data-formatter="inputFormatter">表字段名称</th>
|
|
<th data-field="include" data-formatter="inputFormatter">导入类</th>
|
|
<th data-field="tableFieldType" data-formatter="inputFormatter">表字段类型</th>
|
|
<th data-field="length" data-formatter="inputFormatter">长度</th>
|
|
<th data-field="precision" data-formatter="inputFormatter">精度</th>
|
|
<th data-field="primary" data-formatter="checkboxFormatter">主键</th>
|
|
<th data-field="autoincrement" data-formatter="checkboxFormatter">递增</th>
|
|
<th data-field="mandatory" data-formatter="checkboxFormatter">非空</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="tab-pane fade" id="${modalId }_dataProperty">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">控件名称</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<input type="hidden" id="${modalId }_id" name="id" value="${modalId }" />
|
|
<input type="hidden" id="${modalId }_dataId" name="id" value="${modalId }" />
|
|
<input type="text" id="${modalId }_name" name="dataProperty[name]" class="form-control" placeholder="请输入控件名称" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">控件KEY</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<input type="text" id="${modalId }_key" name="dataProperty[key]" class="form-control" placeholder="请输入KEY" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">表名</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<input type="text" id="${modalId }_tableName" name="dataProperty[tableName]" class="form-control" placeholder="请输入表名称" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">类名</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<input type="text" id="${modalId }_className" name="dataProperty[className]" class="form-control" placeholder="请输入类名称" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">包名</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<input type="text" id="${modalId }_packageName" name="dataProperty[packageName]" class="form-control" placeholder="请输入包名称" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">描述</label>
|
|
<div class="col-sm-9">
|
|
<div class="fg-line">
|
|
<textarea id="${modalId }_dataDesc" name="dataProperty[dataDesc]" rows="1" cols="" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="${modalId }_dataExplain">
|
|
<div class="form-group">
|
|
<div class="col-sm-12">
|
|
<div class="fg-line">
|
|
读取数据库单表数据，解析表结构并转换为数据对象，便于在其它控件中使用其数据，流程中运行值如下：<br/>
|
|
<pre>
|
|
{
|
|
"控件key":{
|
|
"record":[
|
|
{
|
|
"autoincrement":"是否自增, boolean类型", "classField":"程序变量名, String类型", "comment":"字段说明, String类型",
|
|
"dataType":"程序类型, Integer类型", "include":"导入类型, String类型", "length":"数据库长度, Integer类型",
|
|
"mandatory":"是否非空, boolean类型", "precision":"字段的小数位精度, Integer类型", "primary":"是否为主键, boolean类型",
|
|
"show":"是否显示, boolean类型", "tableField":"表字段名称, String类型", "tableFieldType":"表字段类型, String类型"
|
|
},
|
|
......
|
|
],
|
|
"property":{
|
|
"className":"类名, String类型", "key":"控件key, String类型", "dataDesc":"控件描述, String类型",
|
|
"name":"控件名称, String类型", "packageName":"包名, String类型", "tableName":"表名, String类型"
|
|
}
|
|
}
|
|
}
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> |