開(kāi)始自然是從最簡(jiǎn)單的功能起步，我第一個(gè)任務(wù)選擇了做一個(gè)登錄操作，其實(shí)也沒(méi)想象中那么簡(jiǎn)單。
1、首先自然是連接和創(chuàng)建數(shù)據(jù)庫(kù)
這部分我寫(xiě)在model.php中
$userName='root'; $passWord=''; $host='localhost'; $dataBase='login'; //創(chuàng)建連接 $conn=mysqli_connect($host,$userName,$passWord,$dataBase);
2、寫(xiě)前臺(tái)頁(yè)面，為了熟練前端框架，使用layui框架界面，前面有一段js代碼，來(lái)判斷用戶名密碼輸入是否為空。
!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 用來(lái)判斷用戶名密碼的正確性，關(guān)于這一點(diǎn)我看了網(wǎng)上的很多方法，五花八門，在我沒(méi)遇到障礙之前，我決定先用簡(jiǎn)單的形式，就是用sql語(yǔ)句查詢用戶名配上密碼的結(jié)果集，結(jié)果集為空，則不存在該用戶。
?php
//數(shù)據(jù)庫(kù)連接
require_once 'model.php';
//從登錄頁(yè)接受來(lái)的數(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)登錄頁(yè)面的詳細(xì)內(nèi)容，感謝大家對(duì)腳本之家的支持。
標(biāo)簽：南寧 烏魯木齊 赤峰 山南 三亞 迪慶 鷹潭 濟(jì)寧
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《php實(shí)現(xiàn)登錄頁(yè)面的簡(jiǎn)單實(shí)例》，本文關(guān)鍵詞 php,實(shí)現(xiàn),登錄,頁(yè),面的,簡(jiǎn)單,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
