spring+dwr

首先开发环境是eclipse.这里需要hibernate3.2和spring2.5,dwr2.0.5,dbcp1.2.2的jar包(这些都是在相应的官方网站下载)

这里我选择的场景是从数据库中读取到一个自己链接的类别显示表sort

下面是其实体类和相应的配置文件代码:

Sort.java

Java代码

package com.tree.entity;

import java.util.HashSet;

import java.util.Set;

public class Sort {

private int id;

private String name;//类别的名字

private Sort parent;//父节点

private Set<Sort> childrens;//子节点

//geter.seter.....

}

package com.tree.entity;

import java.util.HashSet;

import java.util.Set;

public class Sort {

private int id;

private String name;//类别的名字

private Sort parent;//父节点

private Set<Sort> childrens;//子节点

//geter.seter.....

}

Sort.hbm.xml:

Java代码

<?xml version="1.0"?>

<!DOCTYPE hibernate-mapping PUBLIC

"-//Hibernate/Hibernate Mapping DTD 3.0//EN"

"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">

<hibernate-mapping

package="com.tree.entity">

</id>

<many-to-one name="parent" column="sid"/>

<key>

</key>

<one-to-many class="Sort"/>

</set>

</class>

<!--

//这里使用了Hibernate的命名查询.

//将你的每个实现映射实例对应的表操作语句都统一写到此处..方便统一管理

//命名查询也可以使用2级缓冲.方便优化Hibernate的数据库操作

-->

<![CDATA[

from Sort sort where sort.parent=null

]]></query>

<![CDATA[

from Sort sort where sort.parent.id=?

]]></query>

</hibernate-mapping>

<?xml version="1.0"?>

<!DOCTYPE hibernate-mapping PUBLIC

"-//Hibernate/Hibernate Mapping DTD 3.0//EN"

"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">

<hibernate-mapping

package="com.tree.entity">

</id>

<many-to-one name="parent" column="sid"/>

<key>

</key>

<one-to-many class="Sort"/>

</set>

</class>

<!--

//这里使用了Hibernate的命名查询.

//将你的每个实现映射实例对应的表操作语句都统一写到此处..方便统一管理

//命名查询也可以使用2级缓冲.方便优化Hibernate的数据库操作

-->

<![CDATA[

from Sort sort where sort.parent=null

]]></query>

<![CDATA[

from Sort sort where sort.parent.id=?

]]></query>

</hibernate-mapping>

看了2个相应的映射实例.我们看看如何完成dao

SortDaoImpl.java

Java代码

package com.tree.dao;

import java.util.List;

import org.springframework.orm.hibernate3.support.HibernateDaoSupport;

import com.tree.entity.Sort;

public class SortDaoImpl extends HibernateDaoSupport implements SortDaoInf {

public void save(Sort sort) {

this.getHibernateTemplate().save(sort);

}

public Sort find(int id) {

return (Sort) this.getHibernateTemplate().get(Sort.class, id);

}

@SuppressWarnings("unchecked")

public List findAllParent() {

return this.getHibernateTemplate().findByNamedQuery("findAllParent");

}

@SuppressWarnings("unchecked")

public List findChildByParentId(int id) {

//使用findByNamedQuery(“相应的配置文件中你对应要使用查询语句的名字”)

return this.getHibernateTemplate().findByNamedQuery("findChildByParent", id);

}

package com.tree.dao;

import java.util.List;

import org.springframework.orm.hibernate3.support.HibernateDaoSupport;

import com.tree.entity.Sort;

public class SortDaoImpl extends HibernateDaoSupport implements SortDaoInf {

public void save(Sort sort) {

this.getHibernateTemplate().save(sort);

}

public Sort find(int id) {

return (Sort) this.getHibernateTemplate().get(Sort.class, id);

}

@SuppressWarnings("unchecked")

public List findAllParent() {

return this.getHibernateTemplate().findByNamedQuery("findAllParent");

}

@SuppressWarnings("unchecked")

public List findChildByParentId(int id) {

//使用findByNamedQuery(“相应的配置文件中你对应要使用查询语句的名字”)

return this.getHibernateTemplate().findByNamedQuery("findChildByParent", id);

}

HibernateTemplate提供非常多的常用方法来完成基本的操作，比如通常的增加、删除、修改、查询等操作，Spring 2.0更增加对命名SQL查询的支持，也增加对分页的支持。大部分情况下，使用Hibernate的常规用法，就可完成大多数DAO对象的CRUD操作。下面是HibernateTemplate的常用方法简介：

q void delete(Object entity)：删除指定持久化实例

q deleteAll(Collection entities)：删除集合内全部持久化类实例

q find(String queryString)：根据HQL查询字符串来返回实例集合

q findByNamedQuery(String queryName)：根据命名查询返回实例集合

q get(Class entityClass, Serializable id)：根据主键加载特定持久化类的实例

q save(Object entity)：保存新的实例

q saveOrUpdate(Object entity)：根据实例状态，选择保存或者更新

q update(Object entity)：更新实例的状态，要求entity是持久状态

q setMaxResults(int maxResults)：设置分页的大小

上面对应一些基本的操作解析

下面是配置文件的配置:

首先是web.xml文件中如下:

Java代码

<!--

//配置DWR拦截器

-->

<servlet-name>dwr-invoker</servlet-name>

<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>

<init-param>

<param-name>debug</param-name>

<param-value>true</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>dwr-invoker</servlet-name>

<url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

<!--

//这里你需要告诉服务器你的spring的配置放到什么地方.这里我选择是在src文件夹下面

-->

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:applicationContext.xml</param-value>

</context-param>

<!--

//定义 Spring 的上下文监听器，它会负责初始化 ApplicationContext(spring的环境)

-->

<listener-class>

org.springframework.web.context.ContextLoaderListener

</listener-class>

</listener>

<!--

//配置DWR拦截器

-->

<servlet-name>dwr-invoker</servlet-name>

<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>

<init-param>

<param-name>debug</param-name>

<param-value>true</param-value>

</init-param>

</servlet>

<servlet-mapping>

<servlet-name>dwr-invoker</servlet-name>

<url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

<!--

//这里你需要告诉服务器你的spring的配置放到什么地方.这里我选择是在src文件夹下面

-->

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:applicationContext.xml</param-value>

</context-param>

<!--

//定义 Spring 的上下文监听器，它会负责初始化 ApplicationContext(spring的环境)

-->

<listener-class>

org.springframework.web.context.ContextLoaderListener

</listener-class>

</listener>

dwr.xml(存放在WEB-INF中)的文件配置:

Java代码

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

<dwr>

<allow>

<!--

//这里create表示创建的对象方式以及生成的js文件的名字

//javascript:表示生成的js文件的名字;

//creator:表示创建的方式;

//<param>表示要创建具体的类

//name="class"这是一个类;

//value="[编写具体的类名]";

// 因为整合spring.这里creator的属性设置为spring.

-->

<!--

//param元素的name属性值可以是class,beanName等，此处用beanName,

//value得值是定义在applicationContext.xml中某个bean的id值。

-->

</create>

<!--

//convert:配置具体的javabean;

//match:具体的java类名;

//converter:表示使用的方式;

//bean ==> 符合javabean规范的形式进行创建;

//date ==> 专门用于转换util.Date和sql.Date

-->

</convert>

</allow>

</dwr>

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

<dwr>

<allow>

<!--

//这里create表示创建的对象方式以及生成的js文件的名字

//javascript:表示生成的js文件的名字;

//creator:表示创建的方式;

//<param>表示要创建具体的类

//name="class"这是一个类;

//value="[编写具体的类名]";

// 因为整合spring.这里creator的属性设置为spring.

-->

<!--

//param元素的name属性值可以是class,beanName等，此处用beanName,

//value得值是定义在applicationContext.xml中某个bean的id值。

-->

</create>

<!--

//convert:配置具体的javabean;

//match:具体的java类名;

//converter:表示使用的方式;

//bean ==> 符合javabean规范的形式进行创建;

//date ==> 专门用于转换util.Date和sql.Date

-->

</convert>

</allow>

</dwr>

applicationContext.xml的配置

Java代码

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">

</bean>

<list>

<value>com/tree/entity/Sort.hbm.xml</value>

</list>

</property>

<value>

hibernate.dialect = org.hibernate.dialect.MySQLInnoDBDialect

hibernate.cache.provider_class = org.hibernate.cache.NoCacheProvider

hibernate.format_sql = true

hibernate.show_sql = true

hibernate.hbm2ddl.auto = update

</value>

</property>

</bean>

<!--

//这里DWRSortDaoInf要与dwr中creater的beanName的value相一致

-->

</bean>

</beans>

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">

</bean>

<list>

<value>com/tree/entity/Sort.hbm.xml</value>

</list>

</property>

<value>

hibernate.dialect = org.hibernate.dialect.MySQLInnoDBDialect

hibernate.cache.provider_class = org.hibernate.cache.NoCacheProvider

hibernate.format_sql = true

hibernate.show_sql = true

hibernate.hbm2ddl.auto = update

</value>

</property>

</bean>

<!--

//这里DWRSortDaoInf要与dwr中creater的beanName的value相一致

-->

</bean>

</beans>

完成这些后台的配置与必要的操作定义后..

就可以实现页面树的显示

页面为tree.jsp:因为大部分的操作都使用了tree.js上面.而通过访问http://127.0.0.1:8080/tree(我的项目名称)/dwr可以获取到dwr生成后转化成的js

Java代码

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="ISO-8859-1"%>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

</div>

</body>

</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="ISO-8859-1"%>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

</div>

</body>

</html>

核心的tree.js的代码如下:

Java代码

//在页面启动的时候操作

window.οnlοad=function() {

var tree = document.getElementById("tree");

sortDaoInf.findAllParent(function(sorts){//获取到所有的父元素

for(var i=0;i<sorts.length;i++) {

var sort = sorts[i];

var my_ul = document.createElement("ul");

my_ul.innerHTML="<li id="+sort.name+"><img id="+sort.id+" src='img/plus.gif' οnclick='getSubtree(\""+sort.name+"\","+sort.id+")'/><img src='img/folder.gif'/></li>";

tree.appendChild(my_ul);

}

});

}

function getSubtree(){

//传递的参数可以使用arguments[index..]来获取.javascript一个扩展特点

var name = arguments[0];//获取第一个参数的值

var id = arguments[1];//获取第二个参数的值

var element = document.getElementById(name);

var my_ul = document.createElement("ul");//创建一个ul的元素

sortDaoInf.findChildByParentId(id,function (sorts){//使用sortDaoInf的方法.id为传递的参数.sorts为回调函数.

var str="";

for(var i=0;i<sorts.length;i++) {

var sort = sorts[i];

str+="<li id="+sort.id+">"+sort.name+"</li>";//将获取到的数据用li形式表示

}

my_ul.innerHTML = str;//将获取到所以li元素添加到相应的ul中

element.appendChild(my_ul);

//把"+"号变成"-"号

var img = document.getElementById(id);

img.setAttribute("src","img/minus.gif");

img.onclick = function () {

showHide(name,id,element);

};

});

}

function showHide(){

var name = arguments[0];//获取第一个参数的值

var id = arguments[1];//获取第二个参数的值

var root = arguments[2];//获取第三个参数的值

var element = document.getElementById(name);

var img = document.getElementById(id);//获取到相应的Img元素

img.src = "img/plus.gif";

img.onclick = function(){

getSubtree(name,id);

}

var subs = element.lastChild;

root.removeChild(subs);//将父元素中子元素删除掉

//subs.style.display="none";

}

//在页面启动的时候操作

window.οnlοad=function() {

var tree = document.getElementById("tree");

sortDaoInf.findAllParent(function(sorts){//获取到所有的父元素

for(var i=0;i<sorts.length;i++) {

var sort = sorts[i];

var my_ul = document.createElement("ul");

my_ul.innerHTML="<li id="+sort.name+"><img id="+sort.id+" src='img/plus.gif' οnclick='getSubtree(\""+sort.name+"\","+sort.id+")'/><img src='img/folder.gif'/></li>";

tree.appendChild(my_ul);

}

});

}

function getSubtree(){

//传递的参数可以使用arguments[index..]来获取.javascript一个扩展特点

var name = arguments[0];//获取第一个参数的值

var id = arguments[1];//获取第二个参数的值

var element = document.getElementById(name);

var my_ul = document.createElement("ul");//创建一个ul的元素

sortDaoInf.findChildByParentId(id,function (sorts){//使用sortDaoInf的方法.id为传递的参数.sorts为回调函数.

var str="";

for(var i=0;i<sorts.length;i++) {

var sort = sorts[i];

str+="<li id="+sort.id+">"+sort.name+"</li>";//将获取到的数据用li形式表示

}

my_ul.innerHTML = str;//将获取到所以li元素添加到相应的ul中

element.appendChild(my_ul);

//把"+"号变成"-"号

var img = document.getElementById(id);

img.setAttribute("src","img/minus.gif");

img.onclick = function () {

showHide(name,id,element);

};

});

}

function showHide(){

var name = arguments[0];//获取第一个参数的值

var id = arguments[1];//获取第二个参数的值

var root = arguments[2];//获取第三个参数的值

var element = document.getElementById(name);

var img = document.getElementById(id);//获取到相应的Img元素

img.src = "img/plus.gif";

img.onclick = function(){

getSubtree(name,id);

}

var subs = element.lastChild;

root.removeChild(subs);//将父元素中子元素删除掉

//subs.style.display="none";

}

通过上面的例子使我更清楚的了解的dwr的作用.和spring的强大.为了实现树的显示也对javascript的编写有了进一步了解..在后面还会搞些更好的东西和结合学习到所有技术在学习同时与大家分享一下

下面是所有的源码..jar太大就不上传了.

原文来自：雨枫技术教程网 http://www.fengfly.com

原文网址：http://www.fengfly.com/plus/view-168040-1.html

spring+dwr

继续阅读

请求超时VUE axios重新再次请求

nodejs微信开发---授权登录+获取用户信息微信网页授权

debian9升级4.9.0内核到4.19.2内核过程

SpringCloud微服务（四）之ribbon笔记ribbon是什么？入门案例自定义均衡负载算法

Javascript构建Bingo卡片游戏

Could not determine type for: String

JavaScript的那些坑之事件代理事件代理事件阶段

javascript的for (var i in data)慎用javascript中的for (var i in data)谨慎用

tab鼠标经过菜单切换

vue （vue2.0）使用总结(从大体结构总结)

vue搭建过程及出现问题

/\B(?=(?:\d{3})+$)/g 一条令人费解的正则表达式

适用于JavaScript的ECMAScript 2020规范向前发展

JS生成uuid的四种方法

layui多任务上传添加进度条