使用PHP高亮显示当前页面导航菜单-php教程-PHP中文网

使用PHP高亮显示当前页面导航菜单

霞舞

发布： 2025-10-31 10:54:02

原创

381人浏览过

使用PHP高亮显示当前页面导航菜单

zuojiankuohaophpcnp>本文旨在提供使用PHP模板的网站中，如何通过PHP代码动态地高亮显示当前页面对应导航菜单项的实用教程。文章将介绍两种方案：精确匹配当前文件名以及匹配包含子目录的文件名，并提供相应的PHP代码示例和CSS样式示例，帮助开发者轻松实现导航菜单的当前页面高亮显示功能，提升用户体验。</p> 在构建使用PHP模板的网站时，一个常见的需求是高亮显示当前页面对应的导航菜单项，以便用户清楚地知道自己所处的位置。以下将介绍两种实现此功能的方法，你可以根据你的项目需求选择合适的方法。 ### 方法一：精确匹配文件名这种方法适用于导航链接直接对应于网站根目录下的PHP文件的情况。 1. **获取当前文件名：** 首先，我们需要获取当前页面的文件名。可以使用`$_SERVER`超全局变量来获取。将以下代码添加到你的导航菜单模板之前： ```php <?php $thisFile = (isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : (isset($_SERVER['SCRIPT_NAME']) ? $_SERVER['SCRIPT_NAME'] : null)); $thisFile = pathinfo($thisFile, PATHINFO_BASENAME); // $thisFile 现在包含了当前页面的文件名，例如 "team.php" ?>

这段代码首先尝试从$_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是否包含特定的路径。

麦当秀MindShow AiPPT

麦当秀｜MINDSHOW是一款百万用户正在使用的三分钟生成一份PPT的AI应用系统。它利用引领前沿的人工智能技术，能够自动完成演示内容的设计。

224

查看详情

   <!-- 精确匹配 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模板的网站中轻松地高亮显示当前页面对应的导航菜单项。选择哪种方法取决于你的网站结构和需求。记住，良好的用户体验是网站成功的关键，而清晰的导航是用户体验的重要组成部分。

登录后复制

以上就是使用PHP高亮显示当前页面导航菜单的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

PHP 结合 W3.CSS 实现数据列表的多行三列网格布局前端交互优化：利用jQuery和CSS类实现DOM元素状态的高效管理基于PHP条件动态控制CSS样式：弹出框显示优化实践解决 Laravel Blade 视图中局部 CSS 文件未加载的问题动态导航类名：基于PHP页面路径实现CSS样式切换