HTML+PHP+數據庫操作 POST提示錯誤500(Internal Server Error)踩坑
寫php代碼的時候出現了這個問題，網上查了很多解決辦法都於事無補，最后仔細檢查發現是php代碼中的一些細節問題↓
例如：變量賦值結束要加分號/函數傳參傳了一個未定義的變量/HTML語句中使用php文件時路徑存在問題
1 function SqlQuery($Conn,$Sql){ 2 $Result = $Conn->query($Sql); 3 return $Result; 4 } 5 $TrCode = $_POST["TrCode"]; 6 if($TrCode == 'NO_001'){// 查詢員工信息 7 $EM_Userid = $_POST["EM_Userid"]; 8 $NO_Name = $_POST["NO_Name"]; 9 $Sql = "SELECT * FROM T_Emp where EM_Userid like '%".$EM_Userid."%' and EM_Name like '%".$NO_Name."%'";//最開始的錯誤一：變量賦值結束沒有加分號（究極致命 10 $result = SqlQuery($Conn,$Sql);//最開始的錯誤二：Sql寫成了sql，傳參錯誤 11 $results = array(); 12 if ($result->num_rows > 0) { 13 // 輸出每行數據 14 while($row = $result->fetch_assoc()) { 15 $results[]=$row; 16 } 17 $json = json_encode($results,JSON_UNESCAPED_UNICODE); 18 echo $json;//返回json字符串 19 } else { 20 $res = array('Result'=>"查詢沒有符合條件的數據!"); 21 echo json_encode($res,JSON_UNESCAPED_UNICODE); 22 } 23 }
這些問題都會導致提示錯誤500，改正后運行成功↓
貼一下完整php代碼：
1 <?php 2 require "Lib/setting.php"; 3 $Servername = $Sql_Server; 4 $Username = $Sql_User; 5 $Password = $Sql_Pass; 6 $Dbname = $Sql_Db; 7 8 //創建連接 9 $Conn = mysqli_connect($Servername, $Username, $Password,$Dbname); 10 //檢測連接 11 if (!$Conn) { 12 die("Connection failed: " . mysqli_connect_error()); 13 }else{ 14 mysqli_set_charset($Conn,"utf8");//設置數據庫字符集 15 } 16 17 18 function SqlQuery($Conn,$Sql){ 19 $Result = $Conn->query($Sql); 20 return $Result; 21 } 22 $TrCode = $_POST["TrCode"]; 23 if($TrCode == 'NO_001'){// 查詢員工信息 24 $EM_Userid = $_POST["EM_Userid"]; 25 $NO_Name = $_POST["NO_Name"]; 26 $Sql = "SELECT * FROM T_Emp where EM_Userid like '%".$EM_Userid."%' and EM_Name like '%".$NO_Name."%'";// where EM_Userid = '%".$EM_Userid."%'"// and EM_Name ='%".$NO_Name."%';"; 27 $result = SqlQuery($Conn,$Sql);//執行查詢語句 28 $results = array(); 29 if ($result->num_rows > 0) { 30 // 輸出每行數據 31 while($row = $result->fetch_assoc()) { 32 $results[]=$row; 33 } 34 $json = json_encode($results,JSON_UNESCAPED_UNICODE); 35 echo $json;//返回json字符串 36 } else { 37 $res = array('Result'=>"查詢沒有符合條件的數據!"); 38 echo json_encode($res,JSON_UNESCAPED_UNICODE); 39 } 40 } 41 42 if($TrCode == 'NO_002'){ //編輯員工信息-查找員工信息（顯示 43 $NO_id = $_POST['NO_id']; 44 $Sql = "SELECT * from T_Emp where id = '".$NO_id."';"; 45 $result = SqlQuery($Conn,$Sql);//執行查詢語句 46 $results = array(); 47 if ($result->num_rows > 0) { 48 // 輸出每行數據 49 while($row = $result->fetch_assoc()) { 50 $results[]=$row; 51 } 52 $json = json_encode($results,JSON_UNESCAPED_UNICODE); 53 echo $json;//返回json字符串 54 } else { 55 $res = array('Result'=>"查詢沒有符合條件的數據!"); 56 echo json_encode($res,JSON_UNESCAPED_UNICODE); 57 } 58 } 59 60 if($TrCode == 'NO_003'){//編輯員工信息-確認修改 61 $NO_id = $_POST["NO_id"]; 62 $NO_EM_Userid = $_POST["NO_EM_Userid"]; 63 $NO_EM_Password = $_POST["NO_EM_Password"]; 64 if(strlen($NO_EM_Password)<30){ 65 $NO_EM_Password = md5($NO_EM_Password); 66 } 67 $NO_EM_Name = $_POST["NO_EM_Name"]; 68 $NO_EM_Branch = $_POST["NO_EM_Branch"]; 69 $NO_EM_Phone = $_POST["NO_EM_Phone"]; 70 $NO_EM_Type = $_POST["NO_EM_Type"]; 71 $Sql = "update T_Emp set EM_Userid='".$NO_EM_Userid."',EM_Password='".$NO_EM_Password."',EM_Name='".$NO_EM_Name."',EM_Branch='".$NO_EM_Branch."',EM_Phone='".$NO_EM_Phone."',EM_Type='".$NO_EM_Type."' where id='".$NO_id."';"; 72 SqlQuery($Conn,$Sql);//執行查詢語句 73 } 74 75 if($TrCode == 'NO_004'){//添加員工-確認添加 76 $NO_EM_Userid1 = $_POST["NO_EM_Userid1"]; 77 $NO_EM_Password1 = $_POST["NO_EM_Password1"]; 78 $NO_EM_Password1 = md5($NO_EM_Password1); 79 $NO_EM_Name1 = $_POST["NO_EM_Name1"]; 80 $NO_EM_Branch1 = $_POST["NO_EM_Branch1"]; 81 $NO_EM_Phone1 = $_POST["NO_EM_Phone1"]; 82 $NO_EM_Type1 = $_POST["NO_EM_Type1"]; 83 $Sql = "insert into T_Emp (EM_Userid,EM_Password,EM_Name,EM_Branch,EM_Phone,EM_Type) values('".$NO_EM_Userid1."','".$NO_EM_Password1."','".$NO_EM_Name1."','".$NO_EM_Branch1."','".$NO_EM_Phone1."','".$NO_EM_Type1."');"; 84 SqlQuery($Conn,$Sql);//執行查詢語句 85 } 86 if($TrCode == 'NO_005'){//刪除員工-確認刪除 87 $NO_id = $_POST["NO_id"]; 88 $Sql = "delete from T_Emp where id = '".$NO_id."';"; 89 $result = SqlQuery($Conn,$Sql);//執行查詢語句 90 } 91 if($TrCode == 'NO_006'){//員工修改密碼 92 $NO_EM_id = $_POST["NO_EM_id"]; 93 $NO_EM_oldpass = $_POST["NO_EM_oldpass"]; 94 $NO_EM_oldpass = md5($NO_EM_oldpass); 95 $NO_EM_newpass = $_POST["NO_EM_newpass"]; 96 $NO_EM_newpass = md5($NO_EM_newpass); 97 $Sql = "select * from T_Emp where EM_Userid='".$NO_EM_id."'"; 98 $Sql1= "update T_Emp set EM_Password='".$NO_EM_newpass."' where EM_Userid='".$NO_EM_id."'"; 99 $result=SqlQuery($Conn,$Sql);//執行查詢語句 100 if ($result->num_rows > 0) { 101 while($row = $result->fetch_assoc()) { 102 $getpass = $row["EM_Password"]; 103 }if($getpass==$NO_EM_oldpass){ 104 SqlQuery($Conn,$Sql1); 105 $res = array('Result'=>"修改成功!"); 106 echo json_encode($res,JSON_UNESCAPED_UNICODE); 107 }else{ 108 $res = array('Result'=>"原密碼有誤!"); 109 echo json_encode($res,JSON_UNESCAPED_UNICODE); 110 } 111 } else { 112 $res = array('Result'=>"員工編號有誤!"); 113 echo json_encode($res,JSON_UNESCAPED_UNICODE); 114 } 115 } 116 $Conn->close();//關閉數據庫 117 ?>
注：整個php文件中有一處出現細節錯誤都可能導致整個php文件無法正常工作（比如少個分號！！）踩坑結束~
-----------------------------------------------------------------------------------------------------------------------------------------------------分割線---------------------------------------------------------------------------------------------------------------------------------------------
貼一個沒有用的配套HTML：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> 6 <title>管理員系統</title> 7 <link rel="stylesheet" type="text/css" href="css/base.css"> 8 <link rel="icon" type="image/x-icon" href="img/icon.jpg" /> 9 <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 10 <script src="JS/jquery-3.5.1.min.js"></script> 11 <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> 12 <script src="JS/setting.js"></script> 13 <script src="JS/check_radio.js"></script> 14 <script> 15 function NO_Query(){ 16 var arg = {}; 17 arg["TrCode"]= "NO_001";//設置交易碼 18 arg["EM_Userid"] = document.getElementById("EM_Userid").value; 19 arg["NO_Name"] = document.getElementById("NO_Name").value; 20 $.ajax({ 21 type: "POST", 22 url: FlieServer+"/staff.php", 23 data: arg, 24 dataType: 'text', 25 success: function(result) { 26 var res = JSON.parse(result); 27 if(!res.length){alert("暫無結果！")}; 28 var htm = ""; 29 for (var i = 0;i < res.length;i++){ 30 tmp = "<tr><td><input type='radio' name='radio' checked='true' value='"+res[i].id+"'/></td><td>"+res[i].EM_Userid+"</td><td>"+res[i].EM_Name+"</td><td>"+res[i].EM_Branch+"</td><td>"+res[i].EM_Phone+"</td></tr>"; 31 htm = htm+tmp; 32 } 33 document.getElementById("tbody").innerHTML=htm; 34 } 35 }); 36 37 } 38 function NO_Reset(){ 39 var input1=document.getElementById("EM_Userid"); 40 var input2=document.getElementById("NO_Name"); 41 input1.value=""; 42 input2.value=""; 43 } 44 function NO_Sub(){ 45 if ($("#tbody").children().length>0){//有內容 46 document.getElementById("modal-body").innerHTML=""; 47 var NO_id = check_radio("radio"); 48 var arg = {}; 49 arg["TrCode"]= "NO_002";//設置交易碼 50 arg["NO_id"] = NO_id; 51 $.ajax({ 52 type: "POST", 53 url: FlieServer+"/staff.php", 54 data: arg, 55 dataType: 'text', 56 success: function(result) { 57 var res = JSON.parse(result); 58 var htm = ""; 59 htm = htm + "<div style='padding: 20px 20px 10px;'>"; 60 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工編號</span><input id='NO_EM_Userid' type='text' class='form-control' value='"+res[0].EM_Userid+"'></div><br>"; 61 htm = htm + "<div class='input-group'><span class='input-group-addon'>登錄密碼</span><input id='NO_EM_Password' type='text' class='form-control' value='"+res[0].EM_Password+"'></div><br>"; 62 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工姓名</span><input id='NO_EM_Name' type='text' class='form-control' value='"+res[0].EM_Name+"'></div><br>"; 63 htm = htm + "<div class='input-group'><span class='input-group-addon'>所在部門</span><input id='NO_EM_Branch' type='text' class='form-control' value='"+res[0].EM_Branch+"'></div><br>"; 64 htm = htm + "<div class='input-group'><span class='input-group-addon'>聯系方式</span><input id='NO_EM_Phone' type='text' class='form-control' value='"+res[0].EM_Phone+"'></div><br>"; 65 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工類型</span><input id='NO_EM_Type' type='text' class='form-control' value='"+res[0].EM_Type+"'></div><br>"; 66 htm = htm + "</div>"; 67 document.getElementById("modal-body").innerHTML=htm; 68 } 69 }); 70 $("#myModal").modal('show'); 71 }else{ 72 document.getElementById("modal-body1").innerHTML="請先選擇員工信息行再進行編輯！"; 73 $("#myModal1").modal('show'); 74 } 75 } 76 function NO_Submit(){ 77 var arg = {}; 78 arg["TrCode"]= "NO_003"; 79 var NO_id = check_radio("radio"); 80 arg["NO_id"] = NO_id; 81 arg["NO_EM_Userid"]=document.getElementById("NO_EM_Userid").value; 82 arg["NO_EM_Password"]= document.getElementById("NO_EM_Password").value; 83 arg["NO_EM_Name"]= document.getElementById("NO_EM_Name").value; 84 arg["NO_EM_Branch"]= document.getElementById("NO_EM_Branch").value; 85 arg["NO_EM_Phone"]= document.getElementById("NO_EM_Phone").value; 86 arg["NO_EM_Type"]= document.getElementById("NO_EM_Type").value; 87 $.ajax({ 88 type: "POST", 89 url: FlieServer+"/staff.php", 90 data: arg, 91 dataType: 'text', 92 success: function(result) { 93 $("#myModal").modal('hide'); 94 alert("修改成功！"); 95 location.reload(true); 96 } 97 }); 98 } 99 function NO_Addnew(){ 100 document.getElementById("modal-body2").innerHTML=""; 101 var htm = ""; 102 htm = htm + "<div style='padding: 20px 20px 10px;'>"; 103 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工編號</span><input id='NO_EM_Userid1' type='text' class='form-control'></div><br>"; 104 htm = htm + "<div class='input-group'><span class='input-group-addon'>登錄密碼</span><input id='NO_EM_Password1' type='text' class='form-control'></div><br>"; 105 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工姓名</span><input id='NO_EM_Name1' type='text' class='form-control'></div><br>"; 106 htm = htm + "<div class='input-group'><span class='input-group-addon'>所在部門</span><input id='NO_EM_Branch1' type='text' class='form-control'></div><br>"; 107 htm = htm + "<div class='input-group'><span class='input-group-addon'>聯系方式</span><input id='NO_EM_Phone1' type='text' class='form-control'></div><br>"; 108 htm = htm + "<div class='input-group'><span class='input-group-addon'>員工類型</span><input id='NO_EM_Type1' type='text' class='form-control'></div><br>"; 109 htm = htm + "</div>"; 110 document.getElementById("modal-body2").innerHTML=htm; 111 $("#myModal2").modal('show'); 112 } 113 function NO_Subadd(){ 114 var arg = {}; 115 arg["TrCode"]= "NO_004"; 116 arg["NO_EM_Userid1"]=document.getElementById("NO_EM_Userid1").value; 117 arg["NO_EM_Password1"]= document.getElementById("NO_EM_Password1").value; 118 arg["NO_EM_Name1"]= document.getElementById("NO_EM_Name1").value; 119 arg["NO_EM_Branch1"]= document.getElementById("NO_EM_Branch1").value; 120 arg["NO_EM_Phone1"]= document.getElementById("NO_EM_Phone1").value; 121 arg["NO_EM_Type1"]= document.getElementById("NO_EM_Type1").value; 122 $.ajax({ 123 type: "POST", 124 url: FlieServer+"/staff.php", 125 data: arg, 126 dataType: 'text', 127 success: function(result) { 128 $("#myModal2").modal('hide'); 129 alert("添加成功！"); 130 location.reload(true); 131 } 132 }); 133 } 134 function NO_Delete(){ 135 document.getElementById("modal-body3").innerHTML="確認刪除該行員工信息記錄嗎？"; 136 $("#myModal3").modal('show'); 137 } 138 function NO_Subdel(){ 139 $("#myModal3").modal('hide'); 140 var arg = {}; 141 arg["TrCode"]= "NO_005"; 142 var NO_id = check_radio("radio"); 143 arg["NO_id"] = NO_id; 144 $.ajax({ 145 type: "POST", 146 url: FlieServer+"/staff.php", 147 data: arg, 148 dataType: 'text', 149 success: function(result) { 150 alert("刪除成功！"); 151 location.reload(true); 152 } 153 }); 154 } 155 function NO_Pass(){ 156 var arg = {}; 157 arg["TrCode"]= "NO_006"; 158 arg["NO_EM_id"] = document.getElementById("NO_EM_id").value; 159 arg["NO_EM_oldpass"] = document.getElementById("NO_EM_oldpass").value; 160 arg["NO_EM_newpass"] = document.getElementById("NO_EM_newpass").value; 161 if(arg["NO_EM_id"]==""){ 162 alert("請填寫員工編號！"); 163 } 164 else if(arg["NO_EM_oldpass"]==""){ 165 alert("請填寫原密碼！"); 166 } 167 else if(arg["NO_EM_newpass"]==""){ 168 alert("請填寫新密碼！"); 169 } 170 else{ 171 $.ajax({ 172 type: "POST", 173 url: FlieServer+"/staff.php", 174 data: arg, 175 dataType: 'text', 176 success: function(result) { 177 var res = JSON.parse(result); 178 alert(res.Result); 179 var input1=document.getElementById("NO_EM_id"); 180 var input2=document.getElementById("NO_EM_oldpass"); 181 var input3=document.getElementById("NO_EM_newpass"); 182 input1.value=""; 183 input2.value=""; 184 input3.value=""; 185 } 186 }); 187 } 188 } 189 </script> 190 </head> 191 <body onload="NO_Query()"> 192 <div class="main" style="background: #FFF; 193 border: 1px solid #EAEAEA; 194 box-shadow: 0 2px 4px 0 #EFF1FA; 195 border-radius: 2px; 196 padding:10px 24px 1px 24px; 197 width: 100%; 198 margin: 0 auto;"> 199 <div class="page-header"> 200 <h2>管理員系統 201 </h2> 202 </div> 203 <ul id="myTab" class="nav nav-tabs"> 204 <li class="active"> 205 <a href="#NewOrder" data-toggle="tab">員工維護</a> 206 </li> 207 <li> 208 <a href="#MainOrder" data-toggle="tab">修改密碼</a> 209 </li> 210 <li> 211 <a href="#ShQuery" data-toggle="tab">未知</a> 212 </li> 213 </ul> 214 <div id="myTabContent" class="tab-content"> 215 <div class="tab-pane fade in active" id="NewOrder"> 216 <div style="padding: 10px 10px 5px;"> 217 <div class="input-group"> 218 <span class="input-group-addon">按編號查詢</span> 219 <input id="EM_Userid" type="text" class="form-control" placeholder="默認為全部" value=""> 220 </div> 221 <br /> 222 <div class="input-group"> 223 <span class="input-group-addon">按姓名查詢</span> 224 <input id="NO_Name" type="text" class="form-control" placeholder="默認為全部" value=""> 225 </div> 226 <br /> 227 <div class="btn-group"> 228 <button type="button" class="btn btn-default" onclick="NO_Query()">查詢</button> 229 <button type="button" class="btn btn-default" onclick="NO_Reset()">重置</button> 230 </div> 231 <br /> 232 <br /> 233 <div class="panel panel-default"><!--表格容器--> 234 <div class="panel-body"> 235 <table class="table" style="font-size:14px"> 236 <thead> 237 <tr> 238 <th>選擇</th> 239 <th>員工編號</th> 240 <th>姓名</th> 241 <th>部門</th> 242 <th>聯系方式</th> 243 </tr> 244 </thead> 245 <tbody id="tbody"> 246 </tbody> 247 </table> 248 </div> 249 </div> 250 <!-- 按鈕觸發模態框 --> 251 <button class="btn btn-primary btn-lg" data-target="#myModal" onclick="NO_Sub()"> 252 編輯員工信息 253 </button> 254 <button class="btn btn-primary btn-lg" data-target="#myModal" onclick="NO_Addnew()"> 255 添加 256 </button> 257 <button class="btn btn-primary btn-lg" onclick="NO_Delete()"> 258 刪除 259 </button> 260 <div style="height:2rem;"></div> 261 <!-- 模態框（Modal） --> 262 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 263 <div class="modal-dialog"> 264 <div class="modal-content"> 265 <div class="modal-header"> 266 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 267 × 268 </button> 269 <h4 class="modal-title" id="myModalLabel"> 270 編輯員工信息 271 </h4> 272 </div> 273 <div class="modal-body" id="modal-body"> 274 275 </div> 276 <div class="modal-footer"> 277 <button type="button" class="btn btn-default" data-dismiss="modal">取消 278 </button> 279 <button type="button" class="btn btn-primary" onclick="NO_Submit()"> 280 提交更改 281 </button> 282 </div> 283 </div><!-- /.modal-content --> 284 </div><!-- /.modal --> 285 </div> 286 <!-- 未選中提示模態框（Modal） --> 287 <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 288 <div class="modal-dialog"> 289 <div class="modal-content"> 290 <div class="modal-header"> 291 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 292 × 293 </button> 294 <h4 class="modal-title" id="myModalLabel"> 295 編輯員工信息 296 </h4> 297 </div> 298 <div class="modal-body" id="modal-body1"> 299 300 </div> 301 <div class="modal-footer"> 302 <button type="button" class="btn btn-default" data-dismiss="modal">我知道了 303 </button> 304 </div> 305 </div><!-- /.modal-content --> 306 </div><!-- /.modal --> 307 </div> 308 <!-- 添加模態框（Modal） --> 309 <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 310 <div class="modal-dialog"> 311 <div class="modal-content"> 312 <div class="modal-header"> 313 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 314 × 315 </button> 316 <h4 class="modal-title" id="myModalLabel"> 317 添加員工信息 318 </h4> 319 </div> 320 <div class="modal-body" id="modal-body2"> 321 322 </div> 323 <div class="modal-footer"> 324 <button type="button" class="btn btn-default" data-dismiss="modal">取消 325 </button> 326 <button type="button" class="btn btn-primary" onclick="NO_Subadd()"> 327 確認添加 328 </button> 329 </div> 330 </div><!-- /.modal-content --> 331 </div><!-- /.modal --> 332 </div> 333 <!-- 刪除模態框（Modal） --> 334 <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 335 <div class="modal-dialog"> 336 <div class="modal-content"> 337 <div class="modal-header"> 338 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 339 × 340 </button> 341 <h4 class="modal-title" id="myModalLabel"> 342 刪除員工信息 343 </h4> 344 </div> 345 <div class="modal-body" id="modal-body3"> 346 347 </div> 348 <div class="modal-footer"> 349 <button type="button" class="btn btn-default" data-dismiss="modal">取消 350 </button> 351 <button type="button" class="btn btn-primary" onclick="NO_Subdel()"> 352 確認刪除 353 </button> 354 </div> 355 </div><!-- /.modal-content --> 356 </div><!-- /.modal --> 357 </div> 358 <!-- 模態框（Modal） --> 359 </div> 360 </div> 361 <div class="tab-pane fade" id="MainOrder"> 362 <div style="height:5rem;"></div> 363 <div class='input-group'><span class='input-group-addon'>員工編號</span><input id='NO_EM_id' type='text' class='form-control'></div><br> 364 <div class='input-group'><span class='input-group-addon'>原密碼</span><input id='NO_EM_oldpass' type='text' class='form-control'></div><br> 365 <div class='input-group'><span class='input-group-addon'>新密碼</span><input id='NO_EM_newpass' type='text' class='form-control'></div><br> 366 <div style="height:5rem;"></div> 367 <button class="btn btn-primary btn-lg" onclick="NO_Pass()"> 368 確認修改 369 </button> 370 <div style="height:2rem;"></div> 371 <!-- 修改密碼結果提示模態框（Modal） --> 372 <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 373 <div class="modal-dialog"> 374 <div class="modal-content"> 375 <div class="modal-header"> 376 <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 377 × 378 </button> 379 <h4 class="modal-title" id="myModalLabel"> 380 修改密碼 381 </h4> 382 </div> 383 <div class="modal-body" id="modal-body4"> 384 385 </div> 386 <div class="modal-footer"> 387 <button type="button" class="btn btn-default" data-dismiss="modal">我知道了 388 </button> 389 </div> 390 </div><!-- /.modal-content --> 391 </div><!-- /.modal --> 392 </div> 393 </div> 394 <div class="tab-pane fade" id="ShQuery"> 395 <p>等待填充……</p> 397 </div> 398 </div> 399 </div> 400 </body> 401 </html>