在网站开发中，实现一个可点击的左侧导航菜单是非常常见的需求。而使用php语言编写实现这一功能，也是一种高效且简单的方法。
一、准备工作
在实现点击导航菜单前，我们需要准备一些基础条件。下面列出必要条件：
1.需要PHP语言代码；
2.需要使用一个数据库管理系统（如MySQL）；
3.需要了解HTML、CSS和JavaScript。
在确保条件满足后，我们便可以开始进行以下步骤。
立即学习“PHP免费学习笔记（深入）”；
二、设置数据库表
为了能够正确地实现点击导航菜单的功能，我们需要在数据库中创建一张表来存储菜单。以下是表格中的列要求：
1.菜单ID：每一个菜单项的唯一标识符；
2.菜单标题：每个菜单的标题；
3.菜单链接：指向其他网页的链接地址；
4.上级菜单ID：这个菜单项属于哪个上级菜单；
5.菜单图标：可选，用于美观或者界面功能补充。
创建好表格后，我们就可以在PHP代码里面调用它来实现点击导航菜单的功能了。
三、PHP实现导航菜单
当我们拥有了数据库表的设计之后，我们就可以用PHP代码创建这个导航菜单了。此处我们用到以下命令：
<?php
$parent_id = 0;
$menu_query = mysql_query("SELECT id, title, link FROM menu WHERE parent_id='".$parent_id."'");
while($menu_row = mysql_fetch_array($menu_query)) {
echo '<li><a href="'.$menu_row['link'].'">'.$menu_row['title'].'</li>';
}
?>
以上代码中，我们首先定义了一个变量$parent_id，其值为0，这个变量的含义是指查找哪些“父”菜单。我们使用mysql_query()函数查询数据库中的菜单表，并通过mysql_fetch_array()函数将菜单项取出。
在PHP中，将这些菜单项转换成HTML代码输出非常简单，我们使用echo命令即可完成。最终，我们可以在前端界面看到一个类似于这样的菜单：
- Home
- About Us
- Contact Us
在上面的代码中还有一个非常重要的函数mysql_query()，我们必须保证这个函数的输入值是“安全”的。如果传入的参数不被过滤，可能导致SQL注入攻击，造成安全问题。一个简单的方法来避免这个问题，是使用 addslashes() 函数。
四、添加JavaScript点击事件
我们已经实现了PHP代码来输出导航菜单，现在我们需要添加一个JavaScript点击事件来允许用户单击菜单项后进入其相应链接地址。以下是代码的逻辑架构：
1.当用户单击某一个菜单项时，JavaScript函数将触发该事件；
2.该函数将使用XMLHttpRequest对象向服务器发送请求；
3.服务器返回相应的页面并呈现在用户的浏览器窗口中。
在代码里面对应地添加JavaScript和XMLHttpRequest对象，代码如下：
<script>
function displayLink(link) {
var xhttp;
if (link == "") {
document.getElementById("links_container").innerHTML = "";
return;
}
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("links_container").innerHTML = this.responseText;
}
};
xhttp.open("GET", link, true);
xhttp.send();
}
</script>
在以上代码中，我们创建了一个 displayLink() 函数，用于在单击菜单项时发送XMLHttpRequest对象。当返回的XMLHttpRequest对象状态为200时（即已经成功获取了数据），我们便将其输出到前端页面上，呈现在用户的浏览器窗口中。
最后，在 HTML 中，使用 onMouseDown 事件处理函数，在单击菜单项时调用 displayLink() 函数即可。
五、总结
实现一个可点击的左侧导航菜单对于网站开发来说是非常必要的。使用PHP可以在减少代码量的同时快速动态地生成导航菜单，JavaScript可以允许用户通过单击菜单快捷地到达目标链接地址。
