JSP树形菜单的实现

原创

于 2023-04-24 20:02:26 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #servlet #javascript

文章介绍了如何利用dtree脚本创建静态树形菜单，并展示了用jsp动态生成菜单数组的步骤，包括数据库设计、Java类的编写、自定义标签的实现，以及最终的web程序测试。此外，还提及了dTree的一些已知问题。

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`)

 )

我使用mysq