ztree生成树状图
ztree官网
前台
导入js和css包
下载地址
前端页面 ztree.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" isELIgnored="false" %><!DOCTYPE html><HTML><HEAD><TITLE>ztree</TITLE><meta http-equiv="content-type" content="text/html; charset=UTF-8"><link rel="stylesheet" href="${pageContext.request.contextPath}/Css/demo.css" type="text/css"><link rel="stylesheet" href="${pageContext.request.contextPath}/Css/zTreeStyle/zTreeStyle.css" type="text/css"><script type="text/javascript" src="${pageContext.request.contextPath}/Js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="${pageContext.request.contextPath}/Js/jquery.ztree.core-3.5.js"></script><SCRIPT type="text/javascript">//初始化var setting = {data: {simpleData: {enable: true}},callback: {beforeClick: beforeClick}};//数据集var zNodes =[//根据这种格式生成树状图// {id:1, pId:0, name:"河北省"},// {id:12, pId:1, name:"石家庄"},// {id:13, pId:1, name:"邢台"},// {id:14, pId:1, name:"邯郸"},// {id:2, pId:0, name:"北京市"},// {id:22, pId:2, name:"海淀区"},// {id:23, pId:2, name:"朝阳区"},// {id:24, pId:2, name:"长安区"}];//点击后的操作function beforeClick(treeId, treeNode, clickFlag) {//获取父窗口中id为Text1 var parentControl=parent.document.getElementById("Text1");//把值设置为treeNode.name; parentControl.value=treeNode.name;}//访问控制层，获取数据。$(document).ready(function(){var url="${pageContext.request.contextPath}/menu/findZtree";$.getJSON(url,{},function(nodes){//alert(nodes);console.log(JSON.stringify(nodes));zNodes=nodes;$.fn.zTree.init($("#treeDemo"), setting, zNodes);})});</SCRIPT> </HEAD><BODY><p class="content_wrap"><p class="zTreeDemoBackground left"><ul id="treeDemo" class="ztree"></ul></p></p></BODY></HTML>
后台
ztree所需实体类
package com.shp.dev.common;public class Ztree { private String id; private String pId; private String name; public String getId() { return id; } public void setId(String id) { this.id = id; } public String getpId() { return pId; } public void setpId(String pId) { this.pId = pId; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Ztree() { } public Ztree(String id, String pId, String name) { this.id = id; this.pId = pId; this.name = name; } @Override public String toString() { return "Ztree{" + "id='" + id + '\'' + ", pId='" + pId + '\'' + ", name='" + name + '\'' + '}'; }}
dao接口
package com.shp.dev.menu.dao;import com.shp.dev.menu.pojo.Menu;import java.util.List;public interface MenuDao { List<Menu> queryAll();}
dao的实现类
package com.shp.dev.menu.dao;import com.shp.dev.menu.pojo.Menu;import org.hibernate.SessionFactory;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Repository;import java.util.List;@Repository("menuDao")public class MenuDaoImpl implements MenuDao{ @Autowired private SessionFactory sessionFactory; @Override public List<Menu> queryAll() { return sessionFactory.getCurrentSession().createQuery("from Menu").list(); }}
业务接口
package com.shp.dev.menu.service;import com.shp.dev.menu.pojo.Menu;import java.util.List;public interface MenuService { List<Menu> queryAll();}
业务实现层
package com.shp.dev.menu.service;import com.shp.dev.menu.dao.MenuDao;import com.shp.dev.menu.pojo.Menu;import com.shp.dev.role.dao.RoleDao;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Service;import org.springframework.transaction.annotation.Transactional;import java.util.List;@Service("menuService")public class MenuServiceImpl implements MenuService{ //@Transactional(readOnly = true)//只读事务 // @Transactional(rollbackFor = Exception.class)//启动事务，所有异常都回滚 @Autowired private MenuDao menuDao; @Override @Transactional(readOnly = true)//只读事务 public List<Menu> queryAll() { return menuDao.queryAll(); }}
控制层
package com.shp.dev.menu.web;import com.shp.dev.common.Ztree;import com.shp.dev.menu.pojo.Menu;import com.shp.dev.menu.service.MenuService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.ResponseBody;import java.util.ArrayList;import java.util.List;@Controller@RequestMapping("/menu")public class MenuController { @Autowired private MenuService menuService; @RequestMapping("/findZtree") @ResponseBody // 返回json对象 public List<Ztree> findZtree(){ List<Ztree> menus=new ArrayList<Ztree>(); List<Menu> query = menuService.queryAll(); for (Menu m : query) { menus.add(new Ztree(m.getId(),m.getParent_id(),m.getName())); } return menus; }}
总结
以上所述是小编给大家介绍的spring+srpingmvc+hibernate实现动态ztree生成树状图，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
本文标题: spring+srpingmvc+hibernate实现动态ztree生成树状图效果
以上就上有关spring+srpingmvc+hibernate实现动态ztree生成树状图效果的全部内容，学步园全面介绍编程技术、操作系统、数据库、web前端技术等内容。