如何在HTML（CSS、JS）网站中集成PHP？XAMPP配置故障求助

一、先解决Apache启动失败问题 #

1. 移除手动添加的PHP集成配置 #

XAMPP默认已经完成PHP与Apache的集成配置，你手动添加的代码会导致模块冲突，直接删除以下内容：

LoadModule php_module "c:/php/php8apache2_4.dll"
<FilesMatch \.php$>
    SetHandler application/x-httpd-php
</FilesMatch>
PHPIniDir "C:/php"

2. 检查网站目录配置正确性 #

确认httpd.conf中的DocumentRoot和<Directory>配置指向你的网站文件目录，格式示例：

DocumentRoot "D:/your-website-folder"
<Directory "D:/your-website-folder">
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Require all granted
</Directory>

确保目录路径无误，且权限配置完整（AllowOverride All和Require all granted）。

3. 排查"api目录不存在"错误 #

• 全局搜索httpd.conf及所有被Include的配置文件（如httpd-vhosts.conf），查找是否有Alias /api、RewriteRule或虚拟主机配置指向了不存在的apache/htdocs/api目录，找到后注释或修改为有效路径。
• 检查网站根目录下的.htaccess文件，若存在重写规则跳转到/api路径，暂时将.htaccess重命名为.htaccess.bak，再尝试启动Apache。

4. 验证PHP集成状态 #

在网站根目录创建phpinfo.php文件，内容如下：

<?php phpinfo(); ?>

启动Apache后访问localhost/phpinfo.php，若能显示PHP信息页面，说明集成正常。

二、PHP联系表单实现步骤 #

1. HTML表单代码 #

<form action="submit-contact.php" method="POST">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name" required>
    
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" required>
    
    <label for="message">留言:</label>
    <textarea id="message" name="message" required></textarea>
    
    <button type="submit">提交</button>
</form>

2. PHP处理文件（submit-contact.php） #

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // 获取表单数据
    $name = trim($_POST["name"]);
    $email = trim($_POST["email"]);
    $message = trim($_POST["message"]);
    
    // 简单验证
    if (empty($name) || empty($email) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        echo "请填写完整且有效的信息";
        exit;
    }
    
    // 配置邮件信息
    $to = "your-email@example.com"; // 接收邮件的邮箱
    $subject = "网站联系表单留言 - $name";
    $body = "姓名: $name\n邮箱: $email\n留言内容:\n$message";
    $headers = "From: $email\r\nReply-To: $email\r\n";
    
    // 发送邮件（XAMPP需配置php.ini的SMTP参数才能正常发送，或改用第三方邮件服务）
    if (mail($to, $subject, $body, $headers)) {
        echo "留言提交成功，我们会尽快回复您！";
    } else {
        echo "提交失败，请稍后重试";
    }
}
?>

3. XAMPP邮件本地测试配置（可选） #

打开php.ini（XAMPP控制面板中点击PHP的Config按钮选择php.ini），修改以下参数：

SMTP=smtp.example.com  # 例如smtp.gmail.com
smtp_port=587
sendmail_from=your-email@example.com
sendmail_path="\"C:\xampp\sendmail\sendmail.exe\" -t"

同时修改XAMPP目录下sendmail/sendmail.ini，配置对应SMTP账号和密码。

内容的提问来源于stack exchange，提问作者weti