
这段代码首先尝试从$_server['request_uri']中获取uri,如果不存在,则尝试从$_server['script_name']中获取。然后,使用pathinfo()函数提取文件名。
- 比较文件名并添加CSS类:
接下来,在你的导航菜单链接中,使用PHP条件语句来检查当前文件名是否与链接对应的文件名匹配。如果匹配,则添加一个特定的CSS类(例如current-menu active)来高亮显示该链接。
<a href="team.php" class="list-group-item list-group-item-action py-2 ripple bg-button<?php if (stripos($thisFile, 'team.php') !== false) {echo ' current-menu active';} ?>">
<i class="fas fa-users fa-fw me-3"></i><span>Our team</span>
</a>这段代码会检查$thisFile是否包含team.php。如果包含,则将current-menu active类添加到<a>标签中。
方法二:匹配子目录中的文件名
如果你的导航链接指向子目录中的PHP文件,例如support/team.php,则需要使用稍微不同的方法。
- 获取当前URL:
与方法一类似,首先获取当前URL。
立即学习“PHP免费学习笔记(深入)”;
<?php $thisUrl = (isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : (isset($_SERVER['SCRIPT_NAME']) ? $_SERVER['SCRIPT_NAME'] : null)); $thisFile = pathinfo($thisUrl , PATHINFO_BASENAME); ?>
- 精确匹配文件名和匹配子目录中的文件名:
对于根目录下的文件,可以使用精确匹配。对于子目录中的文件,可以使用stripos()函数来检查URL是否包含特定的路径。
<!-- 精确匹配 file.php -->
<a href="team.php" class="list-group-item list-group-item-action py-2 ripple bg-button<?php if ('team.php' === $thisFile)) {echo ' current-menu active';} ?>">...</a>
<!-- 匹配 /path/file.php -->
<a href="support/team.php" class="list-group-item list-group-item-action py-2 ripple bg-button<?php if (stripos($thisUrl, 'support/team.php') !== false) {echo ' current-menu active';} ?>">...</a>添加CSS样式
为了使高亮效果可见,你需要添加相应的CSS样式。例如:
.current-menu {
border-left: 5px solid #blue; /* 或者你喜欢的样式 */
}这段CSS代码会在当前激活的菜单项的左侧添加一个蓝色的边框。你可以根据你的网站风格自定义样式。
注意事项
- 选择合适的CSS类名: 可以根据你的项目需求选择合适的CSS类名,例如current-menu、active或其他自定义类名。
- 确保CSS样式生效: 确保你添加的CSS样式能够正确应用到你的导航菜单中。
- 考虑URL重写: 如果你使用了URL重写,可能需要调整获取当前URL的方式。
- 安全性: 确保对用户输入进行适当的验证和转义,以防止安全漏洞。虽然这里没有直接涉及用户输入,但养成良好的安全习惯总是重要的。
总结
通过以上两种方法,你可以在使用PHP模板的网站中轻松地高亮显示当前页面对应的导航菜单项。选择哪种方法取决于你的网站结构和需求。记住,良好的用户体验是网站成功的关键,而清晰的导航是用户体验的重要组成部分。











