修改和添加關于數據庫的信息，可以用于任何的添加和修改這些數據庫和前面的隨筆數據庫是一樣的

一、顯示出數據庫中的信息

（1）顯示的效果也可以是用bootstrap的標簽頁顯示（前面一定要引入bootstrap）

<ul id="myTab" class="nav nav-tabs">  <li class="active" style=" font-size:30px" ><a href="#home" rel="external nofollow" data-toggle="tab"> 飯面類</a>  </li>  <li style=" font-size:30px"><a href="#ios" rel="external nofollow" data-toggle="tab">特色小吃</a></li>  <li class="dropdown" style=" font-size:30px">   <a href="#" rel="external nofollow" id="myTabDrop1" class="dropdown-toggle"data-toggle="dropdown">酒水飲品 <b class="caret"></b>   </a>   <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1" style=" font-size:25px">    <li><a href="#jmeter" rel="external nofollow" tabindex="-1" data-toggle="tab">     酒水</a>    </li>    <li><a href="#ejb" rel="external nofollow" tabindex="-1" data-toggle="tab">     飲品</a>    </li>   </ul>  </li></ul>

二、修改內容

 （1）標題顯示之后，就是每一個標題中的內容了，可以用ajax遍歷

<p id="mian"> </p>

（2）進行數據庫遍歷

$.ajax({ url:"mianlei.php", //編寫處理頁面 dataType:"TEXT", success: function(d){  var hang = d.split("|"); //拆分字符“|”串：顯示行  var str = "";  for(var i=0;i<hang.length;i++)  {   var lie = hang[i].split("^"); //拆分字符串“^”:顯示列   str += "<input type='button' value='"+lie[2]+"' class='aa1' code='"+lie[1]+"' data-toggle='modal' data-target='#myModal'/> ";  } 　　$("#mian").html(str); //把遍歷的內容寫在上面的       }}) 

（3）處理頁面的編寫如下

<?phpinclude("DBDA.php"); //調用封裝好的數據庫類$db = new DBDA(); $sql = "select * from caidan where fcode =('1101')"; //查詢符合父級號的所有信息echo $db->StrQuery($sql); //輸出結果

（4）然后進行修改的內容可以用模態框

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  <div class="modal-dialog">   <div class="modal-content">    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>      <h4 class="modal-title" id="myModalLabel">修改</h4>   　　　</div>   　　 <div class="modal-body" id="content">     <!--這里是顯示的修改的內容-->   　　 </div>   　　　<div class="modal-footer">    　　<button type="button" class="btn btn-default" data-dismiss="modal">關閉</button>    　　<button type="button" class="btn btn-primary" id="tijiao">提交</button>   　　　</div>   </div><!-- /.modal-content -->  </div><!-- /.modal --></div>