VM暫存
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

login_page.php 5.9KB

8 years ago
7 years ago
8 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html lang="zh-TW">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>歐特儀管理系統</title>
  10. <!-- Bootstrap Core CSS -->
  11. <link href="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  12. <!-- MetisMenu CSS -->
  13. <link href="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
  14. <!-- Timeline CSS -->
  15. <link href="<?=BOOTSTRAPS?>dist/css/timeline.css" rel="stylesheet">
  16. <!-- Custom CSS -->
  17. <link href="<?=BOOTSTRAPS?>dist/css/sb-admin-2.css" rel="stylesheet">
  18. <!-- Morris Charts CSS -->
  19. <link href="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.css" rel="stylesheet">
  20. <!-- Custom Fonts -->
  21. <link href="<?=BOOTSTRAPS?>bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  22. </head>
  23. <body style="font-family:Microsoft JhengHei;">
  24. <div id="wrapper">
  25. <!-- Navigation -->
  26. <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
  27. <div class="navbar-header">
  28. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  29. <span class="sr-only">Toggle navigation</span>
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. </button>
  34. <a class="navbar-brand" href="">歐特儀管理系統</a>
  35. </div>
  36. <!-- /.navbar-static-side -->
  37. </nav>
  38. <div id="page-wrapper">
  39. <div class="row">
  40. <div class="col-lg-12">
  41. <h1 class="page-header">管理者登入</h1>
  42. </div>
  43. <!-- /.col-lg-12 -->
  44. </div>
  45. <!-- /.row -->
  46. <div data-items="user_login" class="row" >
  47. <div class="col-lg-5">
  48. <div class="panel panel-default">
  49. <div class="panel-body">
  50. <div data-rows class="row">
  51. <div class="col-lg-12">
  52. <form id="user_login" role="form" method="post">
  53. <div class="form-group">
  54. <label>帳號</label>
  55. <input id="login_name" name="login_name" class="form-control"
  56. data-validation="required"
  57. data-validation-error-msg="請輸入帳號">
  58. </div>
  59. <div class="form-group">
  60. <label>密碼</label>
  61. <input id="pswd" name='pswd' type="password" class="form-control"
  62. data-validation="required"
  63. data-validation-error-msg="請輸入密碼">
  64. </div>
  65. <button type="submit" class="btn btn-default">登入</button>
  66. </form>
  67. </div>
  68. <!-- /.col-lg-6 (nested) -->
  69. </div>
  70. <!-- /.row (nested) -->
  71. </div>
  72. <!-- /.panel-body -->
  73. </div>
  74. <!-- /.panel -->
  75. </div>
  76. <!-- /.col-lg-6 -->
  77. </div>
  78. <br/>
  79. <hr>
  80. <div class="form-group">
  81. <label style="font-size:18px"> [&nbsp;說明&nbsp;] </label>
  82. </div>
  83. <ul>
  84. <li>[選單] 現場管理 〉會員現況:現場主機會員資料 (每日更新)</li>
  85. <li>[選單] 場站設定 〉重新載入:可立即更新場站設定與 “會員資料”</li>
  86. </ul>
  87. </div>
  88. <!-- /#page-wrapper -->
  89. </div>
  90. <!-- /#wrapper -->
  91. <!-- jQuery -->
  92. <script src="<?=BOOTSTRAPS?>bower_components/jquery/dist/jquery.min.js"></script>
  93. <!-- Bootstrap Core JavaScript -->
  94. <script src="<?=BOOTSTRAPS?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  95. <!-- Metis Menu Plugin JavaScript -->
  96. <script src="<?=BOOTSTRAPS?>bower_components/metisMenu/dist/metisMenu.min.js"></script>
  97. <!-- Morris Charts JavaScript -->
  98. <script src="<?=BOOTSTRAPS?>bower_components/raphael/raphael-min.js"></script>
  99. <!--script src="<?=BOOTSTRAPS?>bower_components/morrisjs/morris.min.js"></script-->
  100. <!--script src="<?=BOOTSTRAPS?>js/morris-data.js"></script-->
  101. <!-- Custom Theme JavaScript -->
  102. <script src="<?=BOOTSTRAPS?>dist/js/sb-admin-2.js"></script>
  103. <!-- jQuery validate -->
  104. <script src="<?=WEB_LIB?>form-validator/jquery.form-validator.min.js"></script>
  105. <!-- alertify -->
  106. <link href="<?=WEB_LIB?>css/alertify.core.css" rel="stylesheet">
  107. <link href="<?=WEB_LIB?>css/alertify.bootstrap.css" rel="stylesheet">
  108. <script src="<?=WEB_LIB?>js/alertify.min.js"></script>
  109. </html>
  110. <script>
  111. <?php /* alertify function */ ?>
  112. function alertify_log($msg)
  113. {
  114. alertify.set({delay : 2000});
  115. alertify.log($msg);
  116. }
  117. function alertify_error($msg)
  118. {
  119. alertify.set({delay : 2000});
  120. alertify.error($msg);
  121. }
  122. function alertify_success($msg)
  123. {
  124. alertify.set({delay : 2000});
  125. alertify.success($msg);
  126. }
  127. $(document).ready(function()
  128. {
  129. <?php /* validate 設定start */ ?>
  130. $.validate(
  131. {
  132. modules : 'security',
  133. }
  134. );
  135. <?php /* validate 設定end */ ?>
  136. $("#user_login").submit(function(event)
  137. {
  138. event.preventDefault();
  139. $.ajax
  140. ({
  141. url: "<?=APP_URL?>user_login",
  142. type: "post",
  143. dataType:"text",
  144. data: $(this).serialize(),
  145. success: function(jdata)
  146. {
  147. if(jdata == 'ok')
  148. {
  149. location.reload();
  150. }
  151. else if(jdata == '-1')
  152. {
  153. alertify_error("輸入資料有誤");
  154. }
  155. else
  156. {
  157. alertify_error("登入資訊無效, 請通知管理員");
  158. }
  159. }
  160. });
  161. });
  162. });
  163. </script>