站長(zhǎng)資訊網(wǎng)php實(shí)現(xiàn)登錄操作的方法：首先連接和創(chuàng)建數(shù)據(jù)庫(kù)；然后使用layui框架創(chuàng)建前臺(tái)頁(yè)面；接著創(chuàng)建“l(fā)ogin.php”文件，用來判斷用戶名密碼的正確性；最后訪問文件目錄查看登錄界面效果即可。
推薦：《PHP視頻教程》
開始自然是從最簡(jiǎn)單的功能起步，我第一個(gè)任務(wù)選擇了做一個(gè)登錄操作，其實(shí)也沒想象中那么簡(jiǎn)單。
1.首先自然是連接和創(chuàng)建數(shù)據(jù)庫(kù)
這部分我寫在model.php中
$userName='root'; $passWord=''; $host='localhost'; $dataBase='login'; //創(chuàng)建連接 $conn=mysqli_connect($host,$userName,$passWord,$dataBase);
2.寫前臺(tái)頁(yè)面，為了熟練前端框架，用了layui框架使界面，前面有一段js代碼，來判斷用戶名密碼輸入是否為空
<!DOCTYPE html> <html lang="en"> <script src="layui.js";></script> <link rel="stylesheet" href="layui.css" ;> <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"> <p style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px"> <p style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" > <p class="layui-form"> <form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()"> <p class="layui-form-item" style="color: gray"> <h2>注冊(cè)登錄系統(tǒng)</h2> </p> <hr> <p class="layui-form-item"> <label class="layui-form-label">用戶名</label> <p class="layui-input-block"> <input type="text" name="username" id="username" placeholder="用戶名" autocomplete="off" class="layui-input"> </p> </p> <p class="layui-form-item"> <label class="layui-form-label">密 碼</label> <p class="layui-input-block"> <input type="password" name="password" id="password" placeholder="密碼" autocomplete="off" class="layui-input"> </p> </p> <p class="layui-form-item"> <p class="layui-input-block";> <input type="submit" value="登錄" class="layui-btn"> <input type="button" value="注冊(cè)" class="layui-btn"> </p> </p> </form> </p> </p> </p> </body> </html>
3.login.php 用來判斷用戶名密碼的正確性，關(guān)于這一點(diǎn)我看了網(wǎng)上的很多方法，五花八門，在我沒遇到障礙之前，我決定先用簡(jiǎn)單的形式，就是用sql語(yǔ)句查詢用戶名配上密碼的結(jié)果集，結(jié)果集為空，則不存在該用戶。
<?php //數(shù)據(jù)庫(kù)連接 require_once 'model.php'; //從登錄頁(yè)接受來的數(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.效果
6.小結(jié)
總體上不是特別困難，因?yàn)楣δ苁趾?jiǎn)單，下一步的任務(wù)是加入注冊(cè)功能，以及驗(yàn)證碼功能。
