PHP多页面站点导航栏复用方案：服务器端包含实践
在开发多页面PHP站点时，导航栏通常是各个页面共有的组件。如果每个页面都单独编写导航栏代码，不仅浪费开发时间，后续修改导航栏样式或内容时还需要逐个页面调整，维护成本极高。使用PHP服务器端包含可以轻松解决多页面导航栏复用的问题，大幅降低维护成本，提升开发效率。
实现步骤
1. 创建独立导航栏文件
首先将导航栏的HTML代码抽离出来，保存为一个独立的PHP文件，比如命名为nav.php。这样后续修改导航栏内容时，只需要调整这一个文件，所有引入该文件的页面都会同步更新，示例代码如下：
<!-- nav.php 导航栏独立文件 -->
<nav class="site-nav">
<ul>
<li><a href="/index.php">首页</a></li>
<li><a href="/about.php">关于我们</a></li>
<li><a href="/product.php">产品中心</a></li>
<li><a href="/contact.php">联系我们</a></li>
</ul>
</nav>2. 在目标页面引入导航栏
在需要显示导航栏的PHP页面中，使用PHP的include或者require语句引入刚才创建的nav.php文件即可。引入后导航栏会直接渲染在对应位置，不需要重复编写HTML代码，示例代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>站点首页</title>
<style>
.site-nav ul { list-style: none; padding: 0; margin: 0; background: #f5f5f5; }
.site-nav li { display: inline-block; margin: 0 15px; }
.site-nav a { text-decoration: none; color: #333; padding: 10px 0; display: inline-block; }
</style>
</head>
<body>
<?php include 'nav.php'; ?>
<main>
<h1>欢迎访问站点首页</h1>
<p>这是首页的内容区域</p>
</main>
</body>
</html>3. 其他页面复用导航栏
站点的其他页面，比如关于我们页面about.php、产品中心页面product.php等，同样只需要引入nav.php就可以复用相同的导航栏，完全不需要重复编写导航栏代码，以关于我们页面为例，代码如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>关于我们</title>
</head>
<body>
<?php include 'nav.php'; ?>
<main>
<h1>关于我们</h1>
<p>这是关于我们页面的内容</p>
</main>
</body>
</html>include和require的区别
PHP中include和require都可以用来引入文件，但是二者在错误处理逻辑上有明显区别，开发者需要根据引入文件的重要性选择合适的函数，具体差异如下：
| 函数 | 引入失败时的处理 | 适用场景 |
|---|---|---|
| include | 发出警告，脚本继续执行 | 引入非核心组件，比如导航栏、侧边栏、广告位等 |
| require | 发出致命错误，脚本终止执行 | 引入核心配置文件、数据库连接文件、核心函数库等 |
注意事项
- 引入文件路径需要注意相对路径和绝对路径的问题。如果
nav.php和引入页面不在同一目录，需要正确填写路径，比如文件放在common目录下，就需要写成include './common/nav.php';，避免出现文件找不到的错误。 - 如果导航栏需要高亮当前页面的导航项，可以在引入导航栏之前定义当前页面的标识变量，在
nav.php中根据变量判断添加高亮类，示例代码如下：
<!-- 在index.php中定义当前页面标识 -->
<?php $current_page = 'index'; ?>
<?php include 'nav.php'; ?>
<!-- nav.php中根据标识添加高亮类 -->
<nav class="site-nav">
<ul>
<li <?php if($current_page == 'index') echo 'class="active"'; ?>>
<a href="/index.php">首页</a>
</li>
<li <?php if($current_page == 'about') echo 'class="active"'; ?>>
<a href="/about.php">关于我们</a>
</li>
<li <?php if($current_page == 'product') echo 'class="active"'; ?>>
<a href="/product.php">产品中心</a>
</li>
<li <?php if($current_page == 'contact') echo 'class="active"'; ?>>
<a href="/contact.php">联系我们</a>
</li>
</ul>
</nav>上述代码中，只需要在每个页面定义对应的$current_page变量，导航栏就会自动高亮当前页面对应的导航项，提升用户的使用体验。