大庆信息网 www.daqing123.com
　您现在的位置：大庆信息网 > 电脑网络 > 操作系统
实现基于php和MySQL的动态树型菜单
来源：转载 　发布时间：2007-12-11 4:38:04

树型菜单在很多桌面应用系统中都有非常广泛的应用，其主要优点是结构清晰，利于使用者非常清楚的知道目前自己所在的位置。但在web上树型菜单的应用因为没有理想的现成组件可以拿过来直接使用，所以一般的情况下，程序员主要是通过JavaScript来实现一些简单的树型结构菜单，但这些菜单往往都是事先定好各菜单项目，以及各菜单项目之间的层次关系，不利于扩充，一旦需要另一个菜单结构时，往往还需要重新编写，因此使用起来不是很方便。 cru[cV?{  
  经过对函数递归的研究，我发现这种树型菜单可以通过递归函数，使树型菜单的显示实现动态变化，并没有级数的限制。下面就是我用php,MySQL,JavaScript写的一个动态树型菜单的处理代码，如果大家有兴趣的话，就和我一起来看看我是如何实现的吧：） XGeeto8Y  
UQtu '0  
首先，我们需要一个数据库，在这个数据库中，我们建立以下一张表： #T.]Du  
{&8;BW:"[  
b!uGobw%v  
CREATE TABLE menu ( #gjBDqd|  
id tinyint(4) NOT NULL auto_increment, #=H qj&^p  
parent_id tinyint(4) DEFAULT '0' NOT NULL, :O*Sewq  
name varchar(20), Tftb(p"sv  
url varchar(60), y|R>f}  
PRIMARY KEY (id) ~? b O a2  
); d>eHwX  
.m] |xHUU  
N+G'7NG'A  
这张表中 3|~KqGn  
id 为索引 $ Vt3U/A  
parent_id 用来保存上一级菜单的id号，如果是一级菜单则为0 $d{&MMVi}  
name 为菜单的名称，也就是要在页面上显示的菜单内容 gIK?8C  
url 如果某菜单为末级菜单，则需要指定该连接的url地址，这个字段就是用来保存此地址的，其他非末级菜单，该字段为空 JIU;r1b  
oZ|&g? WV  
好了，数据库有了，你就可以添加一些记录了，下面是我做测试的时候，使用的一些记录： DwA+ fRz  
.2_#$|;[  
INSERT INTO menu VALUES ( '1', '0', '人事管理', ''); ito%Owd' )  
INSERT INTO menu VALUES ( '2', '0', '通讯交流', ''); -jTT@^{h  
INSERT INTO menu VALUES ( '3', '1', '档案管理', ''); QthN5x-/,  
INSERT INTO menu VALUES ( '4', '1', '考勤管理', 'http://localhost/personal/attendance.php'); BSP-mN 3  
INSERT INTO menu VALUES ( '5', '2', '通讯录', ''); d"r)1[k  
INSERT INTO menu VALUES ( '6', '2', '网络会议', ''); N3:Us> t]B  
INSERT INTO menu VALUES ( '7', '3', '新增档案', 'http://localhost/personal/add_achive.php'); N*3ZM.(c  
INSERT INTO menu VALUES ( '8', '3', '查询档案', 'http://localhost/personal/search_archive.php'); \R=rR~]  
INSERT INTO menu VALUES ( '9', '3', '删除档案', 'http://localhost/personal/delete_archive.php'); TG/d=T]z  
INSERT INTO menu VALUES ( '10', '5', '新增通讯记录','http://localhost/communication/add_address.php'); eqt9_%  
INSERT INTO menu VALUES ( '11', '5', '查询通讯记录', http://localhost/communication/search_address.php&#39;); $]KP<di  
INSERT INTO menu VALUES ( '12', '5', '删除通讯记录', http://localhost/communication/delete_address.php&#39;); J vC-ca  
INSERT INTO menu VALUES ( '13', '6', '召开会议', 'http://localhost/communication/convence_meeting.php&#39;); \t66a |43  
INSERT INTO menu VALUES ( '14', '6', '会议查询', 'http://localhost/communication/search_meeting.php&#39;); yl5`gGV#z  
3y|}V !  
%'gLE Ov'  
在添加记录的时候，一定要注意，非一级菜单的parent_id一定要指定为上级菜单的ID号，否则你的菜单是不会显示出来的：） ,P|s\J@ ";  
n#&lv7M2y  
好了！有了数据库，下面就是通过php,JavaScript把菜单从数据库中读出来，并显示出来了：） 5@% {CC_u  
},&+> 9  
1、JavaScript脚本： a &T Hm=t  
function ShowMenu(MenuID) ]&^'u)y  
{ "\XYQc*  
if(MenuID.style.display=="none") eY^E(  
{ B[lgrm%n  
MenuID.style.display=""; RsMBb 8d w  
} TBZPB4?Sr  
else ,*=p>OA\-  
{ "&O8 7GR  
MenuID.style.display="none"; >''+PtH~  
} y5j]b  
} FvDV#D-@>  
|7l-@ [  
这个脚本很简单，就是用来响应点击某个菜单被点击的事件的。 3|UJB=%Ta  
&vGMAGJgE  
2、CSS文件： 9a7Hq0#d  
<!-- 表格样式 --> oQw2oOY  
TD { 2F<m8}  
FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; LINE-HEIGHT: 130%; letter-spacing:1px xf`C/B  
} t|(IZu@  
N<ahq<.q  
<!-- 超级连接样式 --> ca$J&!gc$  
A:link { qqfnF"  
COLOR: #990000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION: none; letter-spacing:1px :&lKwA  
} q$H(Qq>P  
A:visited { (['1v8oSQ$  
COLOR: #990000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION: none; letter-spacing:1px JO a2  
} 0i1iD v  
A:active { 8b5O|gHf  
COLOR: #990000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION: none; letter-spacing:1px =M` ]cB($  
} N@4_;Uu'A  
A:hover { 6B=`4`Eu?  
COLOR: #ff0000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; TEXT-DECORATION: underline; letter-spacing:1px 4IP" T&[  
} aAKaCt7  
LMvHl=[(  
<!-- 其他样式 --> *?TxY!1qN  
.Menu { ga'W XZ-  
COLOR:#000000; FONT-FAMILY: "Verdana", "宋体"; FONT-SIZE: 12px; CURSOR: hand !iUtT\k  
} 5jk 2[  
q,I3#aR  
p yZZwK;W  
定义了一些基本的样式信息，比如字体，颜色，超级连接的样式等，如果你想改变样式的话，只要修改这里就行了！ Xx/4qU20F  
N@k_/$}{  
3、下面就是我的php页面了！ !6][rHq  
S.Nr-\A  
<html> mji-> 5X  
<head> ybg5a,vk  
<link href='style.css' rel=stylesheet> Bi# PU ^  
<script language="JavaScript" src="TreeMenu.js"></script> Ml]'vr  
</head> zG 67;_B  
<body> y8rY8O n=  
<?php LVSm  
//基本变量设置 %r mfq`cI  
$GLOBALS["ID"] =1; //用来跟踪下拉菜单的ID号 42m/j   
$layer=1; //用来跟踪当前菜单的级数 7EBSL.Tx  
E,d}g>'5;p  
//连接数据库 <|K}HuF3T  
$Con=mysql_connect("localhost","root",""); ; i8j 3t  
mysql_select_db("work"); Da7"X11  
uAI(9A\  
//提取一级菜单 I{Dz|,  
$sql="select * from menu where parent_id=0"; }%Dt^|(=  
$result=mysql_query($sql,$Con); 7/Tyj19   
v2_--,,x5  
//如果一级菜单存在则开始菜单的显示 t@ "@;   
if(mysql_num_rows($result)>0) ShowTreeMenu($Con,$result,$layer,$ID); z:h+KO  
E qAfu:]a  
".mB1:vF  
//============================================= jo1k{;>[  
//显示树型菜单函数 ShowTreeMenu($con,$result,$layer) ukn7Z)>D  
//$con：数据库连接 ;kk)IJ_J  
//$result：需要显示的菜单记录集 I7lxF  
//layer：需要显示的菜单的级数 MAPAnBS-  
//============================================= qMu9|mkL j  
function ShowTreeMenu($Con,$result,$layer) "HTwdcm>  
{ (8H<F9lA  
//取得需要显示的菜单的项目数 $Oi3O9A  
$numrows=mysql_num_rows($result); 3(MAM|  
FcJ}cav(R  
//开始显示菜单，每个子菜单都用一个表格来表示 DNd`O.b  
echo "<table cellpadding='0' cellspacing='0' border='0'>"; =t"I2p=Tv  
M es]GiD  
for($rows=0;$rows<$numrows;$rows++) oFW!y=&  
{ zA)onL  
//将当前菜单项目的内容导入数组 [= [S?m]  
$menu=mysql_fetch_array($result); wBvb26  
O& <M ]zt  
//提取菜单项目的子菜单记录集 P*Q5j~ZU  
$sql="select * from menu where parent_id=$menu[id]"; #[)`<;|o  
$result_sub=mysql_query($sql,$Con); T.n2te  
Ha]//D"  
echo "<tr>"; k}^l)d6)o}  
//如果该菜单项目有子菜单，则添加JavaScript onClick语句 -KDF]ntJJ  
if(mysql_num_rows($result_sub)>0) # wK&7l6  
{ #{ gMJ  
echo "<td width='20'><img src='folder.gif' border='0'></td>"; (Gd8  
echo "<td class='Menu' onClick='javascript:ShowMenu(Menu".$GLOBALS["ID"].");'>"; 6n\qnh$0.  
} f5R'9 3f#  
else A#Qu-i ,s  
{ cjr^(U]!%  
echo "<td width='20'><img src='file.gif' border='0'></td>"; m8:GDB"qGi  
echo "<td class='Menu'>"; y Fj}~)&B9  
} 4X&ah:  
//如果该菜单项目没有子菜单，并指定了超级连接地址，则指定为超级连接， R swnaU2I  
//否则只显示菜单名称 \0.<O-R'  
if($menu[url]!="") 7rAX  
echo "<a href='$menu[url]'>$menu[name]</a>"; 3/O/XA"9  
else ]HucH?|d*  
echo $menu[name]; ! vm-I  
echo " h]%&Ro#oM  
</td> b@3 NtP6g>  
</tr> ]B~wr  
"; t;maL^N  
gV- .+(s%  
//如果该菜单项目有子菜单，则显示子菜单 cAPBrG/oF  
if(mysql_num_rows($result_sub)>0) Yf$Tw'*o  
{ &j3 Mm,&  
//指定该子菜单的ID和style，以便和onClick语句相对应 H+T{@\  
echo "<tr id=Menu".$GLOBALS["ID"]++." style='display:none'>"; &;d]~$8uX  
echo "<td width='20'> </td>"; XU yi29D  
echo "<td>"; C%R3?~  
//将级数加1 xu2hzi{9  
$layer++; r<-C4m[  
//递归调用ShowTreeMenu()函数，生成子菜单 Te-D*vA  
ShowTreeMenu($Con,$result_sub,$layer); u/;V'mx0S  
//子菜单处理完成，返回到递归的上一层，将级数减1 9_\(!|'=  
$layer--; {yhVJZ mW  
echo "</td></tr>"; !f%)t9M  
} t03<  
//继续显示下一个菜单项目 mi@KGe&  
} p]P49XcB  
echo "</table>"; [3#Gt |  
} v UaAXv)(  
?> EI5$x@?F5  
</body> | C` #UW  
</html> !x;C}/]E  
4vG(vpQ  
N3vCOOABj  
在上面的php页面里面，我定义了一个函数ShowTreeMenu()，通过这个函数的调用，会从数据库中递归的调出每个菜单项目，并显示在页面上了：）

(编辑：daqing123) 【进入论坛参与讨论】 【留言给网站】
【在线投稿】【打印】【关闭】【顶部】

相关文章：

·利用实例讲解MySQL数据库做到查询最优化
·MySQL5.0 不能使用自动增加字段问题解决
·在MySQL数据库中如何修改密码及访问限制
·MySQL数据库中数据库移植中的乱码问题
·搞定MySQL数据库中文模糊检索问题
·Mysql 数据库字符集转换及版本升/降级教程
·MySQL常见错误提示及解决方法
·怎样在Mysql中直接储存图片
·带你轻松接触Oracle 9i的内存泄漏问题
·怎样修改MySQL数据库中一个用户的密码
特别推荐


Copyright © 2003-2008 ™ daqing123.com.All Rights Reserved.
网站帮助中心 | 网站联系方式