php连接数据库mysql 用户注册

本地配置好PHP环境,数据库。
以用户的注册为例:
页面效果:
在这里插入图片描述
前端代码:

<form action="http://10.9.61.57:4001/signUp.php" method="POST">
        <h2>用户注册系统</h2>
        <div>
            <label for="user">用户名:</label>
            <input type="text" id="user" name="user">
            <span></span>
        </div>
        <div>
            <label for="password">&emsp;码:</label>
            <input type="password" id="password" name="password">
            <span></span>
        </div>
        <div>
            <label for="name">&emsp;名:</label>
            <input type="text" id="name" name="name">
            <span></span>
        </div>
        <div>
            <label class="sex">&emsp;别:</label>
            <label for="man"></label>
            <input type="radio" id="man" name="sex" value="" checked>
            <label for="women"></label>
            <input type="radio" id="women" name="sex" value="">
        </div>
        <div>
            <label for="age">&emsp;龄:</label>
            <input type="text" id="age" name="age">
            <span></span>
        </div>
        <div>
            <label for="tel">&emsp;话:</label>
            <input type="text" id="tel" name="tel">
            <span></span>
        </div>
        <div>
            <label for="email">&emsp;箱:</label>
            <input type="text" id="email" name="email">
            <span></span>
        </div>
       
       <div>
           <input type="submit">
           <input type="reset">
       </div>
    </form>

样式代码:

form
{
    width: 800px;
    margin: auto;
    border: 1px solid #000000;
}
form>h2
{
    text-align: center;
}
form input
{
    margin-left: 20px;
    font-size: 25px;
    margin-bottom: 20px;
}
form>div
{
    margin-left: 200px;
    font-size: 25px;
}
.sex~label
{
    margin-left: 20px;
}
form>div:last-of-type{
   margin-top: 20px;
   margin-bottom: 20px;
   text-align: center;
   margin-left: 0;
}
form>div:last-of-type>input:last-of-type{
    margin-left: 100px;
}
[type=radio]
{
    width: 20px;
    height: 20px;
}
span{
    color:red;
}

php代码:

<?php
    header("content-type:text/html;charset=utf-8");

    // print_r($_POST);
    init();
    function init(){
        //连接数据库,参数含义为 IP地址 数据库账号 密码 项目名称 端口号
        $sql=mysqli_connect("localhost","root","root","game","3306");
        //判断数据库是否连接成功
        if(mysqli_connect_errno()){
            echo "连接数据库出错";
            return;
        }
        insertUser($sql);
    }
    //插入数据
    function insertUser($sql){
        //插入语句
        $res=mysqli_query($sql,"INSERT INTO `user`(`user`, `password`, `name`, `age`, `sex`, `tel`, `email`) VALUES ('$_POST[user]','$_POST[password]','$_POST[name]',$_POST[age],'$_POST[sex]','$_POST[tel]','$_POST[email]')");
        //插入成功执行
        if($res){
        	//跳转到登录页面
            echo "<script>
                location.href='http://10.9.61.57:5500/client/signIn.html';
            </script>";
            return;
        }
        echo "<script>
            history.back();
            alert('注册失败,用户名重复,请重新填写注册!');
        </script>";
    }
?>

登录判断的代码:

<?php
    header("content-type:text/html;charset=utf-8");
    init();
    function init(){
        //连接数据库,参数含义为 IP地址 数据库账号 密码 项目名称 端口号
        $sql=mysqli_connect("localhost","root","root","game","3306");
        //判断数据库是否连接成功
        if(mysqli_connect_errno()){
            echo "连接数据库失败";
            return;
        }
        searchUser($sql);
    }
    //查询
    function searchUser($sql){
        //查询语句
        $res=mysqli_query($sql,"SELECT * FROM `user` WHERE `user`='$_REQUEST[user]'");
        // print_r($res);
        //如果查询到数据的num_rows是0,表示没有对应的数据
        if($res->num_rows==0){
            echo "<script>
            alert('用户名输入错误,请重新登录!');
            history.back();
            </script>";
            return;
        }
        //登录成功操作
        //......
    }
发布了62 篇原创文章 · 获赞 29 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/Charissa2017/article/details/104034897