這是前端的效果,和php沒什么關(guān)系(數(shù)據(jù)提交可定是要提交到php的)
10年的克拉瑪依區(qū)網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整克拉瑪依區(qū)建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“克拉瑪依區(qū)網(wǎng)站設(shè)計(jì)”,“克拉瑪依區(qū)網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
1、點(diǎn)擊快速修改,可以用js做,將該條數(shù)據(jù)通過js賦值到彈窗層顯示
2、在彈窗層修改后,提交不要直接submit到PHP,需要通過ajax提交到php,這樣可以實(shí)現(xiàn)提交無刷新,注意需要修改列表數(shù)據(jù),改成修改后的
示范一下
a
href="#"
onclick='if(confirm("你確定要修改嗎?"))
{location.href="change.php";}'修改/a
當(dāng)你點(diǎn)擊修改的時(shí)候,會跳出這個(gè)問你“確定修改”的對話框,你確定的話,自動跳到change.php執(zhí)行代碼;否則在本頁面不動
進(jìn)行到如圖所示的步驟,其實(shí)已經(jīng)近在咫尺了。下面來詳細(xì)講解怎么做。
1.首先構(gòu)造數(shù)據(jù)模擬上圖新聞數(shù)據(jù),以便進(jìn)行接下來的展示。
2.通過foreach語句和table/table標(biāo)簽來對數(shù)據(jù)進(jìn)行遍歷展示。
3.展示效果基本和問題中的圖一致。
4.接下來在代碼中的表格標(biāo)簽中加入一列,在該列中加入編輯和刪除標(biāo)簽。
5.展示效果如下圖所示:
6.通??梢酝ㄟ^a鏈接的形式進(jìn)行數(shù)據(jù)的編輯和刪除。而在進(jìn)行編輯和刪除操作時(shí)為了保證操作數(shù)據(jù)的準(zhǔn)確性,通常會在鏈接后帶上該條數(shù)據(jù)的id,如下圖所示:
你應(yīng)該把id用GET方式傳遞過去,也就是說上面代碼改為:onclick="window.location.href='?php echo "/edit.php?id=".$row['id'];?,然后在edit.php接收
?php
$id?=?$_GET['id'];
$sql?=?"select?*?from?yourtable?where?id?=?{$id}";
?