php：用户登录注册并存入数据库的简单网页示例

学习了一下php的一些基础知识，就迫不及待的想做一些相关的实例来巩固一下自己的学习，这样才知道这些函数语法在实际上的作用和效果，下面是一个比较简单的实例，实现了用户在注册的时候，把用户的数据存到数据库中，还有就用实现用户登录，下面直接放代码：

首先是登录页面的网页：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
     <title>注册登录</title>
</head>

<script language=JavaScript>
 
    function InputCheck(){
        var x = document.forms["Login"]["username"].value;
        if ( x == "" || x == null){
            alert("请输入用户名!");
            return (false);
        }
    
        var y= document.forms["Login"]["password"].value;
        if (y == "" || y == null){
            alert("请输入密码!");
            return (false);
        } 
    }

    function Regpage() {
        location='register.html';
    } 
</script>

<body> 
<div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">
 
  <div style="background: #eFeFeF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" > 
    <div> 
      <form action="login.php" method="post" name="Login"  onsubmit="return InputCheck()"> 
        <div style="color: black"> 
          <h2>注册登录系统</h2> 
        </div> 
        <hr> 
        <div> 
          <label>用户名</label> 
          <div> 
            <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off">
           </div> 
        </div> 
        <div> 
          <label>密  码</label> 
          <div> 
            <input type="password" name="password" id="password" placeholder="密码" autocomplete="off"> 
          </div> 
        </div> 
        <div> 
          <div> 
            <input type="submit" value="登录"> 
            <input type="button" name="register" id="register" value="注册" onclick="Regpage()"> 
          </div> 
        </div> 
      </form> 
    </div> 
  </div> 
</div>
</body>
</html>

页面:

登录注册页.png

然后是login.php：

<?php
 
//数据库连接 
require("connectsql.php");  //我把连接数据库的连接代码写在connectsql.php脚本上

//从登录页接受来的数据 
$name=$_POST["username"]; 
$pwd=$_POST["password"]; 
$sql="SELECT id,username,password FROM user WHERE username='$name' AND password='$pwd';"; 
$result=mysqli_query($conn,$sql); 
$row=mysqli_num_rows($result);
  
if(!$row){      
    echo "<script>alert('密码错误，请重新输入');location='login.html'</script>";   
  } 
  else{    
    echo "<script>alert('登录成功');location='hao123.html'</script>"; 
  }
?>

上面两个代码脚本实现用户登录操作：

登录成功提示页面

然后下面是注册页面：
register.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>

<script>
    
    function ResCheck() {
        var x=document.forms["Register"]["username"].value;
        if ( x == "" || x == null){
            alert("用户名不能为空!");
            return (false);
        }
    
        var y= document.forms["Register"]["password"].value;
        if (y == "" || y == null){
            alert("密码不能为空!");
            return (false);
        }
        
        var z= document.forms["Register"]["password2"].value;
        if ( z!=y ) {
            alert("两次密码输入不一致，重新输入！");
            return (false);
        }
    }
</script>

<body>
  <div style="position: absolute; left: 25%; top: 25%;width: 1000px; margin-left:-50px; margin-top: -100px; border: 1px dashed; padding: 50px">
    <div>
      <form action="register.php" method="post" name="Register" onsubmit="return ResCheck()">
        <div style="color:black">
          <h2>用户注册</h2>
        </div>
        <div>
          <label>用户名</label>
          <div>
            <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off">
          </div>
        </div>
        <br/>
        <div>
          <label>密码</label>
          <div>
            <input type="password" name="password" id="password" placeholder="密码" autocomplete="off">
          </div>
        </div>
        <br/>
        <div>
          <label>确认密码</label>
          <div>
            <input type="password" name="password2" id="password2" placeholder="再次输入密码" autocomplete="off">
          </div>
        </div>
        <br/>
        <div>
          <input type="submit" value="提交">
        </div>
      </form>   
    </div>  
  </div>
</body>
</html>

注册页面（比较简陋）

然后是register.php：

<?php
 
//数据库连接
require("connectsql.php");

//从注册页接受来的数据
$user=$_POST["username"];
$pwd=$_POST["password"];

$sql="INSERT INTO user (username,password) VALUES ('$user','$pwd')";
$select="SELECT username FROM user WHERE username='$user'";
$result=mysqli_query($conn,$select);
$row=mysqli_num_rows($result);

if(!$row){

    if (mysqli_query($conn,$sql)){
        echo "<script>alert('注册成功，请登录');location='login.html'</script>";
    }else{
        echo "<script>alert('注册失败，请重新注册');location='regsiter.html'</script>";
    }

}else{
    echo "<script>alert('该用户已经存在，请直接登录');location='login.html'</script>";
}
?>

用户存在.png

注册成功.png

注册成功会按确认会跳到登录页面，下面看看注册后数据库的变化：

数据库

可以看到新增了用户名和密码。
这里在登录页面没有进行用户的查询（即判断用户是否不存在这一步骤），但是不难，只需要加一个判断条件就可以了，但是我在这里就不想加了（hea）。。。。。