<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>install</title>
<style type="text/css">
input {
	width: 380px;
}

.box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1;
	padding: 10px;
}

.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;
}

div #footer .you {
	float: right;
}
</style>
<script type="text/javascript"
	src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
	function dochange(dbType) {
		$.get("${ctx}/myconsole/install/getDbInfo", {
			"DbType" : dbType
		}, function(data) {
			for (var key in data) {
				$("#" + key).val(data[key]);
			}
		})
	}
	$(function() {
		dochange();
		$("#impl").click(function() {
			var formData = $("#form1").serialize();
			$.post("${ctx}/myconsole/install/impl", formData, function(data) {
				alert(data);
			})
		})
	})
</script>
</head>
<body style="background-color: #D2D6DE; padding: 50px">
	<h1 align="center">
		<b>fsm5安装向导</b>
	</h1>
	<div
		style="width: 750px; height: 400px; margin: 0 auto; background-color: #ffffff;">
		<div class="box">
			<div class="box-header">
				<h3 class="box-title">fsm5安装:填写数据库连接信息。</h3>
			</div>
			<hr>
			<div class="box-body">
				<div class=>
					<h3 class="box-title">请在下方填写您的数据库连接信息。如果您不确定,请联系您的服务提供商。</h3>
				</div>
				<form name="form1" id="form1">
					<table style="width:100%">

						<tr>
							<td>选择数据库:</td>
							<td><select size="1" name="DbType" id="DbType"
								onChange="dochange(this.value)">
									<option value="mysql">mysql</option>
									<option value="oracle">oracle</option>
									<option value="sqlserver">sqlserver</option>
									<option value="dm">dm</option>
							</select></td>
							<td>选择你想用的数据库</td>
						</tr>
						<tr>
							<td>数据库驱动:</td>
							<td><input type="text" id="Driver" name="Driver" value=""></td>
							<td>您的数据库驱动是?</td>
						</tr>
						<tr>
							<td>数据库连接:</td>
							<td><input type="text" id="Url" name="Url" value=""></td>
							<td>您的数据库连接是?</td>
						</tr>
						<tr>
							<td>用户名:</td>
							<td><input type="text" id="User" name="User" value=""></td>
							<td>您的数据库用户名?</td>
						</tr>
						<tr>
							<td>密码:</td>
							<td><input type="password" id="Password" name="Password"
								value=""></td>
							<td>您的数据库密码是?</td>
						</tr>

					</table>
				</form>
				<br>
				<br>
			</div>
			<hr>
			<!-- /.box-body -->
			<div id="footer" style="padding-right: 5px">
				<a class="you1"><input type="submit" name="submit" id="impl"
					class="you" value="初始化数据"
					style="width:80px; height:30px; background-color: #337ab7;color: #ffffff;"></a>
			</div>
		</div>
</body>
</html>