分离 PHP 和 HTML 文件：表单验证与数据处理的最佳实践-html教程-PHP中文网

分离 PHP 和 HTML 文件：表单验证与数据处理的最佳实践

聖光之護

发布： 2025-10-21 09:37:01

原创

212人浏览过

分离 php 和 html 文件：表单验证与数据处理的最佳实践

本文旨在解决将 PHP 和 HTML 代码分离到不同文件中，同时保持表单验证和错误信息显示功能完整的问题。我们将探讨如何通过包含 PHP 文件的方式，在 HTML 表单中实现数据处理和错误提示，从而提高代码的可维护性和可读性。通过实例代码，详细解释如何将表单验证逻辑置于独立的 PHP 文件中，并在 HTML 文件中引用，实现前后端分离，提升开发效率。

将 PHP 和 HTML 代码分离是提高 Web 应用程序可维护性和可读性的重要步骤。当处理包含表单的应用程序时，需要确保在分离代码后，表单验证和错误消息的显示仍然有效。以下是如何实现此目的的详细指南。

分离 PHP 逻辑和 HTML 结构

核心思想是将表单处理逻辑（包括验证）放在一个单独的 PHP 文件中，然后使用 include 或 require 函数将其包含到 HTML 文件中。

1. 创建 process.php 文件

此文件将包含表单验证和数据处理逻辑。

立即学习“PHP免费学习笔记（深入）”；

<?php
// process.php

$errors = [];
$fields = ['name', 'address', 'email', 'howMany', 'favoriteFruit']; // 移除 'brochure'，因为它是一个可选字段
$optionalFields = ['brochure'];
$values = [];

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    foreach ($fields as $field) {
        if (empty($_POST[$field]) && !in_array($field, $optionalFields)) {
            $errors[] = $field;
        } else {
            $values[$field] = $_POST[$field];
        }
    }

    // 如果没有错误，则处理表单数据
    if (empty($errors)) {
        // 示例：打印表单数据
        echo "<h2>Form Data:</h2>";
        foreach ($_POST as $key => $value) {
            if (is_array($value)) {
                echo htmlspecialchars($key) . ": " . htmlspecialchars(implode(", ", $value)) . "<br>";
            } else {
                echo htmlspecialchars($key) . ": " . htmlspecialchars($value) . "<br>";
            }
        }

        // 数据库操作（示例，需要根据实际情况修改）
        require_once('db-connect.php');

        $name = $_POST['name'];
        $address = $_POST['address'];
        $email = $_POST['email'];
        $howMany = $_POST['howMany'];
        $favoriteFruit = implode(", ", $_POST['favoriteFruit']); // 将数组转换为字符串
        $brochure = isset($_POST['brochure']) ? 'Yes' : 'No';

        $statement = $mysqli->prepare("INSERT INTO users_data (name, address, email, howMany, favoriteFruit, brochure) VALUES(?, ?, ?, ?, ?, ?)");

        $statement->bind_param('ssssss', $name, $address, $email,  $howMany, $favoriteFruit, $brochure);

        if($statement->execute()){
            echo "Hello, " . htmlspecialchars($name) . "!, your request has been sent!";
        } else {
            echo $mysqli->error;
        }

        exit; // 确保在处理完表单后停止执行
    }
}
?>

登录后复制

注意事项：

表单大师AI

一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。

查看详情

确保包含数据库连接文件 db-connect.php。
根据实际数据库表结构调整 SQL 查询。
使用 htmlspecialchars() 函数来防止 XSS 攻击。
将 favoriteFruit 数组转换为字符串以便存储到数据库中。

2. 修改 index.php 文件

此文件将包含 HTML 表单和错误消息显示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fruit Survey</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1>The World of Fruit</h1>
<h2>Fruit Survey</h2>

<?php
// 包含 process.php 文件
include 'process.php';
?>

<form class="wrapper" method="POST" action="index.php"> <!-- 将 action 设置为 index.php -->
    <label for="name">Name</label>
    <div>
        <input type="text" name="name" id="name" value="<?php echo isset($values['name']) ? htmlspecialchars($values['name']) : ''; ?>">
        <?php if (in_array('name', $errors)): ?>
            <span class="error">Missing</span>
        <?php endif; ?>
    </div>

    <label for="address">Address</label>
    <div>
        <input type="text" name="address" id="address" value="<?php echo isset($values['address']) ? htmlspecialchars($values['address']) : ''; ?>">
        <?php if (in_array('address', $errors)): ?>
            <span class="error">Missing</span>
        <?php endif; ?>
    </div>

    <label for="email">Email</label>
    <div>
        <input type="text" name="email" id="email" value="<?php echo isset($values['email']) ? htmlspecialchars($values['email']) : ''; ?>">
        <?php if (in_array('email', $errors)): ?>
            <span class="error">Missing</span>
        <?php endif; ?>
    </div>

    <div class="field-label">How many pieces of fruit do you eat per day?</div>
    <div>
        <label>
            <input type="radio" name="howMany" value="zero" <?php if (isset($values['howMany']) && $values['howMany'] == "zero") echo "checked"; ?>> 0
        </label>
        <label>
            <input type="radio" name="howMany" value="one" <?php if (isset($values['howMany']) && $values['howMany'] == "one") echo "checked"; ?>> 1
        </label>
        <label>
            <input type="radio" name="howMany" value="two" <?php if (isset($values['howMany']) && $values['howMany'] == "two") echo "checked"; ?>> 2
        </label>
        <label>
            <input type="radio" name="howMany" value="twoplus" <?php if (isset($values['howMany']) && $values['howMany'] == "twoplus") echo "checked"; ?>> More than 2
        </label>
        <?php if (in_array('howMany', $errors)): ?>
            <span class="error">Missing</span>
        <?php endif; ?>
    </div>

    <label for="favoriteFruit">My favorite fruit</label>
    <div>
        <select name="favoriteFruit[]" id="favoriteFruit" size="4" multiple>
            <option value="apple">Apple</option>
            <option value="banana">Banana</option>
            <option value="plum">Plum</option>
            <option value="pomegranate">Pomegranate</option>
            <option value="strawberry">Strawberry</option>
            <option value="watermelon">Watermelon</option>
        </select>
        <?php if (in_array('favoriteFruit', $errors)): ?>
            <span class="error">Missing</span>
        <?php endif; ?>
    </div>

    <label for="brochure">Would you like a brochure?</label>
    <div>
        <input type="checkbox" name="brochure" id="brochure" value="Yes" <?php if (isset($_POST['brochure']) && $_POST['brochure'] == "Yes") echo "checked"; ?>>
    </div>

    <div>
        <input type="submit" name="submit" value="Submit">
    </div>
</form>
</body>
</html>

登录后复制

关键点：

包含 process.php 文件: include 'process.php'; 这行代码将 process.php 文件中的 PHP 代码包含到 index.php 中。这意味着在 index.php 文件中，你可以访问在 process.php 中定义的变量（例如 $errors 和 $values）。
表单 action 属性: 将表单的 action 属性设置为 index.php，确保表单数据被提交到当前页面。这样，process.php 中的代码可以处理表单数据并在同一页面上显示错误消息。
错误消息显示: 使用 <?php if (in_array('fieldname', $errors)): ?> 来检查特定字段是否在错误数组中，如果是，则显示相应的错误消息。
保留已输入的值: 使用 value="<?php echo isset($values['fieldname']) ? htmlspecialchars($values['fieldname']) : ''; ?>" 来在表单字段中显示用户之前输入的值。这提高了用户体验，因为用户不必在每次提交表单后都重新输入所有数据。

3. 创建 db-connect.php 文件

此文件包含数据库连接信息。

<?php
// db-connect.php
$host = "your_host";
$username = "your_username";
$password = "your_password";
$database = "your_database";

$mysqli = new mysqli($host, $username, $password, $database);

if ($mysqli->connect_error) {
    die("Connection failed: " . $mysqli->connect_error);
}
?>

登录后复制

请替换以下占位符：