開始自然是從最簡(jiǎn)單的功能起步，我第一個(gè)任務(wù)選擇了做一個(gè)登錄操作，其實(shí)也沒想象中那么簡(jiǎn)單。
1、首先自然是連接和創(chuàng)建數(shù)據(jù)庫
這部分我寫在model.php中
$userName='root';
$passWord='';
$host='localhost';
$dataBase='login';
//創(chuàng)建連接
$conn=mysqli_connect($host,$userName,$passWord,$dataBase);
2、寫前臺(tái)頁面，為了熟練前端框架，使用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>注冊(cè)登錄/title>
/head>
script language=JavaScript>
function InputCheck()
{
if (Login.username.value == "")
{
alert("請(qǐng)輸入用戶名!");
Login.username.focus();
return (false);
}
if (Login.password.value == "")
{
alert("請(qǐng)輸入密碼!");
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>注冊(cè)登錄系統(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="注冊(cè)">
/div>
/div>
/form>
/div>
/div>
/div>
/body>
/html>
3、login.php 用來判斷用戶名密碼的正確性，關(guān)于這一點(diǎn)我看了網(wǎng)上的很多方法，五花八門，在我沒遇到障礙之前，我決定先用簡(jiǎn)單的形式，就是用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('密碼錯(cuò)誤，請(qǐng)重新輸入');location='login.html'/script>";
}
else{
echo "script>alert('登錄成功');location='123'/script>";
};
4、文件目錄
5、效果如下：
以上就是php如何實(shí)現(xiàn)登錄頁面的詳細(xì)內(nèi)容，感謝大家對(duì)腳本之家的支持。
您可能感興趣的文章:- PHP實(shí)現(xiàn)的登錄頁面信息提示功能示例
- PHP未登錄自動(dòng)跳轉(zhuǎn)到登錄頁面
- PHP4中session登錄頁面的應(yīng)用
