编辑“︁PHP与HTML交互”︁

= PHP与HTML交互 =

PHP与HTML交互是动态网页开发的核心概念之一，它允许开发者通过PHP代码动态生成HTML内容，处理用户输入，并实现数据的动态展示。本教程将从基础到高级逐步讲解PHP如何与HTML结合使用。

== 基本概念 ==
PHP是一种服务器端脚本语言，而HTML是客户端标记语言。PHP代码在服务器上执行后，会将处理结果嵌入到HTML中，最终发送给浏览器呈现给用户。这种交互方式使得网页能够根据用户请求、数据库内容或其他条件动态生成内容。

交互方式主要有两种：
* '''PHP嵌入HTML'''：在HTML文件中直接插入PHP代码
* '''HTML表单处理'''：通过HTML表单收集用户输入，由PHP处理

== PHP嵌入HTML ==
最基本的交互方式是在HTML文件中直接插入PHP代码。PHP代码必须包含在特殊的起始和结束标记中。

=== 基本语法 ===
<pre>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;PHP嵌入HTML示例&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;&lt;?php echo "欢迎来到我的网站"; ?&gt;&lt;/h1&gt;
    &lt;p&gt;当前日期是: &lt;?php echo date('Y-m-d'); ?&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>

输出结果：
<syntaxhighlight lang="html">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;PHP嵌入HTML示例&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;欢迎来到我的网站&lt;/h1&gt;
    &lt;p&gt;当前日期是: 2023-11-15&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</syntaxhighlight>

=== 条件语句与循环 ===
PHP可以与HTML混合使用控制结构：

<syntaxhighlight lang="php">
&lt;ul&gt;
&lt;?php
$fruits = ['苹果', '香蕉', '橙子'];
foreach ($fruits as $fruit) {
    echo "&lt;li&gt;$fruit&lt;/li&gt;";
}
?&gt;
&lt;/ul&gt;
</syntaxhighlight>

输出结果：
<syntaxhighlight lang="html">
&lt;ul&gt;
    &lt;li&gt;苹果&lt;/li&gt;
    &lt;li&gt;香蕉&lt;/li&gt;
    &lt;li&gt;橙子&lt;/li&gt;
&lt;/ul&gt;
</syntaxhighlight>

== HTML表单处理 ==
HTML表单是与用户交互的重要方式，PHP可以处理表单提交的数据。

=== 基本表单结构 ===
<syntaxhighlight lang="html">
&lt;form method="post" action="process.php"&gt;
    &lt;label for="name"&gt;姓名:&lt;/label&gt;
    &lt;input type="text" id="name" name="name"&gt;
    &lt;input type="submit" value="提交"&gt;
&lt;/form&gt;
</syntaxhighlight>

=== 处理表单数据 ===
process.php文件内容：

<syntaxhighlight lang="php">
&lt;?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $name = htmlspecialchars($_POST['name']);
    echo "你好, " . $name . "!";
}
?&gt;
</syntaxhighlight>

== 安全考虑 ==
处理用户输入时必须考虑安全性：

=== 输入验证 ===
<syntaxhighlight lang="php">
&lt;?php
$name = '';
if (isset($_POST['name'])) {
    $name = trim($_POST['name']);
    if (!preg_match('/^[a-zA-Z\s]+$/', $name)) {
        echo "姓名只能包含字母和空格";
    }
}
?&gt;
</syntaxhighlight>

=== 输出转义 ===
使用<code>htmlspecialchars()</code>防止XSS攻击：
<syntaxhighlight lang="php">
echo htmlspecialchars($user_input, ENT_QUOTES, 'UTF-8');
</syntaxhighlight>

== 实际应用案例 ==
=== 用户注册系统 ===
1. HTML表单 (register.html):
<syntaxhighlight lang="html">
&lt;form method="post" action="register.php"&gt;
    &lt;input type="text" name="username" placeholder="用户名" required&gt;
    &lt;input type="email" name="email" placeholder="邮箱" required&gt;
    &lt;input type="password" name="password" placeholder="密码" required&gt;
    &lt;input type="submit" value="注册"&gt;
&lt;/form&gt;
</syntaxhighlight>

2. PHP处理 (register.php):
<syntaxhighlight lang="php">
&lt;?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = htmlspecialchars(trim($_POST['username']));
    $email = filter_var(trim($_POST['email']), FILTER_VALIDATE_EMAIL);
    $password = password_hash($_POST['password'], PASSWORD_DEFAULT);
    
    // 这里通常会将数据存入数据库
    echo "注册成功! 用户名: $username";
}
?&gt;
</syntaxhighlight>

== 高级主题 ==
=== AJAX与PHP ===
使用JavaScript通过AJAX与PHP交互：

JavaScript代码:
<syntaxhighlight lang="javascript">
fetch('api.php', {
    method: 'POST',
    body: JSON.stringify({action: 'get_data', id: 123}),
    headers: {'Content-Type': 'application/json'}
})
.then(response => response.json())
.then(data => console.log(data));
</syntaxhighlight>

PHP代码 (api.php):
<syntaxhighlight lang="php">
&lt;?php
header('Content-Type: application/json');
$data = json_decode(file_get_contents('php://input'), true);

if ($data['action'] == 'get_data') {
    // 处理请求并返回JSON
    echo json_encode(['status' => 'success', 'data' => ['id' => $data['id'], 'name' => '示例数据']]);
}
?&gt;
</syntaxhighlight>

=== 模板引擎 ===
使用Twig模板引擎分离PHP和HTML:

安装Twig后:
<syntaxhighlight lang="php">
&lt;?php
require_once 'vendor/autoload.php';

$loader = new \Twig\Loader\FilesystemLoader('templates');
$twig = new \Twig\Environment($loader);

echo $twig->render('index.twig', ['name' => '访客']);
?&gt;
</syntaxhighlight>

模板文件 (templates/index.twig):
<syntaxhighlight lang="twig">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;欢迎页面&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;你好, {{ name }}!&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;
</syntaxhighlight>

== 总结 ==
PHP与HTML交互是动态网站开发的基础，通过本教程，您已经学习了：
* 在HTML中嵌入PHP代码
* 处理HTML表单数据
* 安全地处理用户输入
* 实际应用案例
* 高级主题如AJAX和模板引擎

掌握这些概念后，您将能够创建功能丰富的动态网页应用。

[[Category:编程语言]]
[[Category:PHP]]
[[Category:PHP基础]]