【php】資料庫的增刪改查和php與javascript之間的互動

來源:互聯網
上載者:User

標籤:php   指令碼   資料庫   表單   頁間傳值   

使用語言操作資料庫是重中之重,如果一門語言你不懂得如何操作資料庫,那麼你還是沒有學會這門語言。

php操作資料庫的方法並不難

同時php的值還可以與javascript指令碼之間進行控制,

一般是php的值傳遞到javascript中,一般不會反過來操作


一、基本目標

首先,在mysql中有一張使用者資訊表user,

裡面的欄位分別是id,username與password,

開啟網頁dbselect.php,首先就用php查出整張user表:


然後,插入資料的一欄,輸入資料,就可把資料插入到mysql中的user表當中


在修改資料的一欄中,第一個下拉式功能表是通過javascript來建立的,

根據表中的資料多少,而給予多少的下拉選項。


第二個下拉式功能表讓使用者選擇要修改的列

第三個輸入框就是讓使用者輸入要修改的值


至於為什麼沒有做刪除資料,那是因為一來刪除資料的操作與修改資料類似,二是因為在自增表中一般不刪除資料的,僅僅是設定鍵值讓這條資料隱藏


二、基本思想

程式入口是dbselect.php,操作資料庫的過程分別是兩個新頁面,一個dbinsert.php,一個是dbupdate.php,這兩個頁面操作完資料庫,馬上通過javascript返回。



三、製作過程

(1)dbselect.php

也是本實現過程中,最複雜的一個頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>dbselect</title></head><body>user表:<table border="1"><tr><td>id</td><td>username</td><td>password</td></tr><?php//php串連資料庫的指定動作,其中第一個root是資料庫的使用者名稱,第二個root是資料庫的密碼//如果串連失敗,馬上通過die語句打斷後面的所有程式,只輸出“串連失敗”$con=mysql_connect("localhost","root","root");if(!$con){die("串連失敗!");}//要操作test資料庫mysql_select_db("test",$con);//total變數是用來記錄user記錄條數的$total;//要在test資料庫中操作select count(*) as total from user語句並且把結果放到result變數裡$result=mysql_query("select count(*) as total from user");//result變數是個資料,$total=$row["total"];把查詢結果中的total列的值賦予給php中的total變數//$row=mysql_fetch_array($result)能夠把當前行的值賦予給row數組,並把遊標下移一行,遊標並不需要初始化,自動完成while($row=mysql_fetch_array($result)){$total=$row["total"];}//輸出整個表的過程與上面的過程類此$result=mysql_query("select * from user");while($row=mysql_fetch_array($result)){echo "<tr>";echo "<td>${row["id"]}</td>";echo "<td>${row["username"]}</td>";echo "<td>${row["password"]}</td>";echo "</tr>";}//查詢完畢,記得人走帶門mysql_close($con);?></table><br /><!--以下是兩個表單,不再贅述了-->插入資料:<form action="dbinsert.php" method="get">username:<input type="text" name="username" />password:<input type="text" name="password" /><input type="submit" value="go!" /></form>修改資料:<form action="dbupdate.php" method="get"><select id="userid" name="userid"></select><script>//這是php與javascript互動部分,把上面求出來的php的$total變數,賦予給javascript的var totalvar total=<?php echo $total; ?>;var i=1;for(i=1;i<total+1;i++){//javascript增加節點過程var selectnode=document.createElement("option");selectnode.value=i;selectnode.innerHTML=i;document.getElementById("userid").appendChild(selectnode);}</script><select name="rowname"><option value="username">username</option><option value="password">password</option></select><input type="text" name="rowtext" /><input type="submit" value="go!" /></form></body></html>

javascript控制html節點的詳細,可以參照我之前寫的《【JavaScript】網頁節點的增刪改查》一文(點擊開啟連結)


(2)dbinsert.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>dbinsert.php</title></head><body><?php//首先從dbselect.php的表單中接受操作的資料//dbselect.php故意用到get方法,只是想說明php中對get與post的處理同樣可以通過$_REQUEST["變數名"]來實現$username=$_REQUEST["username"];$password=$_REQUEST["password"];//操作資料庫的指定動作同dbselect.php。$con=mysql_connect("localhost","root","root");if(!$con){die("串連失敗!");}mysql_select_db("test",$con);//控制資料庫比dbselect.php更加簡單,因為不用對資料庫的查詢結果進行處理//只是要注意,這裡連接字串是用到.的,而不是jsp的+,asp的&,請注意!mysql_query("insert into user(username,password) values ('".$username."','".$password."');");mysql_close($con);?><script>alert("添加成功");window.location.href="dbselect.php";</script></body></html>

(3)dbupdate.php

與dbinsert.php邏輯是一模一樣的,只是mysql_query那個的查詢語句,從insert into語句變成了update語句而已

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body><?php$userid=$_REQUEST["userid"];$rowname=$_REQUEST["rowname"];$rowtext=$_REQUEST["rowtext"];$con=mysql_connect("localhost","root","root");if(!$con){die("串連失敗!");}mysql_select_db("test",$con);mysql_query("update user set ".$rowname."='".$rowtext."' where id=".$userid.";");mysql_close($con);?><script>alert("修改成功");window.location.href="dbselect.php";</script></body></html>

以上,就是整個製作過程

【php】資料庫的增刪改查和php與javascript之間的互動

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.