easyui(tree 前端，后端)

提示：jQuery EasyUI 1.5API 中文版

文章目录

• 搭建树形界面
• 一、前端工作
  • 1.数控件的使用
  • 2.动态tab
• 二、后端工作
  • 1.引入jar包
  • 2实现代码
• 效果演示

---

一、前端工作

1.数控件的使用

 2.动态tab

$(function() {
			$("#funcTree").tree({
				//树数据的请求地址
				 url:'moduleServlet',
				 onDblClick: function(node) {
					 if(!$('#tt').tabs('exists',node.text)){
						 $('#tt').tabs('add',{    
							    title: node.text,    
							    content:'<iframe frameborder=0 src="' 
									+ node.url 
									+ '" scrolling="no" style="width:100%;height:100%;"></iframe>',    
							    closable:true
							});
					 }
				}
			});
		});

二、使用步骤

1.引入jar包

 

2.实现代码

(1.连接数据库

(2.实体类 entity

package com.zking.entity;

import java.util.ArrayList;
import java.util.List;

public class Module {
	
	private Integer id;
	
	private Integer pid;
	
	private String text;
	
	private String icon;
	
	private String url;
	
	private int sort;
	
	private List<Module> children = new ArrayList<>();

	public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	public Integer getPid() {
		return pid;
	}

	public void setPid(Integer pid) {
		this.pid = pid;
	}

	public String getText() {
		return text;
	}

	public void setText(String text) {
		this.text = text;
	}

	public String getIcon() {
		return icon;
	}

	public void setIcon(String icon) {
		this.icon = icon;
	}

	public String getUrl() {
		return url;
	}

	public void setUrl(String url) {
		this.url = url;
	}

	public int getSort() {
		return sort;
	}

	public void setSort(int sort) {
		this.sort = sort;
	}

	public List<Module> getChildren() {
		return children;
	}

	public void setChildren(List<Module> children) {
		this.children = children;
	}

	@Override
	public String toString() {
		return "Module [id=" + id + ", pid=" + pid + ", text=" + text + ", icon=" + icon + ", url=" + url + ", sort="
				+ sort + "]";
	}
	

}

(3.dao及接口

package com.zking.easyui.dao;

import java.util.List;

import com.zking.easyui.model.Module;

public interface IModuleDao {
	
	public List<Module> listModel(int pid);

}

package com.zking.easyui.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;
import java.util.List;

import com.zking.easyui.model.Module;
import com.zking.easyui.util.DBHelper;

public class ModuleDao implements IModuleDao {

	@Override
	public List<Module> listModel(int pid) {
		List<Module> list = new ArrayList<>();
		Connection con = null;
		PreparedStatement ps = null;
		ResultSet rs = null;
		try {
			String sql = "select id,pid,text,icon,url,sort from t_module where pid=?";
			con = DBHelper.getsCon();
			ps = con.prepareStatement(sql);
			ps.setInt(1, pid);
			rs = ps.executeQuery();
			
			while(rs.next()) {
				Module m = new Module();
				m.setId(rs.getInt("id"));
				m.setPid(rs.getInt("pid"));
				m.setText(rs.getString("text"));
				m.setUrl(rs.getString("url"));
				m.setSort(rs.getInt("sort"));
				list.add(m);
			}
			
		} catch (Exception e) {
			
		} finally {
			DBHelper.Close(con, ps, rs);
		}
		
		return list;
	}
	
	
	public static void main(String[] args) {
		ModuleDao dao = new ModuleDao();
		List<Module> list = dao.listModel(21);
		list.forEach(t->System.out.println(t));
	}

}

(4.biz（service）

biz接口与dao一致

package com.zking.easyui.service;

import java.util.List;

import com.zking.easyui03.dao.IModuleDao;
import com.zking.easyui03.dao.ModuleDao;
import com.zking.easyui03.model.Module;

public class ModuleService implements IModuleService {
	
	private IModuleDao dao = new ModuleDao();

	@Override
	public List<Module> listModel(int pid) {
		
		List<Module> list = dao.listModel(pid);
		
		for(Module m: list) {
			if(m.getUrl() == null || "".equals(m.getUrl().trim())) {
				m.setChildren(listModel(m.getId()));
			}
		}
		
		return list;
	}
	
	
	public static void main(String[] args) {
		IModuleService service = new ModuleService();
		List<Module> list = service.listModel(-1);
		list.forEach(t->System.out.println(t));
	}

}

(5.servlet

package com.zking.easyui.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSON;
import com.zking.easyui03.model.Module;
import com.zking.easyui03.service.IModuleService;
import com.zking.easyui03.service.ModuleService;


@WebServlet("/moduleServlet")
public class ModuleServlet extends HttpServlet {
	
	private IModuleService service = new ModuleService();
	
	public void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException {
		doPost(req, resp);
	}
	
	
	public void doPost(HttpServletRequest req, HttpServletResponse resp) throws IOException {
		
		req.setCharacterEncoding("utf-8");
		resp.setContentType("application/json; charset=utf-8");
		
		
		List<Module> list = service.listModel(-1);
		
		PrintWriter out = resp.getWriter();
		String str = JSON.toJSONString(list);
		
		out.write(str);
		out.flush();
		out.close();
	}

}

---

效果演示