面文章,實現了通過表單完成數據的錄入,并寫入數據庫。接下來實現數據的修改和刪除。
首先找到user_manager.html文件,增加修改和刪除的按鈕。
找到顯示數據的表格<table>標簽,在表頭區域增加一列<th>操作</th>,然后在顯示數據的for循環中增加一個<td></td>標簽,在標簽內增加兩個連接<a>標簽,href先設置為空,各增加一個class樣式。如圖所示:
刷新user_manager.html頁面,如下圖。現在按鈕已經添加到前端頁面。
接下來,完善刪除功能。
先在views.py中建立一個刪除的方法,如下。方法傳入兩個參數,一個request,一個需要刪除行的id,使用User類的filter功能在數據庫中查找數據,使用delete()方法刪除數據,最后返回user_manager頁面。
def user_delete(request,user_id):
User.objects.filter(id=user_id).delete()
return redirect("/user_manager/")
接下來增加路由,以在前端調用該方法刪除數據。打開urls.py文件,新增加一個刪除數據的路由。
在前端user_manager.html頁面中,增加刪除的href如下:
試驗一下刪除功能,打開user_manager.html頁面,找到第一條數據,
點擊刪除按鈕,第一條數據已被刪除。
下篇筆記,將記錄如何實現修改數據的功能。
lt;html>
<head>
<title>實現表格</title>
<head>
<body >
<table border="1px" align="center" width="477"><!--border為邊框-->
<tr><!--行標簽-->
<td >學</td ><!--表示一個單元格-->
<td >習</td >
<td >HTML</td >
</tr>
<tr>
<td >學</td >
<td >習</td >
<td >HTML</td >
</tr>
<tr>
<td >關</td >
<td >注</td >
<td >我</td >
</tr>
</table>
</body>
</html>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。