java使用递归迭代实现流程图展示（仅供参考）

本人在做项目的时候不确定流程图展示的节点下是否还有子节点，所以才采用递归方式进行循环判断。

1、实体类model

package com.ijs.model;

import java.util.List;

import javax.persistence.Entity;
import javax.persistence.Table;
import javax.persistence.Transient;

/**
 * ProcessPoint entity. @author MyEclipse Persistence Tools
 */
@Entity
@Table(name = "process_point")
public class ProcessPoint extends AbstractProcessPoint implements
		java.io.Serializable {
	//用于存放子节点
        private List<ProcessPoint> childrenProcessPoint;
	// Constructors

	/** default constructor */
	public ProcessPoint() {
	}

	/** minimal constructor */
	public ProcessPoint(String id) {
		super(id);
	}

	/** full constructor */
	public ProcessPoint(String id, String processId, String code, String name,
			Integer ownerRole, Integer owner, Integer status, Integer ppOrd,
			Integer ppType, String ppDesc, String pid, Integer ppLogic,
			String ppLogicWith) {
		super(id, processId, code, name, ownerRole, owner, status, ppOrd,
				ppType, ppDesc, pid, ppLogic, ppLogicWith);
	}
	@Transient
	public List<ProcessPoint> getChildrenProcessPoint() {
		return childrenProcessPoint;
	}

	public void setChildrenProcessPoint(List<ProcessPoint> childrenProcessPoint) {
		this.childrenProcessPoint = childrenProcessPoint;
	}
    
}

2、业务逻辑层Service

package com.ijs.service;

import java.util.List;

import com.ijs.model.ProcessPoint;

public interface ProcessPointServ {
	/**
	 * 获取所有的节点信息进行递归迭代使用
	 * @return
	 */
	public List<ProcessPoint> getProcessPoints();
	/**
	 * 根据当前节点信息id查询该流程节点信息下是否还有子节点信息
	 * @param pid
	 * @return
	 */
	public List<ProcessPoint> findByPid(String pid);
}

3.业务逻辑层实现ServiceImpl

package com.ijs.service.impl;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Service;

import com.ijs.dao.GenericDao;
import com.ijs.model.ProcessPoint;
import com.ijs.service.ProcessPointServ;
import com.ijs.service.ProjectServ;

@Service("processPointServ")
public class ProcessPointServImpl implements ProcessPointServ {

	@Resource
	private GenericDao genericDao;

	public List<ProcessPoint> getProcessPoints() {
		StringBuffer jpql = new StringBuffer();
		jpql.append(" from ProcessPoint p where 1=1");
		jpql.append(" and p.status = 1 ");
		jpql.append(" order by -p.code desc");
		List<ProcessPoint> processPoints = this.genericDao.find(jpql.toString());
		return processPoints.size()==0?null:processPoints;
	}

	@Override
	public List<ProcessPoint> findByPid(String pid) {
		if(pid!=null){
			StringBuffer jpql = new StringBuffer();
			jpql.append(" from ProcessPoint p where 1=1");
			jpql.append(" and p.status = 1 and p.pid='"+pid+"'");
			jpql.append(" order by p.ppOrd");
			List<ProcessPoint> processPoints = this.genericDao.find(jpql.toString());	
			return processPoints.size()==0?null:processPoints;
		}
		return null;
	}
	
	
}

4、控制器层Controller

package com.ijs.control;

import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.List;

import javax.annotation.Resource;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;

import com.ijs.model.ProcessPoint;
import com.ijs.service.ProcessPointServ;

@Controller
@RequestMapping("/processpoint")
public class ProcessPointControl {
	@Resource(name="processPointServ")
    private ProcessPointServ processPointServ;
    /**
     * 查看项目流程图
     * @param processPoint
     * @return
     */
    @RequestMapping(value="/showprocesspoint",method = RequestMethod.POST)
	public @ResponseBody ProcessPoint showProcessPoint(@ModelAttribute ProcessPoint processPoint){
    	try {
    		//处理好的流程图节点集合对象
			List<ProcessPoint> processPoints =this.getProcessPoints(this.processPointServ.getProcessPoints());
			if(processPoints!=null){
				//将处理好的流程图节点集合对象赋值对象的子节点集合属性(private List<ProcessPoint> childrenProcessPoint;)，方便页面通过该对象取出数据进行迭代显示
				processPoint.setChildrenProcessPoint(processPoints);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return processPoint;
	}
    /**
     * 处理查询出所有流程图节点信息进行相应的处理
     * @param processPoints
     * @return
     */
    private List<ProcessPoint> getProcessPoints(List<ProcessPoint> processPoints){
    	//声明一个新的集合对象进行接收，存放新的节点信息，循环迭代判断该节点下是否有子节点信息，如有进行添加
    	List<ProcessPoint> ps=null;
    	if(processPoints!=null){
    		ps=new ArrayList<ProcessPoint>();
    		for (ProcessPoint p: processPoints) {
    			 //找到一级节点，从一级节点开始寻找
				 if(p.getPid().equals("0")){
					 //调用递归方法，判断是否有子节点，有就进行添加
					 this.addIfHasChildren(p);
					 //将迭代完、判断完的节点存入新的节点集合
					 ps.add(p); 
				 }
			}
    	}
    	//返回新的节点集合
    	return ps;
    }
    /**
     * 递归判断当前节点对象是否还有子节点，有就进行添加
     * @param p
     */
	private void addIfHasChildren(ProcessPoint p) {
		//根据当前节点信息id查询该流程节点信息下是否还有子节点信息
		List<ProcessPoint> processPoints=this.processPointServ.findByPid(p.getId());
		//判断集合是否有数据，processPoints.size()>2这里是方便排序并列展示的节点使用，集合必须两个对象才能进行比较然后排序
		if(processPoints!=null && processPoints.size()>2){
			//排序集合并列展示的数据的位置  2.1  2.2  2.3(见下数据库数据结构)
			sortListByCode(processPoints);
		}
		//集合不为空，将数据进行添加
		p.setChildrenProcessPoint(processPoints);
		//判断集合是否有数据
		if(p.getChildrenProcessPoint()!=null){
			for(ProcessPoint pc:p.getChildrenProcessPoint()){
				//根据当前节点信息id查询该流程节点信息下是否还有子节点信息
				List<ProcessPoint> pc2=this.processPointServ.findByPid(pc.getId());
				if(pc2!=null && pc2.size()>2){
					//排序节点
					sortListByCode(pc2);
				}
				//添加节点对象
				pc.setChildrenProcessPoint(pc2);
				//调用自己
				this.addIfHasChildren(pc);
			}
		}
	}
	/**
	 * 排序流程菜单节点
	 * 根据节点的Code排序
	 * @param processes
	 */
	private void sortListByCode(List<ProcessPoint> processPoints){
		Collections.sort(processPoints, new Comparator<ProcessPoint>() {
			@Override
			public int compare(ProcessPoint o1, ProcessPoint o2) {
				float code1=Float.parseFloat(o1.getCode());
				float code2=Float.parseFloat(o2.getCode());
				if(code1>code2) return 1;
				else if(code1==code2) return 0;
				else return -1;
			}
		});
	}
}

5、javaScript进行数据的也采用了递归进行相应的处理

//这里大家可以使用$.ajax取得数据后再这里进行迭代展示
				ProcessPoint.findProcessPoint(null,function(data){
					//用于拼接字符串在页面展示
					var str="<ul>";
				    	str+="<li><a href='javascript:;' class='am-badge-secondary'>"+data.childrenProcessPoint[0].name+"</a>";	 
				        str+="<ul>";
				//直接取到一级节点下的子节点进行迭代
				var pp=data.childrenProcessPoint[0].childrenProcessPoint;
				for(var i=0;i<pp.length;i++){
					var o=pp[i];
				     str+="<li><a href='javascript:;' class='am-badge-secondary'>"+o.name+"</a>";
				     //递归调用，判断该节点下是否有子节点
				     hansChildren(o);
					 str+="</li>";
				}
				 str+="</ul>";
				 str+="<div class='arrow'></div>";
				 str+="</li></ul>";
				 //页面展示流程图div
				 $(el).find(".tree").html(str);
	          //递归方法 判断该节点下是否有子节点
		      function hansChildren(o){
		    	  if(o.childrenProcessPoint!=undefined){
		    			if(o.childrenProcessPoint.length>0){
		    				str+="<ul>";
		    				for(var j=0;j<o.childrenProcessPoint.length;j++){
		    					var pc=o.childrenProcessPoint[j];
		    					str+="<li><a href='javascript:;' class='am-badge-secondary'>"+pc.name+"</a>";
		    					//递归调用
		    				 	hansChildren(pc);
		    				}
		    				 str+="</li></ul>";
		    				 str+="<div class='arrow'></div>";
		    			}
		    	  }
		       }
              });

6、jsp页面

<div class="add-form clearfix">
    <h2>项目进度流程</h2>
	<div class="am-form-group am-u-sm-12 am-u-md-7" style="background-color:#CDCDCD;">
		<label for="doc-ipt-1" class="am-u-sm-30 am-form-label">
		    查询当前进度流程，不同颜色模块使用不同的方式处理。
		</label>
	</div>

</div>
<div class="tree-box pr">
<div class="terr-cart pa">
 <input type="hidden" id="project_id" value="<%=this.id%>">
       <ul>
	       	<li><span class="am-badge-secondary am-round"></span>已经完成</li>
	        <li><span class="am-badge-success am-round"></span>进行中</li>
	        <li><span class="am-badge-default am-round"></span>未开始</li>
	        <li><span class="am-badge-danger am-round"></span>需要我处理的</li>
       </ul>
      
    </div>
    <div class="tree"></div>
</div>

7、数据库数据图片

8、流程图展示