实现数据库节点管理

web/views/@default/db/createPopup.html

@@ -0,0 +1,71 @@
+{$layout "layout_popup"}
+
+<h3>添加节点</h3>
+
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+	<table class="ui table definition selectable">
+		<tr>
+			<td class="title">节点名称 *</td>
+			<td>
+				<input type="text" name="name" maxlength="100" ref="focus"/>
+				<p class="comment">给节点起一个容易识别的名称。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>主机地址<em>（Host）</em> *</td>
+			<td>
+				<input type="text" name="host" placeholder="" maxlength="100"/>
+				<p class="comment">连接数据库的主机地址，通常是域名或者IP。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>数据库端口<em>（Port）</em> *</td>
+			<td>
+				<input type="text" name="port" value="3306" maxlength="5" style="width:6em"/>
+				<p class="comment">连接数据库的端口。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>数据库名称<em>（Database）</em> *</td>
+			<td>
+				<input type="text" name="database" value="" maxlength="100" placeholder="比如 edge_logs"/>
+				<p class="comment">要写入日志的数据库名称，需要有创建新表和读写数据的权限。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>用户名<em>（Username）</em> *</td>
+			<td>
+				<input type="text" name="username" value=""/>
+				<p class="comment">连接数据库的用户名。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>密码<em>（Password）</em></td>
+			<td>
+				<input type="password" name="password" value=""/>
+				<p class="comment">连接数据库的密码。</p>
+			</td>
+		</tr>
+		<tr>
+			<td colspan="2"><more-options-indicator></more-options-indicator></td>
+		</tr>
+		<tbody v-show="moreOptionsVisible">
+			<tr>
+				<td>详细描述</td>
+				<td>
+					<textarea rows="3" name="description"></textarea>
+				</td>
+			</tr>
+			<tr>
+				<td>是否启用</td>
+				<td>
+					<div class="ui checkbox">
+						<input type="checkbox" name="isOn" value="1" checked="checked"/>
+						<label></label>
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</table>
+	<submit-btn></submit-btn>
+</form>