당연히 가장 간단한 기능부터 시작했는데, 첫 번째 작업은 로그인 작업을 수행하는 것이었지만 실제로는 상상만큼 간단하지 않았습니다.
1. 먼저 데이터베이스를 연결하고 생성합니다.
이 부분은 model.php
$userName='root'; $passWord=''; $host='localhost'; $dataBase='login'; //创建连接 $conn=mysqli_connect($host,$userName,$passWord,$dataBase);
관련 권장 사항: "php 환경 구축"
2. 프런트엔드 프레임워크에 능숙하려면layui를 사용하세요. 프레임워크 인터페이스 앞에 사용자 이름과 비밀번호 입력이 비어 있는지 확인하는 js 코드가 있습니다.
<!DOCTYPE html> <html> <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"> <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>注册登录系统</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는 사용자 이름과 비밀번호의 정확성을 확인하는 데 사용됩니다. 이에 관해 인터넷에서 여러 가지 방법을 살펴봤고 어떤 장애물에 직면하기 전에 사용하기로 결정했습니다. 먼저 간단한 형식, 즉 sql을 사용합니다. 이 문은 사용자 이름과 비밀번호의 결과 집합을 쿼리합니다. 결과 집합이 비어 있으면 사용자가 존재하지 않습니다.
<?php //数据库连接 require_once 'model.php'; //从登录页接受来的数据 $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. 파일 디렉터리
5. 효과는 다음과 같습니다.
위 내용은 PHP로 로그인 페이지를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!