?

?今天給大家接著上篇文章實現圖書刪除功能，來實現刪除圖書信息記錄行的功能。

?1 刪除圖書

首先我們的開始頁面在列表：

當點擊刪除紅色按鈕后，直接觸發刪除功能。當我們看到列表對應的html文件的時候會發現刪除按鈕觸發的是deleteBook.php文件。

<a href="deleteBook.php?id=<?php echo $rows[0] ?>"><button class="btn btn-danger delete">刪除</button>
</a>

?所以此時我們要創建deleteBook.php文件，并實現刪除邏輯。

deleteBook.php文件詳情如下：

<?php$dbName = 'db_test';$link = mysqli_connect('localhost','root','passwd',$dbName) or die("連接數據庫服務器失敗！".mysqli_error());if(!$link){die('mysqli connect error:'.mysqli_connect_error());}$id = $_GET['id'];$sql = 'delete from books where id ='.$id;$result = mysqli_query($link,$sql);if($result) {echo "<script>alert('刪除成功！');window.location.href='index.php';</script>";}else{echo "<script>alert('刪除失敗！');</script>";}
?>

我們看到，當刪除成功后，會彈出刪除成功提示彈框，并路由到首頁列表。比如刪除id為6的圖書。

看是不是已經把id為6的圖書刪除掉了：

?2 新增圖書優化

好奇的你是否發現了我的首頁列表上面突然多出來一個新增按鈕？那就是我現在說的優化。

?很簡單，就是在列表lists.html里添加一個按鈕并實現跳轉實現：

<div class="panel-heading">圖書列表<button id="goAdd" style="margin-left: 30px;" class="btn btn-primary btn-sm"><i class="fa fa-disk-o"></i>新增</button>
</div>

其中js如下：

<script>document.getElementById('goAdd').addEventListener('click', function() {window.location.href = 'add.html'; // 將此處替換為你想要跳轉的URL
});
</script>

下篇 數據抽象層?

大家如果喜歡技術，并想有個好的交流平臺可以關注我的?我的知乎首頁，會不定期分享本人覺得比較好的技術類電子書。