可以在线修改数据库配置

web/views/@default/settings/database/@menu.html

@@ -0,0 +1,5 @@
+<first-menu>
+	<menu-item href="/settings/database" code="index">详情</menu-item>
+	<menu-item href="/settings/database/update" code="update">修改</menu-item>
+</first-menu>
+<div class="margin"></div>

web/views/@default/settings/database/index.html

@@ -1,3 +1,38 @@
 {$layout}
+{$template "menu"}
 
-<p class="comment">此功能暂未开放，敬请期待。</p>
+<p class="ui message error" v-if="error.length > 0">{{error}}</p>
+<div v-show="error.length == 0 && dbConfig != null">
+	<table class="ui table selectable definition">
+		<tr>
+			<td class="title">主机地址</td>
+			<td>{{dbConfig.host}}</td>
+		</tr>
+		<tr>
+			<td>数据库端口</td>
+			<td>{{dbConfig.port}}</td>
+		</tr>
+		<tr>
+			<td>数据库名称</td>
+			<td>{{dbConfig.database}}</td>
+		</tr>
+		<tr>
+			<td>用户名</td>
+			<td>
+				<span v-if="dbConfig.username.length > 0">{{dbConfig.username}}</span>
+				<span v-else class="disabled">不使用用户名。</span>
+			</td>
+		</tr>
+		<tr>
+			<td>密码</td>
+			<td>
+				<span v-if="dbConfig.password.length > 0">{{dbConfig.password}}</span>
+				<span v-else class="disabled">不使用密码。</span>
+			</td>
+		</tr>
+	</table>
+</div>
+
+<div class="ui message tiny">
+	<p>在这里可以设置API节点可以使用的数据库。</p>
+</div>

web/views/@default/settings/database/update.html

@@ -0,0 +1,44 @@
+{$layout}
+{$template "menu"}
+
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+	<table class="ui table selectable definition">
+		<tr>
+			<td class="title">主机地址 *</td>
+			<td>
+				<input type="text" name="host" v-model="dbConfig.host" maxlength="100"/>
+			</td>
+		</tr>
+		<tr>
+			<td>数据库端口 *</td>
+			<td>
+				<input type="text" name="port" style="width:6em" v-model="dbConfig.port" maxlength="5"/>
+			</td>
+		</tr>
+		<tr>
+			<td>数据库名称 *</td>
+			<td>
+				<input type="text" name="database" maxlength="100" v-model="dbConfig.database"/>
+			</td>
+		</tr>
+		<tr>
+			<td>用户名 *</td>
+			<td>
+				<input type="text" name="username" maxlength="100" v-model="dbConfig.username"/>
+				<p class="comment">用来连接数据库的用户名。</p>
+			</td>
+		</tr>
+		<tr>
+			<td>密码</td>
+			<td>
+				<input type="password" name="password" maxlength="100" v-model="dbConfig.password"/>
+				<p class="comment">用来连接数据库的密码。</p>
+			</td>
+		</tr>
+	</table>
+	<submit-btn></submit-btn>
+</form>
+
+<div class="ui message small warning">
+	<p>修改数据库配置后需要重新配置API节点。</p>
+</div>

web/views/@default/settings/database/update.js

@@ -0,0 +1,3 @@
+Tea.context(function () {
+	this.success = NotifySuccess("保存成功", "/settings/database")
+})