​本节内容中讲解用户管理模块中的修改用户信息和删除用户。

修改用户信息：

可对选择的用户记录进行编辑，可修改用户名、密码、性别、手机、邮箱和地址信息。

删除用户信息：

将列表中指定的用户进行删除操作。

二、编辑用户信息

编辑用户信息：

在列表中选择某一条记录，点击编辑时将改记录的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实战案例【八】用户注册