install.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>install</title>
  6. <style type="text/css">
  7. input {
  8. width: 380px;
  9. }
  10. .box-title {
  11. display: inline-block;
  12. font-size: 18px;
  13. margin: 0;
  14. line-height: 1;
  15. padding: 10px;
  16. }
  17. .box-body {
  18. border-top-left-radius: 0;
  19. border-top-right-radius: 0;
  20. border-bottom-right-radius: 3px;
  21. border-bottom-left-radius: 3px;
  22. padding: 10px;
  23. }
  24. div #footer .you {
  25. float: right;
  26. }
  27. </style>
  28. <script type="text/javascript"
  29. src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  30. <script type="text/javascript">
  31. function dochange(dbType) {
  32. $.get("${ctx}/myconsole/install/getDbInfo", {
  33. "DbType" : dbType
  34. }, function(data) {
  35. for (var key in data) {
  36. $("#" + key).val(data[key]);
  37. }
  38. })
  39. }
  40. $(function() {
  41. dochange();
  42. $("#impl").click(function() {
  43. var formData = $("#form1").serialize();
  44. $.post("${ctx}/myconsole/install/impl", formData, function(data) {
  45. alert(data);
  46. })
  47. })
  48. })
  49. </script>
  50. </head>
  51. <body style="background-color: #D2D6DE; padding: 50px">
  52. <h1 align="center">
  53. <b>fsm5安装向导</b>
  54. </h1>
  55. <div
  56. style="width: 750px; height: 400px; margin: 0 auto; background-color: #ffffff;">
  57. <div class="box">
  58. <div class="box-header">
  59. <h3 class="box-title">fsm5安装:填写数据库连接信息。</h3>
  60. </div>
  61. <hr>
  62. <div class="box-body">
  63. <div class=>
  64. <h3 class="box-title">请在下方填写您的数据库连接信息。如果您不确定,请联系您的服务提供商。</h3>
  65. </div>
  66. <form name="form1" id="form1">
  67. <table style="width:100%">
  68. <tr>
  69. <td>选择数据库:</td>
  70. <td><select size="1" name="DbType" id="DbType"
  71. onChange="dochange(this.value)">
  72. <option value="mysql">mysql</option>
  73. <option value="oracle">oracle</option>
  74. <option value="sqlserver">sqlserver</option>
  75. <option value="dm">dm</option>
  76. </select></td>
  77. <td>选择你想用的数据库</td>
  78. </tr>
  79. <tr>
  80. <td>数据库驱动:</td>
  81. <td><input type="text" id="Driver" name="Driver" value=""></td>
  82. <td>您的数据库驱动是?</td>
  83. </tr>
  84. <tr>
  85. <td>数据库连接:</td>
  86. <td><input type="text" id="Url" name="Url" value=""></td>
  87. <td>您的数据库连接是?</td>
  88. </tr>
  89. <tr>
  90. <td>用户名:</td>
  91. <td><input type="text" id="User" name="User" value=""></td>
  92. <td>您的数据库用户名?</td>
  93. </tr>
  94. <tr>
  95. <td>密码:</td>
  96. <td><input type="password" id="Password" name="Password"
  97. value=""></td>
  98. <td>您的数据库密码是?</td>
  99. </tr>
  100. </table>
  101. </form>
  102. <br>
  103. <br>
  104. </div>
  105. <hr>
  106. <!-- /.box-body -->
  107. <div id="footer" style="padding-right: 5px">
  108. <a class="you1"><input type="submit" name="submit" id="impl"
  109. class="you" value="初始化数据"
  110. style="width:80px; height:30px; background-color: #337ab7;color: #ffffff;"></a>
  111. </div>
  112. </div>
  113. </body>
  114. </html>