> 백엔드 개발 > PHP 문제 > 성공적인 로그인 점프를 작성하기 위해 PHP를 사용하는 방법

성공적인 로그인 점프를 작성하기 위해 PHP를 사용하는 방법

PHPz
풀어 주다: 2023-04-19 14:10:14
원래의
1074명이 탐색했습니다.

PHP는 웹 개발에 널리 사용되는 서버 측 스크립팅 언어로 동적 웹 페이지 제작 및 웹 애플리케이션 개발에 사용할 수 있습니다. 웹사이트 개발에서 로그인 시스템은 매우 일반적인 기능이며, 로그인 성공 후 지정된 페이지로 이동하는 것도 사용자 경험의 중요한 부분입니다. 이 기사에서는 PHP를 사용하여 성공적인 로그인 점프를 달성하는 함수를 작성하는 방법을 소개합니다.

1. 양식 페이지 만들기

먼저 사용자가 사용자 이름과 비밀번호를 입력할 수 있는 로그인 페이지를 만들어야 합니다. 이 페이지를 더 읽기 쉽게 만들기 위해 HTML에서 CSS 스타일을 사용하여 페이지를 아름답게 만들 수 있습니다. 양식 페이지에는 다음 내용이 포함되어야 합니다.

    사용자 이름 및 비밀번호 입력 상자가 포함된 양식
  • POST 방법을 사용하여 양식을 제출하는 버튼.
  • HTML 코드는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
    <title>登陆页面</title>
    <style>
        body{
            background-color: #F4F4F4;
        }
        
        .login{
            margin: 100px auto;
            border: 1px solid #ccc;
            width: 400px;
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px #ccc;
        }
        
        input[type=text], input[type=password]{
            width: 100%;
            padding: 10px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            box-sizing: border-box;
            border-radius: 5px;
        }
        
        button[type=submit]{
            background-color: #4CAF50;
            color: white;
            padding: 10px 18px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        
        button[type=submit]:hover{
            background-color: #45a049;
        }
        
        .error{
            color: red;
        }
    </style>
</head>
<body>
    <div class="login">
        <h2>登陆页面</h2>
        <form action="process.php" method="POST">
            <label for="username">用户名</label>
            <input type="text" id="username" name="username" placeholder="请输入用户名">
            <label for="password">密码</label>
            <input type="password" id="password" name="password" placeholder="请输入密码">
            <button type="submit">登陆</button>
            <?php
                if(isset($_GET[&#39;error&#39;])){
                    if($_GET[&#39;error&#39;] == &#39;empty&#39;){
                        echo "<p class=&#39;error&#39;>请输入所有字段!</p>";
                    }
                    elseif ($_GET['error'] == 'wrong') {
                        echo "<p class=&#39;error&#39;>请输入正确的用户名和密码!</p>";
                    }
                }
            ?>
        </form>
    </div>
</body>
</html>
로그인 후 복사
  • 2. 사용자 이름과 비밀번호 확인
  • 다음으로 사용자가 입력한 사용자 이름과 비밀번호가 올바른지 확인해야 합니다. 이 프로세스를 구현하기 위해 서버 측에서 PHP를 사용할 수 있습니다. 먼저, 서버 측에 process.php 파일을 생성해야 합니다. 이 파일은 양식 데이터를 수신하고 사용자 이름과 비밀번호가 올바른지 확인합니다. 정확하다면 사용자를 이 파일의 다른 페이지로 리디렉션합니다.

    <?php
        session_start();
        if(isset($_POST[&#39;username&#39;]) && isset($_POST[&#39;password&#39;])){
            include &#39;db_connection.php&#39;;
            $username = $_POST[&#39;username&#39;];
            $password = $_POST[&#39;password&#39;];
            if(empty($username) || empty($password)){
                header("Location: index.php?error=empty");
                exit();
            }
            else{
                $sql = "SELECT * FROM users WHERE username=&#39;$username&#39; AND password=&#39;$password&#39;";
                $result = mysqli_query($conn, $sql);
                if(mysqli_num_rows($result) === 1){
                    $row = mysqli_fetch_assoc($result);
                    if($row[&#39;username&#39;] === $username && $row[&#39;password&#39;] === $password){
                        $_SESSION[&#39;username&#39;] = $row[&#39;username&#39;];
                        header("Location: welcome.php");
                        exit();
                    }
                }
                else{
                    header("Location: index.php?error=wrong");
                    exit();
                }
            }
        }
        else{
            header("Location: index.php");
            exit();
        }
    ?>
    로그인 후 복사
    위 코드에서는 먼저 session_start() 함수를 사용하여 새 세션을 엽니다. 그런 다음 $_POST 배열에 사용자 이름과 비밀번호가 있는지 확인합니다. 존재하는 경우 데이터베이스에서 사용자 데이터를 검색해야 하므로 db_connection.php 파일에서 데이터베이스 연결 변수를 가져옵니다. 그런 다음 if 문을 사용하여 입력된 필드가 비어 있는지 확인합니다. 비어 있으면 사용자를 원본 양식 페이지로 리디렉션하고 URL에 오류 코드를 포함합니다.

    입력 필드가 비어 있지 않으면 데이터베이스에서 해당 사용자에 대한 기록을 검색할 수 있습니다. 일치하는 사용자 이름과 비밀번호가 있는 기록을 얻으면 사용자 이름을 $_SESSION에 저장하고 header() 함수를 사용하여 사용자를 Welcome.php 페이지로 리디렉션할 수 있습니다. 데이터베이스에 그러한 기록이 없으면 사용자를 원래 양식 페이지로 리디렉션하고 URL에 오류 코드를 포함시킵니다.

    3. 환영 페이지 만들기

    마지막으로 사용자가 성공적으로 로그인한 후 리디렉션되는 환영 페이지를 만들어야 합니다. 환영 페이지에는 환영 메시지와 사용자가 로그아웃하고 로그아웃할 수 있는 버튼만 표시될 수 있습니다.

    <!DOCTYPE html>
    <html>
    <head>
        <title>欢迎页</title>
    </head>
    <body>
        <h1>欢迎</h1>
        <p>您已经成功登陆, <?php echo $_SESSION[&#39;username&#39;]; ?>!</p>
        <a href="logout.php">注销</a>
    </body>
    </html>
    로그인 후 복사
    환영 페이지에서는 PHP의 $_SESSION 메커니즘을 사용하여 현재 사용자 이름을 표시합니다. 또한 페이지의 logout.php 파일을 통해 로그아웃 기능을 구현하는 페이지에 대한 링크를 추가했습니다.

    4. 로그아웃 기능 구현

    마지막으로, 로그아웃 기능을 구현하기 위해 PHP를 사용하여 logout.php 파일을 작성해야 합니다.

    <?php
        session_start();
        session_unset();
        session_destroy();
        header("Location: index.php");
        exit();
    ?>
    로그인 후 복사
    logout.php 파일에서 먼저 session_start() 함수를 사용하여 세션을 시작합니다. session_unset() 및 session_destroy() 함수를 사용하여 모든 세션 데이터를 지우고 사용자를 홈 페이지로 다시 리디렉션합니다. "로그아웃" 링크를 클릭하면 사용자가 로그아웃됩니다.

    요약

    이 기사에서는 PHP를 사용하여 성공적인 로그인 점프를 달성하는 간단한 시스템을 작성하는 방법을 소개했습니다. PHP 및 MySQL을 사용하면 양식이 제출될 때 사용자 이름과 비밀번호를 확인하고, 확인에 성공한 후 사용자를 다른 페이지로 리디렉션하고, 오류가 발생하면 사용자를 원래 양식 페이지로 되돌릴 수 있습니다. 또한 시작 페이지에 현재 로그인된 사용자 이름을 표시하는 방법과 logout.php 파일에 로그아웃 기능을 추가하는 방법도 다루었습니다. 이는 방문자에게 귀하의 웹사이트에서 좋은 사용자 경험을 제공할 수 있는 간단하지만 기능적인 로그인 성공 리디렉션 시스템입니다.

    위 내용은 성공적인 로그인 점프를 작성하기 위해 PHP를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿