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实战案例【六】修改、删除用户。