`

梅花雪树jsp

阅读更多

说明:代码在附件中,直接copy到myeclipse中,在数据库中执行附件中的sql,更改链接数据库的用户名和密码,就可访问http://localhost:8080/Mztree

1.创建数据库
create table tree
(
id int primary key,
parentId int,
text varchar(50),
hint varchar(100),
icon varchar(20),
data varchar(20),
url varchar(50),
target varchar(20),
method varchar(50)
)
2.下载梅花雪树控件(放在根目录)
3.创建连接数据库类DBfactory.java
package com.service;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
public class DBfactory {

public static Connection getConnection() throws SQLException ,
java.lang.ClassNotFoundException{
String url = "jdbc:mysql://localhost:3306/test";
Class.forName("com.mysql.jdbc.Driver");
String userName = "root";
String password = "aidemama";
Connection con = DriverManager.getConnection(url,userName,password);
return con;
}


}

4.创建操作类TreeService.java

package com.service;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

 

public class TreeService {
 Connection con = null;
 public String getTree() throws SQLException  {
 
 try { 
  con = DBfactory.getConnection();
  String sql = "select * from tree";
  PreparedStatement pre = con.prepareStatement(sql);
  ResultSet rs =pre.executeQuery();
  String tree ="";
  
  while(rs.next()) {
   String id = String.valueOf(rs.getInt("id"));
   String pid = String.valueOf(rs.getInt("parentId"));
   String text = rs.getString("text");
   String hint = rs.getString("hint");
   String url = rs.getString("target");
   String target = rs.getString("target");
   tree +="\n"+"tree"+".nodes[\""+pid+"_"+id+"\"]=\"";
   
   if(text != null && text.trim()!="") {
    tree +="text:"+text+";";
    
   }
   if(hint != null && hint.trim()!="") {
    tree +="hint:"+hint+";";
    
   }
   if(url != null && url.trim()!="") {
    tree +="url:"+url+";";
    
   }
   if(target != null && target.trim()!="") {
    tree +="target:"+target+";";
    
   }
   
   
   tree += "\"";
  }
  return tree;
  
 }catch(Exception e){
  System.out.println("can't create tree");
  return null;
  
 }finally {
  
  con.close();
 }
 }

}
5.创建jsp


<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@ page import="com.service.TreeService"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
  <head>
    <title>梅花雪中文网 - 网页脚本控件集 MzTreeView10</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="author" content="黄方荣(meizz·梅花雪)://www.meizz.com">
    <script language="JavaScript" src="MzTreeView10/MzTreeView10.js"></script>
    <!--link href="http://www.meizz.com/Scripts/Global.css" type="text/css" rel="stylesheet"-->
    <style>
    A.MzTreeview
    {
      font-size: 9pt;
      padding-left: 3px;
    }
    </style>
  </head>

  <body  bgcolor="#FFFFDB" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" align="center">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    window.tree = new MzTreeView("tree");

    tree.icons["property"] = "property.gif";
    tree.icons["css"] = "collection.gif";
    tree.icons["book"]  = "book.gif";
    tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片
    tree.setIconPath("MzTreeView10/"); //可用相对路径
 <%
  TreeService ts=new TreeService();
  String tree=ts.getTree();
  out.print(tree);
 %>
  
    tree.setURL("#");
    tree.setTarget("MzMain");
    document.write(tree.toString());    //亦可用 obj.innerHTML = tree.toString();
    //-->
    </SCRIPT>
  </body>
</html>

 

 

1
0
分享到:
评论

相关推荐

    梅花雪树2.0修改版

    "梅花雪树2.0修改版"是一款针对前端开发的高性能树形组件,尤其适合处理大量数据节点的加载。在原版Mztree2.0的基础上,开发者进行了优化和改进,提高了组件的性能和用户体验。这个修改版的主要特点是能够流畅地一次...

    超经典的梅花雪树+右键菜单

    在IT领域,"梅花雪树+右键菜单"可能指的是一个特定的软件组件或界面设计模式,它结合了梅花雪树的数据展示方式和右键快捷菜单的功能。这种设计通常用于提高用户界面的交互性和效率,特别是在处理复杂数据结构时。 ...

    梅花雪树(Web TreeView)

    "梅花雪树(Web TreeView)"是一款适用于Web应用的树形视图组件,它在网页上提供了展示层次结构数据的功能。这种组件通常用于构建导航菜单、文件系统浏览、组织结构图等场景,使得用户可以直观地理解和操作数据层级...

    梅花雪树(做好的工程)

    【标题】"梅花雪树(做好的工程)"所指的是一个已经完成开发并可供使用的项目。这个项目的名称可能源于中国传统文化中的元素,"梅花雪树"常常象征坚韧与纯洁,暗示了项目可能具有高雅的设计风格或者寓意着某种技术上...

    梅花雪树控件(js版)2.0

    梅花雪树控件(js版)2.0是一款在前端开发中广泛使用的树形控件,因其高效、灵活和强大的特性而备受青睐。这个控件的设计理念是为了解决网页中展示复杂层级关系数据的问题,尤其适用于需要动态加载和无限级别的场景...

    梅花雪树2.0

    很抱歉,但根据您提供的信息,“梅花雪树2.0”似乎不是一个标准的IT技术主题,而更可能是一个艺术或文化相关的项目名称。压缩包子文件的名称“treeTest”也没有提供足够的线索来确定这是一个关于编程、软件开发、...

    梅花雪树形菜单2.0

    梅花雪树形菜单2.0是一款专为软件开发者设计的用户界面组件,它以其独特的视觉效果和高效的操作体验,使得应用程序的菜单系统更加生动且易于使用。"2.0"代表这是该组件的一个升级版本,通常意味着在功能、性能或用户...

    梅花雪树大全! 经典作品 修改版

    很抱歉,根据您提供的信息,"梅花雪树大全! 经典作品 修改版"似乎是一个与IT技术直接关联性不强的主题,它可能指的是某种艺术、文学或摄影作品的集合,而不是传统的IT知识或软件资源。标签和压缩包子文件的文件名称...

    改进版梅花雪树

    在这样的背景下,"改进版梅花雪树"这种树形控件应运而生,它不仅在功能上为用户带来便利,还在美学上赋予了传统的树控件新的活力。 首先,我们来探讨一下"梅花雪树"这个名称。梅花作为中国传统文化中的重要元素,常...

    梅花雪树js文件下载

    【标题】"梅花雪树js文件下载"涉及的是一个JavaScript库或者项目,名为"梅花雪树"。在JavaScript编程领域,库和项目通常用于提供特定功能或简化开发流程。"梅花雪树"可能是专为某种特定用途设计的,比如数据可视化、...

    梅花雪树控件

    梅花雪树控件,顾名思义,是一种用于图形用户界面(GUI)的软件开发工具,主要用于构建数据结构展示为树形层次结构的组件。它以其高效和动态加载的特点而闻名,尤其适用于处理大量数据时,能保持良好的性能和用户...

    梅花雪树形菜单2.0带复选框,动态加载,级联选中(CSDN树)

    "梅花雪树形菜单2.0带复选框,动态加载,级联选中(CSDN树)"是一个特定的实现,它包含了一些关键特性,下面将详细介绍这些特性。 1. **复选框**:在每个菜单项旁边添加了复选框,用户可以多选或单选菜单项,这在需要...

    t20071217111518.zip_treedata-book_梅花雪树

    【标题】"t20071217111518.zip_treedata-book_梅花雪树" 暗示这是一个关于树形数据结构(Tree Data Structure)的资源,可能是一个书籍项目或者教程,特别关注的是“梅花雪树”这个概念,这可能是一个特定的数据结构...

    梅花雪树形菜单1.0

    "梅花雪树形菜单1.0"是一款基于JavaScript编写的动态树形菜单系统,由MzTreeView1.0实现。这个版本的菜单设计简洁而优雅,旨在为网站提供直观、高效的导航体验。开发者通过这款菜单可以轻松构建层级分明、交互性强的...

    梅花雪树形控件CSS+Javascript

    "梅花雪树形控件CSS+Javascript"是一个专门用于构建树形结构的前端组件,它结合了CSS(层叠样式表)和Javascript的技术,旨在提供美观且功能丰富的图形化界面。在网页设计中,树形控件常用于展示层级关系的数据,如...

    梅花雪树 模仿CSDN.rar

    【标题】"梅花雪树 模仿CSDN.rar"是一个压缩包文件,其中包含了创建一个类似CSDN(China Software Developer Network)网站的模仿版的源代码。这个模仿项目可能是为了学习和实践网页开发技术,尤其是HTML、...

    jsp实现梅花雪树 自动读取数据库

    说明:代码在附件中,直接copy到myeclipse中,在数据库中执行附件中的sql,更改链接数据库的用户名和密码,就可访问http://localhost:8080/Mztree http://briandesmond.com/blog/how-to-sysprep-in-windows-2008/

    java树控件之dtree,rtree,梅花雪树

    本篇文章将聚焦于三种特定的Java树控件:DTree、RTree以及梅花雪树,并探讨它们的特性、使用场景和实现方式。 首先,DTree(Dynamic Tree)是一种动态的树形控件,它允许程序在运行时动态地添加、删除和修改节点。...

Global site tag (gtag.js) - Google Analytics