jsp与树形菜单

1。原理简介
dtree是一个免费的javascript脚本,只需定义有限的几个参数,就可以做出漂亮的树型菜单。下载目录:http://www.destroydrop.com/javascripts/tree/
以下是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 1.1.1.1|#";
   Tree[7] = "8|6|Page 1.1.1.2|#";
   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>

显然,如果用动态的脚本来初始化菜单数组(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;
   /**
   * @author Diegoyun
   * @version 1.0
   */
   public

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值