DTree生成漂亮的动态树型菜单.doc

DTree生成漂亮的动态树型菜单dtree是一个免费的javascript脚本，只需定义有限的几个参数，就可以做出漂亮的树型菜单。以下是dtree的用法示例：1）初始化菜单 ? script?type=text/javascript ?? ???!-- ?? ???var?Tree?=?new?Array; ?? ???//?nodeId?|?parentNodeId?|?nodeName?|?nodeUrl ?? ???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|#; ?? ???Tree[4]???=?5|1|Page?1.3|#; ?? ???Tree[5]???=?6|2|Page?1.1.1|#; ?? ???Tree[6]???=?7|6|Page?|#; ?? ???Tree[7]???=?8|6|Page?|#; ?? ???Tree[8]???=?9|1|Page?1.4|#; ?? ???Tree[9]???=?10|9|Page?1.4.1|#; ?? ???Tree[10]?=?11|0|Page?2|#; ?? ???//-- ?? /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??? 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; ?? /** ? ?*?@author?Diegoyun ? ?*?@version?1.0 ? ?*/?? 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?g