本节内容中讲解用户管理模块中的修改用户信息和删除用户。
修改用户信息:
可对选择的用户记录进行编辑,可修改用户名、密码、性别、手机、邮箱和地址信息。
删除用户信息:
将列表中指定的用户进行删除操作。
二、编辑用户信息
编辑用户信息:
在列表中选择某一条记录,点击编辑时将改记录的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实战案例【八】用户注册