MySQL과 JavaScript를 사용하여 간단한 포럼 기능을 구현하는 방법

MySQL과 JavaScript를 사용하여 간단한 포럼 기능을 구현하는 방법

소개:
인터넷에서 매우 중요한 소셜 플랫폼 중 하나인 포럼은 사용자 등록, 게시, 답글 달기, 게시물 보기 등의 기능을 갖추고 있습니다. 이 기사에서는 MySQL과 JavaScript를 사용하여 간단한 포럼 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

1. 준비
1. MySQL 서버와 클라이언트를 설치하고 데이터베이스를 생성합니다.
2. Apache, Nginx 등의 웹 서버를 구축하세요.
3. 포럼의 프런트 엔드 인터페이스로 HTML 페이지를 만듭니다.

2. 데이터베이스 디자인
이 포럼 기능은 사용자 정보, 게시물 정보 및 답변 정보를 저장해야 합니다. 사용자 테이블(users), 게시 테이블(posts), 응답 테이블(comments)의 세 가지 테이블을 디자인합니다.

1. 사용자 테이블(users):
필드:

• id: 기본 키, 자동 증가, 사용자 ID.
• 사용자 이름: 사용자 이름, 고유합니다.
• 비밀번호: 비밀번호.

2. 게시물 테이블(게시물):
필드:

• id: 기본 키, 자동 증가, 게시물 ID.
• 제목: 게시물 제목.
• content: 게시물 콘텐츠입니다.
• userId: 사용자 테이블의 사용자 ID를 가리키는 외래 키입니다.

3. 응답 테이블(댓글):
필드:

• id: 기본 키, 자동 증가, 응답 ID.
• postId: 외래 키, 게시물 테이블의 게시물 ID를 가리킵니다.
• content: 답글 내용입니다.
• userId: 사용자 테이블의 사용자 ID를 가리키는 외래 키입니다.

3. 백엔드 개발
1. 사용자 등록을 처리하기 위한 인터페이스(register.php)를 만듭니다.

header('Content-Type: application/json');
$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');

// 앞부분 가져오기 -end 전송 사용자 이름과 비밀번호를 입력하세요
$username = $_POST['username'];
$password = $_POST['password'];

// 사용자 이름이 이미 존재하는지 확인하세요
$query = "SELECT * FROM 사용자 WHERE 사용자 이름 = '$username'";
$result = mysqli_query($conn, $query);

if (mysqli_num_rows($result) > 0) {

// 用户名已存在
$response = [
    'status' => 'error',
    'message' => 'Username already exists'
];

} else {

// 插入用户数据
$insertQuery = "INSERT INTO users (username, password) VALUES ('$username', '$password')";
mysqli_query($conn, $insertQuery);
$response = [
    'status' => 'success',
    'message' => 'Registration successful'
];

}

echo json_encode($ response);
?>

2. 게시물 게시를 위한 인터페이스를 만듭니다(create_post.php).

header('Content-Type: application/json');
$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');

// 앞부분 가져오기 -전송 종료 들어오는 게시물 제목, 내용 및 사용자 ID
$title = $_POST['title'];
$content = $_POST['content'];
$userId = $_POST['userId'];

/ / 게시물 데이터 삽입
$insertQuery = "INSERT INTO 게시물(제목, 콘텐츠, userId) VALUES ('$title', '$content', '$userId')";
mysqli_query($conn, $insertQuery);

$response = [

'status' => 'success',
'message' => 'Post created successfully'

];

echo json_encode($response);
?>

3. 답장을 위한 인터페이스를 만듭니다(create_comment.php).

header('Content-Type: application/json');
$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');

// 앞부분 가져오기 -전송 종료 들어오는 답글 내용, 게시물 ID 및 사용자 ID
$content = $_POST['content'];
$postId = $_POST['postId'];
$userId = $_POST['userId'];

// 응답 데이터 삽입
$insertQuery = "댓글에 삽입(content, postId, userId) VALUES ('$content', '$postId', '$userId')";
mysqli_query($conn, $insertQuery);

$ response = [

'status' => 'success',
'message' => 'Comment created successfully'

];

echo json_encode($response);
?>

4. 프론트엔드 개발
1. ! & Lt; html & gt;

& lt; 헤드 & lt;/head &

& lt; gt; l & lt;/html & gt;

2. 게시물 페이지(create_post.html). 뒤로 게시물 페이지(create_comment.html)입니다.

<title>论坛注册</title>

<h1>用户注册</h1>
<form id="registerForm">
    <label>用户名:</label>
    <input type="text" name="username" required>
    <br><br>
    <label>密码:</label>
    <input type="password" name="password" required>
    <br><br>
    <input type="submit" value="注册">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $('#registerForm').submit(function(event) {
            event.preventDefault();

            var data = $(this).serialize();

            $.ajax({
                url: 'register.php',
                type: 'POST',
                data: data,
                success: function(response) {
                    alert(response.message);
                    window.location.href = 'login.html';
                },
                error: function(xhr, status, error) {
                    alert(error);
                }
            });
        });
    });
</script>

위 내용은 MySQL과 JavaScript를 사용하여 간단한 포럼 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!