Natürlich habe ich mit den einfachsten Funktionen begonnen. Meine erste Aufgabe bestand darin, einen Anmeldevorgang durchzuführen, der eigentlich nicht so einfach war, wie ich es mir vorgestellt hatte.
1. Als erstes muss ich die Datenbank erstellen
rrree>2 Um mich mit dem Front-End-Framework vertraut zu machen, habe ich das Laui-Framework verwendet, um die Schnittstelle zu erstellen, und davor befindet sich ein Stück JS-Code, um festzustellen, ob die Eingabe von Benutzername und Passwort leer ist$userName='root'; $passWord=''; $host='localhost'; $dataBase='login'; //创建连接 $conn=mysqli_connect($host,$userName,$passWord,$dataBase);
<!DOCTYPE html> <html lang="en"> <script src="layui.js";></script> <link rel="stylesheet" href="layui.css" ;> <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"> <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" onsubmit="return InputCheck()"> <p class="layui-form-item" style="color: gray"> <h2>注册登录系统</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="注册" class="layui-btn"> </p> </p> </form> </p> </p> </p> </body> </html>
5. Wirkung
6. Zusammenfassung
Erklärung der Grundlagen von HTML
Das praktische Tutorial von $.ajax+php lädt automatisch weitere Artikel, die das Prinzip erklären, wenn Sie es herunterziehen
Das obige ist der detaillierte Inhalt vonRelevante Codeanalyse für PHP zur Implementierung der Anmeldefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!