当前位置:首页>php>PHP 原生开发留言板:不用框架,300 行代码搞定数据存储与展示

PHP 原生开发留言板:不用框架,300 行代码搞定数据存储与展示

  • 2026-08-26 09:28:23
PHP 原生开发留言板:不用框架,300 行代码搞定数据存储与展示
      做站长这些年,经常有刚入门的朋友问我:“想学 PHP,但框架太复杂,有没有简单的实战项目练手?” 其实新手入门最好的方式,就是从最基础的原生开发做起 —— 不用花里胡哨的框架,只用 PHP+MySQL + 原生 HTML/CSS,从零写一个留言板。

      我当年学 PHP 的第一个实战项目就是留言板,前后也就写了 300 多行代码,却把 PHP 连接数据库、数据增删改查、前端交互这些核心知识点都摸透了。今天就把这个 “新手友好型” 项目的完整思路和代码分享出来,纯原生开发,新手跟着做,半小时就能跑通。

一、先理清需求:一个极简留言板要实现什么?

新手做项目别贪多,先把核心功能落地:

  1. 1、前端展示留言列表(昵称、留言内容、发布时间);
  2. 2、提供留言提交表单(昵称、留言内容输入框);
  3. 3、后端接收表单数据,验证后存入 MySQL;
  4. 4、从数据库读取留言,渲染到前端页面;
  5. 5、最基础的防错处理(比如内容为空、昵称过长)。

不用做删除、修改功能,也不用搞复杂样式,先把 “提交 - 存储 - 展示” 这个核心流程跑通,这才是关键。

二、准备工作:环境与数据库

      我用的是本地 WAMP 环境(Windows+Apache+MySQL+PHP),新手直接装个集成环境就行,不用单独配置。先建数据库和表,这步别偷懒:

1. 创建数据库和数据表

      打开 phpMyAdmin,新建数据库(比如叫msg_board),然后执行下面的 SQL 创建留言表:

CREATE TABLE `message` (  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '留言ID',  `username` varchar(20) NOT NULL COMMENT '留言人昵称',  `content` text NOT NULL COMMENT '留言内容',  `create_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '发布时间',  PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='留言板数据表';

      字段不用多,id 自增做主键,username 限制长度避免乱输入,create_time 自动记录时间,足够用了。

2. 数据库连接文件

      新建conn.php,专门处理数据库连接,后续所有页面都引入这个文件,避免重复写连接代码:

<?php// 数据库配置$host = 'localhost'; // 本地环境默认localhost$user = 'root'; // 数据库用户名,默认root$pwd = '你的数据库密码'; // 记得改成自己的密码$dbname = 'msg_board'; // 刚才创建的数据库名// 连接数据库$conn = mysqli_connect($host, $user, $pwd, $dbname);if(!$conn) {    die('数据库连接失败:' . mysqli_connect_error());}// 设置字符集,避免中文乱码mysqli_set_charset($conn, 'utf8mb4');?>

      这里提醒新手:一定要加mysqli_set_charset,当年我第一次做的时候没加,留言全是乱码,排查了半天才找到原因。

三、核心代码:300 行实现完整功能

      整个项目就两个核心文件:index.php(展示留言 + 提交表单)、add_msg.php(处理留言提交),加起来也就 300 行代码,逐行讲清楚。

1. 主页面 index.php(展示 + 提交)

      这个文件既要展示已有的留言,又要显示提交表单,逻辑很简单:先从数据库查留言,再渲染到页面,最后写表单提交区域。

<?php// 引入数据库连接文件require_once 'conn.php';// 查询留言,按发布时间倒序(最新的在最上面)$sql = "SELECT * FROM message ORDER BY create_time DESC";$result = mysqli_query($conn, $sql);// 初始化留言数组$messages = [];if (mysqli_num_rows($result) > 0) {    while ($row = mysqli_fetch_assoc($result)) {        $messages[] = $row;    }}// 关闭查询结果mysqli_free_result($result);?><!DOCTYPE html><htmllang="zh-CN"><head>    <metacharset="UTF-8">    <title>极简留言板 | 原生PHP开发</title>    <style>        /* 简单样式,不用复杂,能看就行 */        * {            margin: 0;            padding: 0;            box-sizing: border-box;            font-family: "微软雅黑", sans-serif;        }        .container {            width: 800px;            margin: 50px auto;        }        h1 {            text-align: center;            margin-bottom: 30px;            color: #333;        }        .msg-form {            border: 1px solid #eee;            padding: 20px;            margin-bottom: 30px;            border-radius: 5px;        }        .msg-form input, .msg-form textarea {            width: 100%;            padding: 10px;            margin-bottom: 15px;            border: 1px solid #ddd;            border-radius: 3px;        }        .msg-form textarea {            height: 100px;            resize: none;        }        .msg-form button {            background: #0088cc;            color: #fff;            border: none;            padding: 10px 20px;            border-radius: 3px;            cursor: pointer;        }        .msg-form button:hover {            background: #006699;        }        .msg-list .msg-item {            border: 1px solid #eee;            padding: 15px;            margin-bottom: 10px;            border-radius: 5px;        }        .msg-item .username {            font-weight: bold;            color: #0088cc;            margin-bottom: 10px;        }        .msg-item .content {            line-height: 1.6;            color: #666;            margin-bottom: 10px;        }        .msg-item .time {            font-size: 12px;            color: #999;            text-align: right;        }        .error {            color: red;            margin-bottom: 15px;            text-align: center;        }    </style></head><body>    <divclass="container">        <h1>极简留言板</h1>        <!-- 留言提交表单 -->        <divclass="msg-form">            <?php            // 接收提交后的提示信息            if (isset($_GET['msg'])) {                echo '<div class="error">' . htmlspecialchars($_GET['msg']) . '</div>';            }            ?>            <formaction="add_msg.php"method="post">                <inputtype="text"name="username"placeholder="请输入你的昵称(最多20个字)"maxlength="20">                <textareaname="content"placeholder="请输入留言内容"></textarea>                <buttontype="submit">提交留言</button>            </form>        </div>        <!-- 留言列表 -->        <divclass="msg-list">            <?php if (empty($messages)): ?>                <pstyle="text-align:center; color:#999;">暂无留言,快来抢沙发吧~</p>            <?php else: ?>                <?php foreach ($messages as $msg): ?>                    <divclass="msg-item">                        <divclass="username"><?php echo htmlspecialchars($msg['username']); ?></div>                        <divclass="content"><?php echo htmlspecialchars($msg['content']); ?></div>                        <divclass="time"><?php echo $msg['create_time']; ?></div>                    </div>                <?php endforeach; ?>            <?php endif; ?>        </div>    </div></body></html><?php// 关闭数据库连接mysqli_close($conn);?>

这里有几个新手必注意的点:

  • ● 用htmlspecialchars()转义输出内容,防止 XSS 攻击(当年我没加这个,被朋友测试时插了恶意代码,页面直接乱了);
  • ● 查询结果用完要mysqli_free_result,连接用完要mysqli_close,养成良好习惯;
  • ● 表单提交用post方法,比get安全,也能传更多内容。

2. 处理提交 add_msg.php

这个文件专门接收表单提交的数据,验证、入库,然后跳回主页面。

<?php// 引入数据库连接require_once 'conn.php';// 判断是否是POST提交if($_SERVER['REQUEST_METHOD'] !== 'POST') {    header('Location: index.php?msg=请通过表单提交留言');    exit;}// 接收并过滤数据$username = trim($_POST['username'] ?? '');$content = trim($_POST['content'] ?? '');// 数据验证if(empty($username)) {    header('Location: index.php?msg=昵称不能为空');    exit;}if(empty($content)) {    header('Location: index.php?msg=留言内容不能为空');    exit;}if(mb_strlen($username) > 20) {    header('Location: index.php?msg=昵称不能超过20个字');    exit;}// 预处理SQL,防止SQL注入(重点!)$stmt = mysqli_prepare($conn, "INSERT INTO message (username, content) VALUES (?, ?)");mysqli_stmt_bind_param($stmt, 'ss', $username, $content);// 执行入库if(mysqli_stmt_execute($stmt)) {    // 提交成功,跳回首页    header('Location: index.php?msg=留言提交成功~');} else {    // 提交失败,提示错误    header('Location: index.php?msg=留言提交失败:' . mysqli_error($conn));}// 关闭预处理语句和连接mysqli_stmt_close($stmt);mysqli_close($conn);?>

      这里最关键的是预处理语句(mysqli_prepare),新手千万别直接拼接 SQL(比如INSERT INTO message VALUES ('$username', '$content')),很容易被 SQL 注入。当年我第一次写的时候用了拼接,结果被朋友用' OR 1=1 #试了一下,差点把数据库表清空,现在想起来还后怕。

四、跑起来!新手常见问题排查

      把这三个文件(conn.php、index.php、add_msg.php)放到 WAMP 的 www 目录下,访问localhost/index.php就能看到效果。新手大概率会遇到这几个问题,提前说下怎么解决:

  1. 1、数据库连接失败
    :检查conn.php里的密码是否正确,MySQL 服务是否启动;
  2. 2、中文乱码
    :确认数据库、表、PHP 页面的字符集都是utf8mb4(支持 emoji);
  3. 3、提交留言没反应
    :检查表单的action是否指向add_msg.php,PHP 是否开启了错误提示;
  4. 4、SQL 注入测试
:可以试试在昵称框输入' or 1=1 #,如果用了预处理,会直接把这个当成普通字符串,不会触发注入。

五、最后说两句:原生开发的意义

      可能有人会说:“现在都用框架了,写原生代码没用?” 但我始终觉得,新手先吃透原生 PHP 的核心逻辑 —— 怎么连数据库、怎么处理表单、怎么防漏洞,比直接套框架更重要。

      这个 300 行的留言板,虽然简单,但包含了 PHP 开发的核心知识点:数据库操作、表单处理、数据验证、安全防护、前后端交互。把这个项目吃透,再去学 ThinkPHP、Laravel 这些框架,你会发现框架只是把这些原生逻辑封装得更易用,底层原理都是相通的。

      大家可以直接复制粘贴跑起来,也可以自己加功能 —— 比如加个留言删除、用户头像、验证码,一步步改造,慢慢就有编程思维了。

      新手学 PHP,别贪快,从这种小项目开始,稳扎稳打,比看一百篇理论文章都管用。如果大家在做的过程中遇到问题,欢迎在留言区交流,我看到都会回复~

END

点分享

点收藏

点点赞

点在看

最新文章

随机文章