空間站

北極心空

:: 管理

15 Posts :: 393 Stories :: 160 Comments :: 0 Trackbacks

2。jsp動態(tài)實現
   分以下步驟實現動態(tài)的樹型菜單：
   1）在數據庫建tree_info表，有nodeId，parentNodeId，nodeName，nodeUrl四個字段，來存儲節(jié)點信息。
   2）編寫java類，用于從數據庫找出節(jié)點信息，并且生成javascript腳本。
   3）編寫tag類。用于封裝邏輯，簡化jsp的開發(fā)。
   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數據庫，如果腳本細節(jié)有出入，請自行修改
    按照上面的dTree示例插入數據
   2）編寫TreeInfo.java，這個類用于封裝節(jié)點信息
     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 getNodeName() {
    return nodeName;
   }

   public void setNodeName(String nodeName) {
    this.nodeName = nodeName;
   }

   public String getUrl() {
    return url;
   }

   public void setUrl(String url) {
    this.url = url;
   }

  }
   編寫TreeUtil.java，用于從數據庫得到節(jié)點信息，封裝到TreeInfo對象，并生成javascript腳本
   TreeUtil.java
   package com.diegoyun.web.tree;
  import java.util.Collection;
  import java.util.ArrayList;
  import java.util.Iterator;
  import java.util.List;
  import java.sql.PreparedStatement;
  import java.sql.ResultSet;
  import java.sql.Connection;
  import java.sql.DriverManager;

  /**
   * @author Diegoyun
   * @version 1.0
   */
  public class TreeUtil {
   public static List retrieveNodeInfos(){
    List coll = new ArrayList();

    String driverName = "com.mysql.jdbc.Driver";
    String host = "localhost";
    String port = ":3306";
    String serverID = "test";
    String userName = "root";
    String userPwd = "root";
    String url = "jdbc:mysql://" + host + port + "/" + serverID ;

    Connection conn = null ;
    PreparedStatement ps = null;
    ResultSet rs = null;
    try{
     Class.forName(driverName).newInstance();
     conn = DriverManager.getConnection(url , userName , userPwd);
     String sql = "select * from tree_info";
     ps = conn.prepareStatement(sql);
     rs = ps.executeQuery();

     TreeInfo info = null;
     while(rs!=null && rs.next()){
      info = new TreeInfo();
      info.setNodeId(rs.getInt(1));
      info.setParentId(rs.getInt(2));
      info.setNodeName(rs.getString(3));
      info.setUrl(rs.getString(4));
      coll.add(info);
     }
  //            if(rs!=null){
  //                rs.close();
  //                rs=null;
  //            }
  //            if(ps!=null){
  //                ps.close();
  //                ps=null;
  //            }
    }catch(Exception e){
     System.out.println(e);
    }

return coll;
   }
   public static String createTreeInfo(List alist){
    StringBuffer contents = new StringBuffer();
    contents.append("");

    return contents.toString();
   }
   public static void main(String[]args){
    List alist = TreeUtil.retrieveNodeInfos();
  //        TreeInfo info = null;
  //        for(Iterator i = c.iterator();i.hasNext();){
  //            info = (TreeInfo)i.next();
  //            System.out.println("*****" + info.getNodeName());
  //        }
    System.out.println(TreeUtil.createTreeInfo(alist));
   }
  }

3)編寫標簽類
InitTreeTag.java
package com.diegoyun.web.taglibs;
import com.diegoyun.web.tree.TreeUtil;
import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.jsp.JspException;
import java.io.IOException;

/**
  * @author Diegoyun
  * @version 1.0
  */
public class InitTreeTag extends TagSupport{

  public int doEndTag() throws JspException {
   StringBuffer tree = new StringBuffer();
   tree.append("<script type=\"text/javascript\">\n");
   tree.append(TreeUtil.createTreeInfo(TreeUtil.retrieveNodeInfos()));
   tree.append("</script>\n");
   try{
    pageContext.getOut().println(tree.toString());
   }catch(IOException ioe){
    ioe.printStackTrace();
   }
   return super.doEndTag();
  }
}

ShowTreeTag.java :

package com.diegoyun.web.taglibs;

import javax.servlet.jsp.tagext.TagSupport;
import javax.servlet.jsp.JspException;
import java.io.IOException;

/**
  * @author Diegoyun
  * @version 1.0
  */
public class ShowTreeTag extends TagSupport{
  public int doEndTag() throws JspException {
   StringBuffer buffer = showTree();
   try {
    pageContext.getOut().println(buffer.toString());
   }
   catch (IOException ioe) {
    ioe.printStackTrace();
   }
   return super.doEndTag();
  }
  private StringBuffer showTree(){
   StringBuffer sb = new StringBuffer();
   sb.append("<div class=\"tree\">\n");
   sb.append("<script type=\"text/javascript\">\n");
   sb.append("\n");
   sb.append("</script>\n");
   sb.append("</div>\n");
   return sb;
  }
}

標簽的tld如下：
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE taglib
   PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
   "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
  <tlib-version>1.0</tlib-version>
  <jsp-version>1.2</jsp-version>
  <short-name>tree</short-name>
  
  <tag>
   <name>init</name>
   <tag-class>com.diegoyun.web.taglibs.InitTreeTag</tag-class>
   <body-content>empty</body-content>
  </tag>
  
  <tag>
   <name>show</name>
   <tag-class>com.diegoyun.web.taglibs.ShowTreeTag</tag-class>
   <body-content>empty</body-content>
  </tag>
</taglib>

4）建立web過程，編寫jsp進行測試。

index.jsp如下：
<%@ page language="java"%>
<%@ taglib uri="/WEB-INF/tlds/tree.tld" prefix="tree"%>

<html>
<head>
  <title>Tree example</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link rel="StyleSheet" href="tree.css" type="text/css">
  <script type="text/javascript" src="tree.js"></script>
  <tree:init/>
</head>

<body>

<b>Tree example :</b><br /><br />
<tree:show/>
<br /><br />

</body>
</html>

posted on 2007-09-30 09:48 蘆葦閱讀(3512) 評論(6) 編輯收藏所屬分類: HTML & Script

Feedback

# re: 使用dtree構建動態(tài)樹型菜單 2008-09-25 12:41 SS

完全綠春不對馬嘴，轉帖吧，沒測試過吧回復更多評論

# re: 使用dtree構建動態(tài)樹型菜單 2008-10-10 11:21 蘆葦

@SS

的確是轉貼的,沒看到最下面的說明嗎?這是我的收藏,覺得沒用就請你離開回復更多評論

# re: 使用dtree構建動態(tài)樹型菜單 [未登錄] 2009-07-02 11:42 a

根本就不行回復更多評論

# re: 使用dtree構建動態(tài)樹型菜單 [未登錄] 2010-01-20 11:08 billy

還有這種不要臉的人專門收集別人的垃圾文章騙人。回復更多評論

# re: 使用dtree構建動態(tài)樹型菜單 2010-02-23 11:32 蘆葦

我知道這些代碼是有問題的,而且也是我轉別人的文章,但是我使用的時候就是參考這個弄出來的,一個正常的代碼,你拷貝過去完全正常使用,你還能學到什么?只有出錯了,你自己解決了,你才學到了東西.
另外:這里是我的私人博客,是我收集一些資料的地方,沒有你想要的東西很正常啊,請不要出口傷人!
回復更多評論

# <tree:init/>語句沒有執(zhí)行 2010-02-28 12:02 garyme

請問<tree:init/>語句沒有執(zhí)行，而<tree:show/>正常，該怎么解決？謝謝回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JavaScript 獲取客戶端計算機硬件及系統(tǒng)信息學習GXT的資料(轉) js窗口&提示大全[轉] Tutorial:Building Ext From Source(制定自己的EXT版本) 常用建站參考網站大本營[轉] 強烈推薦：240多個jQuery插件 eXtremeComponents參考文檔 eclipse中ext插件安裝方法 jstl 強大的日期處理(轉) EL表達式的應用

空間站

公告

常用鏈接

留言簿(15)

我參與的團隊

隨筆分類

隨筆檔案

文章分類

文章檔案

收藏夾

blog收藏

搜索

最新評論

閱讀排行榜

評論排行榜

Feedback