以下是PHP与HTML混合编程的30个典型示例及系统讲解，涵盖基础输出、条件控制、循环结构、表单处理等核心场景：
一、基础输出控制
变量直接输出
<p>用户名：<?= htmlspecialchars($username) ?></p>
<?= 是 <?php echo 的简写，需配合htmlspecialchars()防XSS
函数结果输出
<p>当前时间：<?= date('Y-m-d H:i:s') ?></p>直接调用PHP函数输出动态内容
多语言切换
<h1><?= $lang['welcome'] ?? 'Welcome' ?></h1>
通过数组实现多语言支持
二、条件逻辑控制
权限判断
<?php if ($role === 'admin'): ?> <button>删除用户</button> <?php endif; ?>
根据用户角色显示不同UI
错误消息显示
<?php if (!empty($error)): ?> <div class="error"><?= htmlspecialchars($error) ?></div> <?php endif; ?>
仅当错误存在时输出
CSS类动态控制
<div class="item <?= $isActive ? 'active' : 'inactive' ?>">
根据条件切换CSS类
三、循环结构应用
简单列表生成
<ul> <?php foreach ($products as $product): ?> <li><?= htmlspecialchars($product['name']) ?></li> <?php endforeach; ?> </ul>
遍历数组生成列表项
表格动态渲染
<table> <?php for ($i = 1; $i <= 5; $i++): ?> <tr><td>行<?= $i ?></td></tr> <?php endfor; ?> </table>
使用for循环构建表格
四、表单处理
输入框值回显
<input value="<?= htmlspecialchars($_POST['name'] ?? '') ?>">
表单提交后保留已填内容
多选框状态保持
<input type="checkbox" name="newsletter" <?= isset($_POST['newsletter']) ? 'checked' : '' ?>>
记住用户选择状态
下拉菜单动态选项
<select name="city"> <?php foreach ($cities as $id => $name): ?> <option value="<?= $id ?>" <?= $selectedCity == $id ? 'selected' : '' ?>> <?= htmlspecialchars($name) ?> </option> <?php endforeach; ?> </select>
从数据库动态加载选项
五、模板组织技巧
头部引入
<!DOCTYPE html> <html> <head> <?php include 'meta_tags.php' ?> </head>
分离公共头部内容
组件化按钮
<?php function button($text, $type = 'primary') { ?>
<button class="btn-<?= $type ?>"><?= $text ?></button>
<?php } ?>定义可复用UI组件
内容缓冲输出
<?php ob_start(); ?> <!-- 复杂HTML内容 --> <?php $content = ob_get_clean(); ?>
捕获输出内容供后续使用
六、安全与优化
JSON安全输出
<script> var config = <?= json_encode($config, JSON_HEX_TAG) ?>; </script>
防止XSS的特殊编码
分页导航生成
<div class="pagination"> <?php for ($i = 1; $i <= $totalPages; $i++): ?> <a href="?page=<?= $i ?>"><?= $i ?></a> <?php endfor; ?> </div>
动态生成分页链接
七、高级混合技巧
HEREDOC输出大段HTML
<?php
echo <<<HTML
<div class="container">
<h1>{$title}</h1>
<p>{$content}</p>
</div>
HTML;
?>保留格式的多行输出
Vue.js集成
<div id="app"> <user-card :data='<?= json_encode($user) ?>'></user-card> </div>
PHP与前端框架协同
八、特殊场景处理
多语言日期格式化
<time><?= strftime('%Y年%m月%d日', $timestamp) ?></time>本地化时间显示
动态加载CSS
<style>
.theme-color { color: <?= $themeColor ?>; }
</style>PHP控制样式变量
系统总结表
最佳实践原则：
分离原则：业务逻辑与显示逻辑分离（如MVC架构）
安全第一：所有动态输出必须过滤（
htmlspecialchars/json_encode）性能优化：避免在循环内执行数据库查询
可维护性：复杂页面采用模板继承（如
layout.php）现代演进：逐步过渡到模板引擎（Twig/Blade）
通过组合这些模式，可构建出既保持快速开发特性，又具备良好安全性和可维护性的PHP/HTML混合应用。