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

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

分离 PHP 逻辑和 HTML 结构

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

1. 创建 process.php 文件

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

Form Data:";
        foreach ($_POST as $key => $value) {
            if (is_array($value)) {
                echo htmlspecialchars($key) . ": " . htmlspecialchars(implode(", ", $value)) . "
";
            } else {
                echo htmlspecialchars($key) . ": " . htmlspecialchars($value) . "
";
            }
        }

        // 数据库操作（示例，需要根据实际情况修改）
        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; // 确保在处理完表单后停止执行
    }
}
?>

注意事项：

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

2. 修改 index.php 文件

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

    
    
    


The World of Fruit
Fruit Survey



 
    Name
    
        
        
            Missing
        
    

    Address
    
        
        
            Missing
        
    

    Email
    
        
        
            Missing
        
    

    How many pieces of fruit do you eat per day?
    
        
            > 0
        
        
            > 1
        
        
            > 2
        
        
            > More than 2
        
        
            Missing
        
    

    My favorite fruit
    
        
            Apple
            Banana
            Plum
            Pomegranate
            Strawberry
            Watermelon
        
        
            Missing
        
    

    Would you like a brochure?
    
        >
    

    
        
    

关键点：

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

3. 创建 db-connect.php 文件

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

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

请替换以下占位符：

• your_host: 数据库主机名。
• your_username: 数据库用户名。
• your_password: 数据库密码。
• your_database: 数据库名称。

总结

通过将 PHP 逻辑和 HTML 结构分离，可以创建更易于维护和扩展的 Web 应用程序。 这种方法还提高了代码的可读性，并使团队成员可以更轻松地协作。确保正确处理表单验证和错误消息显示，以提供良好的用户体验。