时间:2021-07-01 10:21:17 帮助过:39人阅读
1前言
上节内容我们根据用户类型验证用户的登录,在本节内容中实现后台用户管理-新增用户。
新增用户处理思路:
-->html页面填写用户信息
-->js校验数据有效性
-->提交表单数据给php文件
-->php执行数据库insert
-->将结果返回给前端页面
用户注册的功能程序处理思路和用户新增类似。
2前端表单
结合数据库用户表的设计,用户信息表需要的关键信息有:用户名、性别、地址、密码、Email和电话,调整x-admin后台管理框架中的新增用户表单,供用户信息填写使用。调整后如下:

3实现新增功能
调整完表单之后,创建新增按钮点击事件,使用ajax请求提交表单到AddUser.php处理,等AddUser处理完之后返回处理结果。前端根据处理结果提示用户是否新增成功。
ajax请求关键代码:
function DoAddUser (){
$.ajax({
url: "action/AddUser.php",
//dataType: "json",
async: true,
data: $(‘#Form_AddUser‘).serialize(),//将比表单的值序列化作为参数提交
type: "POST", //请求方式
success: function (req) {
if (req==‘200‘) {
alert("成功添加新用户!");
x_admin_close();//关闭弹出层
}else{
alert("添加失败!");
}
},
error: function () {
alert("数据接口请求错误!");
}
});
}
php关键代码:
<?php
header("Content-Type: text/html;charset=utf-8");
include ‘../com/DBHelper.php‘;
//获取表单传递的参数
$username=$_POST["username"];
$sex=$_POST["sex"];
$address=$_POST["address"];
$password=$_POST["password"];
$Email=$_POST["Email"];
$phone=$_POST["phone"];
$DB=New DBHelper();
$Resoult=$DB->ExecSQL("insert into sys_user(username,password,email,sex,address,phone_number,create_time,user_type) values(‘{$username}‘,‘{$password}‘,‘{$Email}‘,‘{$sex}‘,‘{$address}‘,‘{$phone}‘,now(),‘普通用户‘);");
echo $Resoult;
?>
实现效果:

4后续
由于删除用户的功能涉及的内容较少,在下期编辑用户信息时一并将删除用户的功能进行讲解。
下期更新:php+MySQL实战案例【六】修改、删除用户。

微信公众号同步更新。
php+MySQL实战案例【五】新增用户
标签:后台管理 json 失败 公众号 tps http address 微信公众号 png