標籤:尋找 串連數 incr 抓取 inpu orm utf-8 ref creat
1、從資料庫出發,先建立測試資料,這裡使用的MYSQL,通過指令碼模式建立測試資料。
SET NAMES UTF8;DROP DATABASE IF EXISTS disk;CREATE DATABASE disk CHARSET=UTF8;USE disk;CREATE TABLE udisk(uid INT PRIMARY KEY AUTO_INCREMENT,uname VARCHAR(24),pic VARCHAR(60),price FLOAT(9,2),addedTime BIGINT);INSERT INTO udisk VALUES(NULL,‘金士頓 SE9H‘,‘img/1.jpg‘,‘49.90‘,‘1234567890123‘),(NULL,‘金士頓 DT100G3‘,‘img/2.jpg‘,‘47.90‘,‘1234567890123‘),(NULL,‘權尚 Transshow‘,‘img/3.jpg‘,‘39.90‘,‘1234567890123‘),(NULL,‘閃迪(SanDisk)酷鑠(CZ73) ‘,‘img/4.jpg‘,‘79.90‘,‘1234567890123‘),(NULL,‘金士頓 32GB‘,‘img/5.jpg‘,‘99.90‘,‘1234567890123‘);
2、建立 init.php 主要用於儲存php串連資料庫的相關代碼。
<?php/*資料庫連結初始化頁面*/$conn = mysqli_connect(‘127.0.0.1‘,‘root‘,‘‘,‘tarena‘,3306);$sql = ‘SET NAMES UTF8‘;mysqli_query($conn,$sql);
3、建立 add.php 實現php操作資料庫添加資料功能。
<?php@$uname = $_REQUEST[‘uname‘] or die(‘uname required‘);@$pic = $_REQUEST[‘pic‘] or die(‘pic required‘);@$price = $_REQUEST[‘price‘] or die(‘price required‘);require(‘disk_inti.php‘);$addTime = time()*1000;$sql = "INSERT INTO udisk VALUES(NULL,‘$uname‘,‘$pic‘,‘$price‘,‘$addTime‘)";$result = mysqli_query($conn,$sql);if($result===false){echo "添加失敗,請檢查SQL語句";}else{echo "添加成功,商品編號為".mysqli_insert_id($conn);echo "<a href=‘udisk_select.php‘>查看所以隨身碟</a>";}
4、建立用於實現添加功能的視圖(add.html檔案) 一個簡單的資料添加入口 測試用。
<!doctype html><html> <head> <meta charset="UTF-8"> <title>...</title> </head> <body><form action="disk_add.php">隨身碟名稱:<input name="uname"><br>圖片路徑:<input name="pic"><br>隨身碟價格:<input name="price"><input type="submit"></form> </body></html>
5、使用PHP建立資料尋找功能主介面 並使用JS綁定刪除功能
<?php // 執行SQL尋找語句require(‘disk_inti.php‘);$sql = "SELECT * FROM udisk";$result = mysqli_query($conn,$sql);if($result===false){ // 判斷尋找結果echo "資料查詢失敗,請檢查SQL語句";}else{$list = mysqli_fetch_all($result,1);}//var_dump($list);?><!doctype html><html> <head> <meta charset="UTF-8"> <title>...</title> <style>div {width:250px;float:left;margin-right:80px;margin-top:25px;padding:0 25px;position:relative;border:1px solid #aaa;border-radius:3px;}div img {width:100%}div a {position:absolute;top:0;right:10px;} </style> </head> <body><h3>隨身碟列表</h3><?php //抓取資料 響應到視圖中foreach($list as $d){echo "<div><img src=$d[pic]><span>價格:$d[price]</span><p>$d[uname]</p><a href=$d[uid]>X</a></div>";}?> </body> <script> //為X按鈕綁定事件var a = document.querySelectorAll("div a");console.log(a);for(var i = 0 ; i<a.length ; i++){a[i].addEventListener("click",function(e){e.preventDefault();if(confirm("確定要刪除此商品?")){location.href="udisk_delete.php?uid="+this.href.slice(-1);}});} </script></html>
6、建立delete.php 補全刪除功能
<?php@$uid = $_REQUEST[‘uid‘] or die(‘uid required‘);require(‘disk_inti.php‘);$sql ="DELETE FROM udisk WHERE uid=$uid";$result = mysqli_query($conn,$sql);if($result===false){echo "刪除失敗";}else{echo "<h3>刪除成功</h3>";echo "被刪除的記錄數:".mysqli_affected_rows($conn);echo "<a href=‘udisk_select.php‘>返回隨身碟列表</a>";}
使用PHP操作SQL 完成簡單的CURD操作