码迷,mamicode.com
首页 > 数据库 > 详细

php+MySQL实战案例【五】新增用户

时间:2020-03-30 16:07:27      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:后台管理   json   失败   公众号   tps   http   address   微信公众号   png   

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   

原文地址:https://www.cnblogs.com/soulsjie/p/12598792.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!