hibernate+spring+dwr+javascript实现无限制动态栏目增加

创建模型：Module.java
import java.util.Set;
import java.util.HashSet;
/*
* 模板
* 分为简介类模板，新闻类模板
* type为0表示为简介类模板
* 为1表示为新闻类模板
*/
public class Module {
private int id;
/**
* 模块名称
*/
private String name;
/**
* 模块编号
*/
// private String sn;
/**
* 模块入口地址
*/
private String url;
/**
* 模块排序号
*
*/
private int orderNum;
/**
* 父模块
* 如果是顶级模块，parent=null
* @hibernate.many-to-one not-found="ignore" column="parentId"
*/
private Module parent;
/**
* 子模块
*/
private Set<Module> children = new HashSet<Module>();
}

hibernate映射文件：Module.hbm.xml
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN" "http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">

<hibernate-mapping>
  <class table="t_module" name="bear.model.Module">
    <id access="field" name="id">
      <generator class="native"/>
    </id>
    <property name="name" access="field" unique="true" not-null="true"/>
    <property name="type" access="field" not-null="true"/>
    <property name="url" access="field"/>
    <property name="orderNum" access="field"/>
    <many-to-one column="parentId" access="field" not-found="ignore" name="parent"/>
    <set inverse="true" access="field" lazy="extra" name="children" order-by="orderNum">
      <key column="parentId"/>
      <one-to-many class="bear.model.Module"/>
    </set>
  </class>
</hibernate-mapping>

逻辑层：ModuleService.java
/*
* 返回所有顶级模块
*/
public List<Module> getTop(){
     String hql = "from Module";
     List list = dao.QueryByList(hql, null);
     List<Module> tops = new ArrayList<Module>();
     for(int i=0;i<list.size();i++){
         Module m = (Module)list.get(i);
if(m.getParent() == null)
    tops.add(m);
}
return tops;
     }
}
spring配置:
<!-- 模块服务 -->
<bean id="ModuleService" class="bear.service.impl.ModuleServiceImpl">
    <property name="dao" ref="daoProxy"></property>
</bean>

dwr文件配置:dwr.xml
<create javascript="ModuleManager" creator="spring">
    <param name="beanName" value="ModuleService"></param>
</create>
<convert converter="bean" match="bear.model.Module"></convert>
javascript文件:module.js
javascript通过递归方式实现无限制栏目显示，
/**
* 从服务器读取顶级栏目（模块）
*/
function InitModule(){
    ModuleManager.getTop(function(data){
        for(var i=0; i<data.length;i++){
   walk(data);
        }
    });
}
/*
  * 递归读取栏目（模块）
  */
function walk(data){
    for(var i=0;i<data.length;i++){
        //创建HTML标签DIV
var div = document.createElement("div");
div.style.width="100%";
div.style.marginLeft="20px";
//创建A标签，生成顶级栏目,给栏目加上链接
div.innerHTML = "<div style=\"float:left\">"+
"<a>" +data[i].name +"</a>"+
"</div>"+
"<div style=\"float:right\">" +
"<a onclick=\"openWin('saveModule.action?parentId="+data[i].id+"','saveModule',500,200);\">"+
"添加子栏目"+
"</a> | "+
"<a onclick=\"openWin('openUpdateModule.action?module.id="+data[i].id+"','saveModule',500,200);\">"+
"修改栏目"+
"</a> | " +
"<a href=\"delModule.action?module.id="+data[i].id+"\" onClick=\"return del();\">"+
"删除栏目"+
"</a>" +
"</div>";
$("listcontent").appendChild(div);
var children = data[i].children;
if(children.length>0){
walk(children);
}
    }
}