初学者必看！HTML+PHP+MySQL轻松搭建留言板

2022-12-22 14:58:10

打造你的专属留言板：使用 HTML、PHP 和 MySQL

准备工作

踏上搭建留言板之旅之前，你需要做好以下准备：

文本编辑器： Visual Studio Code 或 Sublime Text，助你编写 HTML、PHP 和 MySQL 代码。
Apache 或 Nginx： 提供网络服务，Apache 是个不错的选择。
MySQL： 管理你的数据库，MySQL Community Server 值得信赖。
PHP： 处理动态内容，推荐 PHP 7.4 或更高版本。

搭建数据库

启动 MySQL，创建一个名为 "message_board" 的新数据库。
在 "message_board" 数据库中创建名为 "messages" 的表，并执行以下 SQL 语句：

CREATE TABLE messages (
  id INT NOT NULL AUTO_INCREMENT,
  name VARCHAR(255) NOT NULL,
  email VARCHAR(255) NOT NULL,
  message TEXT NOT NULL,
  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (id)
);

编写 HTML 代码

创建一个名为 "index.html" 的 HTML 文件，粘贴以下代码：

<!DOCTYPE html>
<html>
<head>

</head>
<body>
  <h1>留言板</h1>
  <form action="process.php" method="post">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="name">
    <br>
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email">
    <br>
    <label for="message">留言：</label>
    <textarea id="message" name="message"></textarea>
    <br>
    <input type="submit" value="提交">
  </form>
  <hr>
  <h2>留言列表</h2>
  <ul id="messages">
  </ul>
</body>
</html>

编写 PHP 代码

创建一个名为 "process.php" 的 PHP 文件，输入以下代码：

<?php
// 连接数据库
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "message_board";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检测连接
if ($conn->connect_error) {
  die("连接失败: " . $conn->connect_error);
}

// 获取表单数据
$name = $_POST["name"];
$email = $_POST["email"];
$message = $_POST["message"];

// 插入数据到数据库
$sql = "INSERT INTO messages (name, email, message) VALUES ('$name', '$email', '$message')";
if ($conn->query($sql) === TRUE) {
  // 插入成功
  echo "留言已成功提交";
} else {
  // 插入失败
  echo "留言提交失败: " . $conn->error;
}

// 关闭连接
$conn->close();