Cara menggunakan MySQL dan JavaScript untuk melaksanakan fungsi forum mudah

Cara menggunakan MySQL dan JavaScript untuk melaksanakan fungsi forum yang mudah

Pengenalan:
Forum ialah rangkaian sosial yang sangat penting di Internet Salah satu platform, ia mempunyai fungsi seperti pendaftaran pengguna, pengeposan, membalas, dan melihat siaran. Artikel ini akan memperkenalkan cara menggunakan MySQL dan JavaScript untuk melaksanakan fungsi forum mudah, dan menyediakan contoh kod khusus.

1 Persediaan
1.
2 Bina pelayan web, seperti Apache, Nginx, dll.
3 Buat halaman HTML sebagai antara muka hadapan forum.

2. Reka bentuk pangkalan data
Fungsi forum ini perlu menyimpan maklumat pengguna, menghantar maklumat dan maklumat balas. Kami mereka bentuk tiga jadual: jadual pengguna (pengguna), jadual siaran (siaran) dan jadual balas (komen).

1. Jadual pengguna (pengguna):
Medan:

• id: kunci utama, kenaikan automatik, ID pengguna.
• nama pengguna: Nama pengguna, unik.
• kata laluan: Kata laluan.

2. Jadual siaran (siaran):
Medan:

• id: kunci utama, kenaikan automatik, ID pos.
• tajuk: Tajuk siaran.
• kandungan: Siarkan kandungan.
• userId: kunci asing, menunjuk ke ID pengguna jadual pengguna.

3 Jadual balasan (ulasan):
Medan:

• id: kunci utama, kenaikan automatik, ID balasan.
• postId: kunci asing, menunjuk ke ID pos jadual siaran.
• kandungan: Balas kandungan.
• userId: kunci asing, menunjuk ke ID pengguna jadual pengguna.

3. Pembangunan bahagian belakang
1.

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

// Dapatkan nama pengguna dan kata laluan dihantar dari bahagian hadapan
$nama pengguna = $_POST['nama pengguna'];
$kata laluan = $_POST[ 'kata laluan '];

//Semak sama ada nama pengguna sudah wujud
$query = "SELECT * FROM users WHERE username = '$username'";
$result = mysqli_query ($ conn, $query);

if (mysqli_num_rows($result) > 0) {

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

} else {

rreee#🎜}🎜 #🎜 🎜#

echo json_encode($response);

?>

2.

header('Content-Type: application/json');

$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');

// Dapatkan tajuk siaran, kandungan dan ID pengguna dihantar dari bahagian hadapan

$title = $_POST['title'];

$content = $ _POST['content'];
$userId = $_POST['userId'];

// Masukkan data siaran

$insertQuery = "MASUKKAN KE DALAM catatan (tajuk , kandungan , userId) NILAI ('$title', '$content', '$userId')";

mysqli_query($conn, $insertQuery);

$response = [# 🎜🎜 #

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

];

echo json_encode($response);

?>

3. php).

header('Content-Type: application/json');

$conn = mysqli_connect('localhost', 'username', 'password', 'database_name');

// Dapatkan kandungan balasan, ID pos dan ID pengguna dihantar dari bahagian hadapan
$kandungan = $_POST['kandungan'];

$ postId = $_POST['postId'];

$userId = $_POST['userId'];

// Masukkan data balasan
$insertQuery = "MASUKKAN KE DALAM ulasan ( kandungan, postId, userId) NILAI ('$content', '$postId', '$userId')";

mysqli_query($conn, $insertQuery);

$response = [ #🎜 🎜#

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

];

echo json_encode($response);

?>

4 #1. Halaman daftar(register.html).

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

<🎜#<🎜 badan>

<title>论坛注册</title>

2.

<h1 id="用户注册">用户注册</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>

<🎜#<🎜 body>

<title>发帖</title>

3.

<h1 id="发帖">发帖</h1>
<form id="createPostForm">
    <label>帖子标题:</label>
    <input type="text" name="title" required>
    <br><br>
    <label>帖子内容:</label>
    <textarea name="content" required></textarea>
    <br><br>
    <label>用户ID:</label>
    <input type="text" name="userId" 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() {
        $('#createPostForm').submit(function(event) {
            event.preventDefault();

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

            $.ajax({
                url: 'create_post.php',
                type: 'POST',
                data: data,
                success: function(response) {
                    alert(response.message);
                },
                error: function(xhr, status, error) {
                    alert(error);
                }
            });
        });
    });
</script>

<🎜#<🎜 body>

<title>回帖</title>

Atas ialah kandungan terperinci Cara menggunakan MySQL dan JavaScript untuk melaksanakan fungsi forum mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!