layui中tree简单应用

一、项目需求：做一个组织架构一级为总队二级为中队各个中队下又分出各个小队，各小队下分支为志愿者人员--

二、直接上代码 (jsp)

PS：由于我的一级大队是确定的所以就直接写到了js中

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<% response.addHeader("x-frame-options","SAMEORIGIN");%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>


  
    
    
    
    
    
	
	
	    
	
	
	
	
	
	  
      
	
	
	
	
	
  
  
	



  
  
  

  	  
	  <%@ include file="commentop.jsp" %>
  
  
  
  

  	
当前位置：首页
		

  				
科普志愿者组织架构
		
		



 
 

三、java后台

  /**
         * 获取组织架构
         * @param request
         * @return
        */ 
      @SuppressWarnings("unlikely-arg-type")
	  @RequestMapping(value="/getZuzhi")
      @ResponseBody
	  public List getZuzhi(HttpServletRequest request) {
    	     Map  map = new HashMap();
    	     Jifen jifen = new Jifen();
    	    // List resultParent = new ArrayList();
    	     List result = new ArrayList();
      	     List

四、还有一个实体类辅助

package com.ssm.bean;

import java.util.*;
/**
 * 组织架构
 * @author Administrator
 *
 */
public class zuzhi {
	private String title;
	private String id;
	private List children;
	
	
	public List getChildren() {
		return children;
	}
	public void setChildren(List children) {
		this.children = children;
	}
	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	
	
}

五、效果

希望能对小伙伴们有所帮助QAQ