快捷導(dǎo)航

php實現(xiàn)登錄頁面的簡單實例

更新時間：2019年09月29日 16:15:25 作者：愛喝馬黛茶的安東尼

在本篇文章里小編給大家分享的是關(guān)于php實現(xiàn)登錄頁面的簡單實例以及相關(guān)知識點，有需要的朋友們學(xué)習(xí)下。

開始自然是從最簡單的功能起步，我第一個任務(wù)選擇了做一個登錄操作，其實也沒想象中那么簡單。

1、首先自然是連接和創(chuàng)建數(shù)據(jù)庫

這部分我寫在model.php中

$userName='root';

$passWord='';

$host='localhost';

$dataBase='login';

//創(chuàng)建連接

$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

2、寫前臺頁面，為了熟練前端框架，使用layui框架界面，前面有一段js代碼，來判斷用戶名密碼輸入是否為空。

<!DOCTYPE html>

<html>

<script src="layui.js";></script>

<link rel="stylesheet" href="layui.css" rel="external nofollow" ;>

<head>

  <meta charset="UTF-8">

  <title>注冊登錄</title>

</head>

<script language=JavaScript>

  function InputCheck()

  {

    if (Login.username.value == "")

      {

       alert("請輸入用戶名!");

       Login.username.focus();

       return (false);

       }

    if (Login.password.value == "")

       {

        alert("請輸入密碼!");

        Login.password.focus();

      return (false);

       }

     }

</script>

<body style="background: #1E9FFF">

<div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">

  <div style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >

    <div>

      <form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">

        <div style="color: gray">

          <h2>注冊登錄系統(tǒng)</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" value="注冊">

          </div>

        </div>

      </form>

    </div>

  </div>

</div>

</body>

</html>

3、login.php 用來判斷用戶名密碼的正確性，關(guān)于這一點我看了網(wǎng)上的很多方法，五花八門，在我沒遇到障礙之前，我決定先用簡單的形式，就是用sql語句查詢用戶名配上密碼的結(jié)果集，結(jié)果集為空，則不存在該用戶。

<?php

//數(shù)據(jù)庫連接

require_once 'model.php';

//從登錄頁接受來的數(shù)據(jù)

$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='123'</script>";

  };

4、文件目錄