树形菜单实现.docVIP

JSP树形菜单的实现(转载)(2009-04-20 15:21:03) HYPERLINK javascript:; 转载标签： HYPERLINK /c.php?t=blogk=%D4%D3%CC%B8ts=bpoststype=tag \t _blank 杂谈分类： HYPERLINK /s/articlelist_1589943837_1_1.html \t _blank 技术讲解 1。原理简介?dtree是一个免费的javascript脚本，只需定义有限的几个参数，就可以做出漂亮的树型菜单。下载目录： HYPERLINK /javascripts/tree/ /javascripts/tree/?以下是dtree的用法示例：?1）初始化菜单?script type=text/javascript??!--??var Tree = new Array;??Tree[0]? = 1|0|Page 1|#;??Tree[1]? = 2|1|Page 1.1|#;??Tree[2]? = 3|1|Page 1.2|#;??Tree[3]? = 4|3|Page 1.2.1|#;???/script?2）调用函数?div class=tree??script type=text/javascript??!--???createTree(Tree,1,7);? // starts the tree at the top and open it at node nr. 7??//--??/script?/div?显然，如果用动态的脚本来初始化菜单数组（asp,jsp均可），那就可以很方便的实现动态的树型菜单了。2。jsp动态实现?? 分以下步骤实现动态的树型菜单：?? 1）在数据库建tree_info表，有nodeId，parentNodeId，nodeName，nodeUrl四个字段，来存储节点信息。?? 2）编写java类，用于从数据库找出节点信息，并且生成javascript脚本。?? 3）编写tag类。用于封装逻辑，简化jsp的开发。?? 4）建一个web程序进行测试。3。详细过程?? 1）在数据库建表，脚本如下：?? CREATE TABLE `test`.`tree_info` (?? `node_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,?? `parent_id` INTEGER UNSIGNED NOT NULL DEFAULT -1,?? `node_name` VARCHAR(45) NOT NULL,?? `ref_url` VARCHAR(45) NOT NULL,?? PRIMARY KEY(`node_id`)?)?我使用mysql数据库，如果脚本细节有出入，请自行修改??? 按照上面的dTree示例插入数据?? 2）编写TreeInfo.java，这个类用于封装节点信息???? package com.diegoyun.web.tree;????public class TreeInfo {???private int nodeId = -1;//node id???private int parentId = -1;//parentId???private String nodeName = null;//node name???private String url = null;//url references???public int getNodeId() {????return nodeId;???}???public void setNodeId(int nodeId) {????this.nodeId = nodeId;???}???public int getParentId() {????return parentId;???}???public void setParentId(int parentId) {????this.parentId = parentId;???}???public String getNodeName() {????return nodeName;???}???public void setNodeName(String nodeName) {????this.nodeName = nodeName;???}???public String getUrl() {????return url;???}???public void setUrl(String url) {????this.url = u