基于PHP的登錄和注冊的功能的實現(xiàn)

更新時間：2020年08月06日 16:33:26 作者：qq_29656961

這篇文章主要介紹了基于PHP的登錄和注冊的功能的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

1.新建三個html文件，兩個php文件和若干個CSS文件和若干個JS文件

2.登錄的html頁面顯示效果圖

3.注冊的頁面的顯示效果圖

4.登錄頁面的form表單代碼

<div class="sign-con w1200">
			<img src="img/logn-tu.gif" class="sign-contu f-l"/>
			<form action="login.php" method="post">
				<div class="sign-ipt f-l">
					<p>用戶名：</p>
					<input type="text" name="username" placeholder="手機號/郵箱" />
					<p>密碼：</p>
					<input type="password" name="password" placeholder="密碼可見" />
					<br />
					<button class="slig-btn">登錄</button>
					<p>
						沒有賬號？請
						<a href="regist.html" rel="external nofollow" >注冊</a>
						<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="wj">忘記密碼？</a>
					</p>
					<div class="sign-qx">
						<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="f-r">
							<img src="img/sign-xinlan.gif" />
						</a>
						<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="qq f-r">
							<img src="img/sign-qq.gif" />
						</a>
						<div style="clear: both;"></div>
					</div>
				</div>
			</form>
			<div style="clear: both;"></div>
		</div>

5.注冊頁面的form表單代碼

<div class="password-con registered">
			<form action="regist.php" method="post">
				<div class="psw">
					<p class="psw-p1">用戶名</p>
					<input type="text" name="username" placeholder="HR了" />
					<span class="dui"></span>
				</div>
				<div class="psw">
					<p class="psw-p1">輸入密碼</p>
					<input type="password" name="password" placeholder="請輸入密碼" />
					<span class="cuo">密碼由6-16的字母、數(shù)字、符號組成</span>
				</div>
				<div class="psw">
					<p class="psw-p1">確認密碼</p>
					<input type="password" name="repassword" placeholder="請再次輸入密碼" />
					<span class="cuo">密碼不一致，請重新輸入</span>
				</div>
				<div class="psw psw2">
					<p class="psw-p1">手機號/郵箱</p>
					<input type="text" name="telphone" placeholder="請輸入手機/郵箱驗證碼" />
					<button>獲取短信驗證碼</button>
				</div>
				<div class="psw psw3">
					<p class="psw-p1">驗證碼</p>
					<input type="text" placeholder="請輸入驗證碼" />
				</div>
				<div class="yanzhentu">
					<div class="yz-tu f-l">
						<img src="img/psw-yanzhengtu.gif" />
					</div>
					<p class="f-l">
						看不清楚？
						<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >換張圖</a>
					</p>
					<div style="clear: both;"></div>
				</div>
				<div class="agreement">
					<input type="checkbox" name="hobby" />
					<p>
						我有閱讀并同意
						<span>《宅客微購網(wǎng)站服務協(xié)議》</span>
					</p>
				</div>
				<button type="submit" value="注冊" class="psw-btn">立即注冊</button>
				<p class="sign-in">
					已有賬號？請
					<a href="login.html" rel="external nofollow" >登錄</a>
				</p>
			</form>
		</div><!-- 注冊框結(jié)束 -->

6.login.php代碼

<?php
  header("Content-type: text/html; charset=utf-8");
  $username = $_POST['username'];
  $password = $_POST['password'];
  $conn = new mysqli('localhost','root','root','shopping');
  if ($conn->connect_error){
    echo '數(shù)據(jù)庫連接失??！';
    exit(0);
  }else{
    if ($username == ''){
      echo '<script>alert("請輸入用戶名！");history.go(-1);</script>';
      exit(0);
    }
    if ($password == ''){
      echo '<script>alert("請輸入密碼！");history.go(-1);</script>';
      exit(0);
    }
    $sql = "select username,password from userinfo where username = '$_POST[username]' and password = '$_POST[password]'";
    $result = $conn->query($sql);
    $number = mysqli_num_rows($result);
    if ($number) {
      echo '<script>window.location="index.html";</script>';
    } else {
      echo '<script>alert("用戶名或密碼錯誤！");history.go(-1);</script>';
    }
  }
?>

7.regist.php代碼

<?php
  header("Content-type: text/html; charset=utf-8");
    $username = $_POST['username'];
    $password = $_POST['password'];
    $repassword = $_POST['repassword'];
    $telphone = $_POST['telphone'];
    if ($username == ''){
      echo '<script>alert("請輸入用戶名！");history.go(-1);</script>';
      exit(0);
    }
    if ($password == ''){
      echo '<script>alert("請輸入密碼");history.go(-1);</script>';
      exit(0);
    }
    if ($password != $repassword){
      echo '<script>alert("密碼與確認密碼應該一致");history.go(-1);</script>';
      exit(0);
    }
    if($password == $repassword){
      $conn = new mysqli('localhost','root','root','shopping');
      if ($conn->connect_error){
        echo '數(shù)據(jù)庫連接失??！';
        exit(0);
      }else {
        $sql = "select username from userinfo where username = '$_POST[username]'";
        $result = $conn->query($sql);
        $number = mysqli_num_rows($result);
        if ($number) {
          echo '<script>alert("用戶名已經(jīng)存在");history.go(-1);</script>';
        } else {
          $sql_insert = "insert into userinfo (username,password,telphone) values('$_POST[username]','$_POST[password]','$_POST[telphone]')";
          $res_insert = $conn->query($sql_insert);
          if ($res_insert) {
            echo '<script>window.location="index.html";</script>';
          } else {
            echo "<script>alert('系統(tǒng)繁忙，請稍候！');</script>";
          }
        }
      }
    }else{
      echo "<script>alert('提交未成功！'); history.go(-1);</script>";
    }
?>

8.進入首頁后的圖片