인터넷의 발달과 함께 다양한 웹사이트와 애플리케이션은 사람들의 일상생활에 필수적인 부분이 되었습니다. 그 중 로그인과 회원가입은 가장 기본적인 기능 중 하나입니다. 개발자에게 로그인 및 등록 인터페이스 구현은 기본적인 작업입니다. 이 기사에서는 HTML과 PHP를 사용하여 로그인 및 등록 인터페이스를 구현하는 방법을 소개합니다.
HTML과 PHP가 무엇인가요?
HTML은 웹페이지 생성을 위한 표준 언어입니다. 웹 페이지의 구조와 콘텐츠를 설명하기 위해 마크업을 사용합니다. HTML의 마크업은 일반적으로
및 와 같은 태그와 속성의 조합입니다. PHP는 동적 웹 페이지와 웹 애플리케이션을 만드는 데 사용할 수 있는 서버측 스크립팅 언어입니다. PHP는 데이터베이스에서 데이터를 검색하여 동적 콘텐츠를 생성하기 위해 데이터베이스와 함께 사용되는 경우가 많습니다.
등록 양식의 HTML 구현
등록 양식을 만들려면 HTML을 사용해야 합니다. HTML의 양식 요소를 통해 사용자는 웹 페이지에 데이터를 입력하고 이를 서버에 제출할 수 있습니다. 다음은 사용자 이름, 이메일 및 비밀번호와 같은 몇 가지 기본 입력 필드가 포함된 간단한 HTML 양식입니다.
<form action="register.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required> <label for="email">电子邮件:</label> <input type="email" id="email" name="email" required> <label for="password">密码:</label> <input type="password" id="password" name="password" required> <button type="submit">注册</button> </form>
위 코드에서는 양식 태그를 사용하여 양식을 만들었습니다. 그 중 action 속성은 폼 데이터를 제출할 주소를 지정하고, method 속성은 데이터를 제출하는 방법을 지정합니다. 이 예에서는 데이터를 제출하기 위해 POST 메소드를 사용하여 Register.php라는 파일에 양식을 제출합니다.
다음으로 label 태그를 사용하여 입력 필드를 표시하고 input 태그를 사용하여 입력 필드를 만듭니다. 여기서는 텍스트 입력 필드, 이메일 입력 필드, 비밀번호 입력 필드를 사용했습니다. 각 입력 필드에는 name 속성을 통해 식별할 수 있는 이름이 있습니다.
마지막으로 사용자가 클릭하면 양식 데이터가 서버에 제출되는 버튼을 추가했습니다.
PHP는 등록 백엔드를 구현합니다
사용자가 "등록" 버튼을 클릭하면 양식 데이터가 우리가 지정한 Register.php 파일에 제출됩니다. 이제 PHP를 통해 양식 데이터를 처리하고 이를 데이터베이스에 저장해야 합니다.
다음은 사용자를 생성하고 이를 데이터베이스에 저장하는 간단한 PHP 스크립트입니다.
<?php
//获取表单数据
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];
//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");
//检查用户名是否唯一
$query = "SELECT * FROM users WHERE username='$username'";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) > 0) {
die("用户名已存在！");
}
//插入用户数据到数据库中
$query = "INSERT INTO users (username, email, password) VALUES ('$username', '$email', '$password')";
mysqli_query($conn, $query);
//输出成功信息
echo "注册成功！";
?>위 코드에서는 먼저 $_POST를 사용하여 양식 데이터를 가져옵니다. 다음으로 MySQL 데이터베이스에 연결하고 mysqli_query 함수를 사용하여 SQL 쿼리를 실행합니다. 또한 사용자 이름이 고유한지 확인하는 등 몇 가지 기본적인 오류 확인도 수행합니다.
등록이 성공하면 사용자에게 간단한 메시지가 출력됩니다.
로그인 양식의 HTML 구현
이제 등록 양식을 생성하여 데이터베이스에 저장했습니다. 다음으로 로그인 양식을 만들어야 합니다.
아래는 이름과 비밀번호 필드가 있는 간단한 HTML 양식입니다.
<form action="login.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username" required> <label for="password">密码:</label> <input type="password" id="password" name="password" required> <button type="submit">登录</button> </form>
등록 양식과 달리 사용자 이름과 비밀번호라는 두 개의 필드만 있습니다. 사용자가 "로그인" 버튼을 클릭하면 양식 데이터가 login.php라는 파일로 제출됩니다.
PHP 로그인 백엔드 구현
사용자가 로그인 양식을 제출하면 올바른 페이지로 리디렉션될 수 있도록 PHP를 통해 자격 증명을 확인해야 합니다. 다음은 사용자 자격 증명을 확인하는 간단한 PHP 스크립트입니다.
<?php
//获取表单数据
$username = $_POST['username'];
$password = $_POST['password'];
//连接数据库
$conn = mysqli_connect("localhost", "root", "", "users");
//检查用户凭据
$query = "SELECT * FROM users WHERE username='$username' AND password='$password'";
$result = mysqli_query($conn, $query);
if (mysqli_num_rows($result) == 1) {
header("Location: dashboard.php");
} else {
die("无效的用户名或密码！");
}
?>위 코드에서는 먼저 $_POST를 사용하여 사용자가 제출한 양식 데이터를 가져옵니다. 다음으로 MySQL 데이터베이스에 연결하고 mysqli_query 함수를 사용하여 SQL 쿼리를 실행합니다.
사용자 이름과 비밀번호가 올바른지 확인하고, 맞다면 사용자를 Dashboard.php라는 페이지로 리디렉션합니다. 그렇지 않으면 사용자에게 오류 메시지가 표시됩니다.
요약
이 기사에서는 HTML과 PHP를 사용하여 로그인 및 등록 인터페이스를 구현하는 방법을 배웠습니다. 우리는 사용자 데이터를 수집하여 MySQL 데이터베이스에 저장하기 위한 등록 양식을 만들었습니다. 또한 사용자 자격 증명을 확인하고 올바른 페이지로 리디렉션하는 로그인 양식도 만들었습니다. 이 기사가 HTML과 PHP를 사용하여 기본 로그인 및 등록 기능을 구현하는 방법을 더 잘 이해하는 데 도움이 되었기를 바랍니다.
위 내용은 HTML과 PHP를 사용하여 로그인 및 등록 인터페이스를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
