?本節內容中講解用戶管理模塊中的修改用戶信息和刪除用戶。
修改用戶信息:
可對選擇的用戶記錄進行編輯,可修改用戶名、密碼、性別、手機、郵箱和地址信息。
刪除用戶信息:
將列表中指定的用戶進行刪除操作。
二、編輯用戶信息
編輯用戶信息:
在列表中選擇某一條記錄,點擊編輯時將改記錄的Id傳遞給編輯頁面。由編輯頁面根據Id把該條記錄的信息查詢,并將結果填充到編輯表單。用戶編輯之后點擊保存時,收集表單的信息傳遞給PHP去更新數據庫表中的內容。工作流程參見下圖:
關鍵代碼:
點擊編輯時傳遞Id給編輯頁面:
function Edit(Id){
x_admin_show("編輯","member-edit.php?Id="+Id,400,600);
}
編輯界面根據Id進行數據查詢并將結果填充到編輯表單:
$.ajax({
url: "action/GetUserById.php",
dataType: "json",
async: true,
data:{
Id:Id
},
type: "POST", //請求方式
success: function (req) {
if (req.length>0) {
$("#Id").val(req[0].Id);
$("#username").val(req[0].username);
$("#password").val(req[0].password);
$("#sex").val(req[0].sex);
$("#email").val(req[0].email);
$("#phone").val(req[0].phone_number);
$("#address").val(req[0].address);
}
},
error: function () {
alert("數據接口請求錯誤!");
}
});
用戶編輯之后的保存:
function save(){
//alert($('#EditFrom').serialize());
$.ajax({
url: "action/UpdateUserById.php",
//dataType: "json",
async: true,
data: $('#EditFrom').serialize(),//將表單的值序列化作為參數提交
type: "POST", //請求方式
success: function (req) {
if (req=='200') {
alert("已保存!");
var index = parent.layer.getFrameIndex(window.name); //獲取子頁面索引
parent.layer.close(index);//關閉子頁面
parent.location.reload();//刷新父頁面
}else{
alert("保存失敗!");
}
},
error: function () {
alert("數據接口請求錯誤!");
}
});
}
三、刪除用戶信息
刪除用戶信息:
在列表選擇一條記錄進行刪除,將該記錄的Id傳遞給一個負責刪除用戶信息的PHP,將指定Id的用戶記錄從數據庫端刪除。工作流程參見下圖:
關鍵代碼
根據Id刪除用戶信息:
function Delete(Id){
$.ajax({
url: "action/DelUserById.php",
//dataType: "json",
async: true,
data:{
Id:Id
},
type: "POST", //請求方式
success: function (req) {
if (req=='200') {
alert("已刪除!");
location.reload();//刷新當前頁面
}else{
alert("刪除失敗!");
}
},
error: function () {
alert("數據接口請求錯誤!");
}
});
}
后續
php+MySQL實戰案例【八】用戶注冊