spring+srpingmvc+hibernate实现动态ztree生成树状图效果

时间：2021-05-19

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><div class="content_wrap"> <div class="zTreeDemoBackground left"> <ul id="treeDemo" class="ztree"></ul> </div></div></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生成树状图，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章