<!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>