一、菜單列表
前端頁(yè)面(一級(jí)):
子菜單:
Javascript:
服務(wù)器端:
注釋:
**子菜單實(shí)現(xiàn):**
通過(guò)url獲取mid值,默認(rèn)$mid=0,則設(shè)置查詢條件 pid=$mid(pid=0) 將一級(jí)菜單列表全部查詢出來(lái)
前端遍歷時(shí),給按鈕做點(diǎn)擊事件,并設(shè)置參數(shù) 例如children($mid) mid為菜單id
當(dāng)點(diǎn)擊子菜單時(shí),url獲取到的mid值,是該單條菜單的mid
查詢條件pid=$mid(父級(jí)菜單id) 查詢到子菜單所有數(shù)據(jù)列表
**返回上級(jí)菜單實(shí)現(xiàn):**
返回上級(jí)菜單按鈕,設(shè)置點(diǎn)擊事件 back($backid) 默認(rèn)為0
利用父級(jí)菜單$mid 查詢?cè)摬藛危?/span>mid=$mid)獲取單條數(shù)據(jù)中pid
將pid賦值給backid
點(diǎn)擊返回上級(jí)菜單按鈕 url中獲取到mid中的值為backid
再利用查詢條件 pid=$mid(pid=backid) 將上級(jí)菜單查詢出來(lái) 以此循環(huán)
通過(guò)url用get方式獲取需要修改的mid
保存功能 用post傳遞數(shù)據(jù)
在服務(wù)器端將傳遞的數(shù)據(jù)整理
當(dāng)mid=0時(shí),則為添加菜單 用insert
當(dāng)mid>0時(shí),則為編輯菜單 用update
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)