为了实现一个低配版的留言本功能,我们需要完成以下步骤:
1. 创建一个数据库表来存储留言信息。
2. 使用PHP连接数据库并插入、查询、更新和删除留言。
3. 设计一个简单的HTML页面来显示留言列表。
4. 使用CSS和JavaScript美化页面。
5. 提供用户注册和登录功能。
我们需要创建一个数据库表来存储留言信息,我们可以使用以下SQL语句创建一个名为`messages`的表:
CREATE TABLE `messages` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(255) NOT NULL, `content` text NOT NULL, `create_time` datetime NOT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8;
接下来,我们需要编写PHP代码来连接数据库并插入、查询、更新和删除留言,以下是一个简单的示例:
<?php// 连接数据库$servername = "localhost";$username = "username";$password = "password";$dbname = "message_board";$conn = new mysqli($servername, $username, $password, $dbname);if ($conn->connect_error) { die("连接失败: " . $conn->connect_error);}// 插入留言function insertMessage($username, $content) { global $conn; $sql = "INSERT INTO messages (username, content, create_time) VALUES ('$username', '$content', NOW())"; if ($conn->query($sql) === TRUE) { return true; } else { return false; }}// 查询留言function getMessages($username) { global $conn; $sql = "SELECT * FROM messages WHERE username='$username'"; $result = $conn->query($sql); if ($result->num_rows > 0) { while($row = $result->fetch_assoc()) { echo "用户名: " . $row["username"]. " - 内容: " . $row["content"]. " - 时间: " . $row["create_time"]. "<br>"; } } else { echo "没有找到相关留言"; }}?>
现在我们需要设计一个简单的HTML页面来显示留言列表,以下是一个简单的示例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>留言本</title> <!-- 引入CSS和JavaScript文件 --></head><body> <h1>留言板</h1> <form action="submit_message.php" method="post"> <label for="username">用户名:</label> <input type="text" name="username" id="username" required> <br> <label for="content">留言内容:</label> <textarea name="content" id="content" rows="4" cols="50" required></textarea> <br> <input type="submit" value="提交留言"> </form> <hr> <?php getMessages(""); ?></body></html>
接下来,我们需要使用CSS和JavaScript美化页面,这里我们只是简单地添加了一些基本的样式,你可以根据需要进行更多的定制,以下是一个简单的示例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>留言本</title> <style> body { font-family: Arial, sans-serif; } h1 { text-align: center; } form { margin-bottom: 20px; } label { display: block; margin-bottom: 5px; } input[type="text"], input[type="submit"], textarea { width: 100%; margin-bottom: 20px; } textarea { height: 100px; } hr { border: none; height: 2px; background-color: #ccc; } </style></head><body> <h1>留言板</h1> <form action="submit_message.php" method="post"> <label for="username">用户名:</label> <input type="text" name="username" id="username" required> <br> <label for="content">留言内容:</label> <textarea name="content" id="content" rows="4" cols="50" required></textarea> <br> <input type="submit" value="提交留言"> </form> <hr> <?php getMessages(""); ?></body></html>
我们已经实现了一个基本的低配版留言本功能,你可以根据自己的需求进行进一步的定制和完善。