php+MySQL实战案例【七】数据编辑、删除
本节内容中讲解用户管理模块中的修改用户信息和删除用户。
修改用户信息：
可对选择的用户记录进行编辑，可修改用户名、密码、性别、手机、邮箱和地址信息。
删除用户信息：
将列表中指定的用户进行删除操作。
二、编辑用户信息
编辑用户信息：
在列表中选择某一条记录，点击编辑时将改记录的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实战案例【八】用户注册
目录如下：
php+MySQL实战案例【零】持续更新
php+MySQL实战案例【一】选择前端框架
php+MySQL实战案例【二】php数据库辅助类
php+MySQL实战案例【三】数据表设计
php+MySQL实战案例【四】管理员登录
php+MySQL实战案例【五】新增用户
php+MySQL实战案例【六】数据分页查询
php+MySQL实战案例【七】数据编辑、删除
php+MySQL实战案例【八】用户注册
php+MySQL实战案例【九】总结及源码分享
