近期项目easyui树形集成mybatis plus表格实例

最新推荐文章于 2022-11-27 16:19:01 发布
最新推荐文章于 2022-11-27 16:19:01 发布
阅读量522 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1765911750/article/details/85159472
版权
本文介绍了一个项目中如何将EasyUI的树形组件与Mybatis Plus结合，通过控制层、实体类、Service接口及实现、XML配置文件等步骤，实现数据库表格数据的展示，最终达到理想的前端效果。
摘要由CSDN通过智能技术生成

数据库表格字段
在这里插入图片描述此处是数据库模拟值
在这里插入图片描述
控制层

package cn.et.wk.manage.shopping.wed;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;
import org.apache.shiro.SecurityUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import cn.et.wk.common.entity.Result;
import cn.et.wk.common.entity.UserInfo;
import cn.et.wk.manager.shopping.entity.Classify;
import cn.et.wk.manager.shopping.service.ClassifyService;

@Controller  
@RequestMapping("/shopping/classify")  
public class ClassifyController {
	
	  @Autowired  
	 private  ClassifyService classifyService;
	 
	@RequestMapping("/index")
	public String index() {
		return "/message/category.html";
	}

	@ResponseBody
	@GetMapping("/query")	
	public Result topCategory() {
	
		return  classifyService.queryAll();
		
	}
	@ResponseBody
	@GetMapping("/queryId/{id}")
	public List<Classify> queryById(@PathVariable String id) {
		Result queryById = classifyService.queryById(id);
			return  queryById.getRows();
	}
	// 查询所有一级分类的数据 
		@ResponseBody
		@PostMapping("/queryTopClass")
		public List<Classify> queryTopClass() {
			 Result queryTop = classifyService.queryTop();
			return queryTop.getRows();
		}
		
		// 查询所有父类编号是parentId的数据
		@ResponseBody
		@PostMapping("/queryTwoClass/{parentId}")
		public List<Classify> queryTwoClass(@PathVariable String parentId) {
			Result queryTwo = classifyService.queryTwo(parentId);
			return queryTwo.getRows();
		}
	
	//单个删除
	@ResponseBody
	@DeleteMapping("/delete/{parentId}")
	public Result delete(@PathVariable String parentId , @RequestBody List<String> ids) {
		ids.add(parentId);
		Result result = classifyService.delete(ids);
		return  result;
	}
	
	// 多个删除
	@ResponseBody
	@DeleteMapping("/deleteAll")
	public Result deleteAll(@RequestBody List<String> ids) {
		Result delete = classifyService.delete(ids);
		return delete;
	}
	
	
	
	
	//新增
	@ResponseBody
	@PostMapping("/save")
	public Result save(Classify classify) {	
		// 获取用户id
		UserInfo user = (UserInfo) SecurityUtils.getSubject().getSession().getAttribute("userInfo");
		// 获取当前时间
		Date now=new Date();
	    SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
	    String tablename=dateFormat.format(now);
		// 将时间和id赋值给classify对象
		classify.setCreateBy(user.getUserId());
		classify.setCreateTime(tablename);
		classify.setLastUpdateBy(user.getUserId());
	    classify.setLastUpdateTime(tablename);
		Result save = classifyService.save(classify);
		return save;
	}	
	//修改
	@ResponseBody
	@PutMapping("/update")
	public Result update(Classify classify,Integer classifyNames) {
		
			
				UserInfo user = (UserInfo) SecurityUtils.getSubject().getSession().getAttribute("userInfo");
				// 获取当前时间
				Date now=new Date();
			    SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
			    String tablename=dateFormat.format(now);
				// 将时间和id赋值给classify对象
			    classify.setCreateBy(user.getUserId());
				classify.setCreateTime(tablename);
				classify.setLastUpdateBy(user.getUserId());
			    classify.setLastUpdateTime(tablename);
				Result update = classifyService.update(classify,classifyNames);
				

		return update;
	}
}

实体类(由于是树形表格在这里使用了两个实体类对象)

package cn.et.wk.manager.shopping.entity;
import java.sql.Date;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

@Data
@NoArgsConstructor
@AllArgsConstructor
@ToString
@TableName("td_commodity_category")
public class Classify {
	//商品类别编号
	@TableId(type=IdType.AUTO)
	//@TableField("commodity_category_no")
	private int  commodityCategoryNo;
	
	//商品类别名称
	@TableField("commodity_category_name")
	private String  classifyName;
	//商品类别父编号
	@TableField("commodity_category_sire")
	private int  classifySire=0;
	//商品类别排序
	@TableField("commodity_category_sort")
	private int   classifySort;
	
	@TableField("commodity_category_user")
	private int createBy; //创建人
	
	@TableField("commodity_category_time")
	private String createTime;//创建时间
	
	@TableField("last_modification_user")
	private int lastUpdateBy;//修改人
	
	@TableField("last_modification_time")
	private String lastUpdateTime;//修改时间
	
}

package cn.et.wk.manager.shopping.entity;

import lombok.Data;

@Data
public class TreeClassify {
	
	private int   id;//主键
	
	private String region;//查找的范围
	private int _parentId;//前台默认需要的字段
	private int pid;//排序配合前台字段使用

}

Service接口

package cn.et.wk.manager.shopping.service;
import java.sql.SQLException;
import java.util.List;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import com.alibaba.fastjson.JSONObject;

import cn.et.wk.common.entity.Result;
import cn.et.wk.manager.shopping.entity.Classify;


public interface ClassifyService  {
	public Result queryAll();
	
	public Result queryById(String id);
	
	public Result queryTop();
	
	public Result queryTwo(String parentId);
	
	
	public Result delete(List<String> ids);

	public Result  save(Classify classify);
	
	public Result update(Classify classify,Integer classifyNames);

}

实现

package cn.et.wk.manager.shopping.service.impl;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.alibaba.fastjson.JSONObject;

import cn.et.wk.common.entity.Result;
import cn.et.wk.common.service.impl.CommonServiceImpl;
import cn.et.wk.manager.shopping.entity.Classify;
import cn.et.wk.manager.shopping.entity.TreeClassify;
import cn.et.wk.manager.shopping.mapper.ClassMapper;
import cn.et.wk.manager.shopping.service.ClassifyService;

@Service
public class ClassifyServiceImpl<T,V> implements ClassifyService {
	private static final Exception Exception = null;
	@Autowired
	private   ClassMapper mapping;
	
	@Override
	public Result queryAll() {
		List<Classify> selectList = mapping.selectList(null);
		
		Result result = new Result();
		List<TreeClassify> list = new ArrayList<TreeClassify>();
		
		Iterator<Classify> iterator = selectList.iterator();
		while (iterator.hasNext()) {
			
			Classify next = iterator.next();
			TreeClassify treeClassify = new TreeClassify();
			treeClassify.setId(next.getCommodityCategoryNo());
			treeClassify.setRegion(next.getClassifyName());
			treeClassify.setPid(next.getClassifySort());
			treeClassify.set_parentId(next.getClassifySire());
			list.add(treeClassify);
		}
		result.setRows(list);
		result.setTotal(list.size());
		return result;
		
	}
	@Override
	public Result queryById(String id) {
		Classify selectById = mapping.selectById(id);
		System.out.println(selectById);
		List<Classify> list = new ArrayList<Classify>();
		list.add(selectById);
		Result result = new Result();
		result.setRows(list);
		return result;	
	}
	
	

	@Override
	public Result delete( List<String> ids) {
		Result result =new  Result();
		try {
			
			mapping.deleteBatchIds(ids);
		} catch (Exception e) {
			result.setCode(1);
			result.setMsg("删除失败");
		}
		
		return result;
	}
	
	
	@Override
	public Result save(Classify classify) {
		Result result =new  Result();
		String string =classify.getClassifyName();
		String  []split=string.split(",");
		if(split.length==1) {
				 try {
					 // 将所有的一级分类的名字查出来
					 List<Classify> rows = mapping.classifyQuery();
					 for (Classify entity : rows) {
						 
						if(split[0].equals(entity.getClassifyName())) {
							throw Exception;
						}
					 }
					 classify.setClassifyName(split[0]);
					 mapping.insert(classify);
				} catch (Exception e) {
					result.setCode(1);
					result.setMsg("该类已存在");
				}
				 
			}else {
				 try {
					 // 将已知一级分类下的二级分类的名字查出来
					 List<Classify> rows = mapping.classifyNameID(split[1]);
					 for (Classify entity : rows) {
						if(split[0].equals(entity.getClassifyName())) {
							throw Exception;
						}
					 }
					 
					classify.setClassifyName(split[0]);
					classify.setClassifySire(new Integer(split[1]));
					mapping.insert(classify);
				} catch (Exception e) {
					result.setCode(1);
					result.setMsg("该类已存在");
				}
		}
		return result;
	}
	
	@Override
	public Result update(Classify classify,Integer classifyNames) {
		/*
		 * 修改
		 * 		可能会将数据修改为二级分类或者一级分类
		 * */
	
		Result result = new Result();
		
	classifyNames=classifyNames==null?0:classifyNames;
		try {	
			classify.setClassifySire(classifyNames);
			mapping.updateById(classify);
		} catch (Exception e) {
			result.setCode(1);
			result.setMsg("错误"+e);
		}

		return result;
	}
	@Override
	public Result queryTop() {
		// 查询所有一级分类
		Result result = new Result();
		result.setRows(mapping.classifyQuery());
		return result;
	
	}
	@Override
	public Result queryTwo(String parentId) {
		// 查询所有父类id是指定值的数据
		Result result = new Result();
		result.setRows(mapping.classifyNameID(parentId));
		return result;
	
	}
	
}

集成mybatis plus使用的接口

package cn.et.wk.manager.shopping.mapper;
import java.util.List;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import cn.et.wk.manager.shopping.entity.Classify;

@Mapper
public interface ClassMapper extends BaseMapper<Classify>{
	public List<Classify> classifyQuery();

	public List<Classify> classifyNameID(String parentId);

}

配置xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="cn.et.wk.manager.shopping.mapper.ClassMapper">


	<resultMap type="cn.et.wk.manager.shopping.entity.Classify" 
				id="classify">
		<result property="commodityCategoryNo" column="commodity_category_no"/>
		<result property="classifyName" column="commodity_category_name"/>
		<result property="classifySort" column="commodity_category_sort"/>
		<result property="classifySire" column="commodity_category_sire"/>
		<result property="createBy" column="commodity_category_user"/>
		<result property="createTime" column="commodity_category_time"/>
		<result property="lastUpdateBy" column="last_modification_user"/>
		<result property="lastUpdateTime" column="last_modification_time"/>
		
	</resultMap>
	
	<select id="classifyQuery" resultMap="classify">
		select * from td_commodity_category where commodity_category_sire=0
	</select> 
	<select id="classifyNameID" resultMap="classify" parameterType="String">
		select * from td_commodity_category where commodity_category_sire=#{0}
	</select> 	
</mapper>

前台代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/resource/css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/resource/css/themes/icon.css">
<link rel="stylesheet" type="text/css" href="/resource/css/demo/demo.css">
<script type="text/javascript" src="/resource/js/jquery.min.js"></script>
<script type="text/javascript" src="/resource/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/resource/js/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="/resource/js/common.js"></script>
<script>
$(function(){
	   $('#mytable').treegrid({    
	        url:'/shopping/classify/query',   //访问后台的地址
	        idField:'id',  
	        treeField:'region',     
	       	pagination: true,//是否开启分页,默认是false
	        rownumbers:true,//设置表格行好如果为true，则显示一个行号列。
	        singleSelect: true,//是否可以多选默认是false
	        singleSelect:false,
		    sortName:'pid',
		    sortOrder:'asc',
		    remoteSort:false,//排序
			method:'get',
	        columns:[[    
	            {field:'xxx',title:'xxx',width:100,checkbox:true},     
	            {field:'id',title:'商品类别编号', width:100,align:'center'}, 
	            {field:'region',title:'商品类别名称', width:400,align:'left'},   
	            {field:'pid',title:'排序', width:100,align:'center'},
	            {field:'xx',title:'操作',width:100,align:'center',
	                formatter: function(value,row,index){
	                	
	                    return "<a href='javascript:void(0)' onclick='update(this)'>修改</a>"+
	                    "-"+
	                    "<a href='javascript:void(0)' onclick='del(\""+row.id+"\")'>删除</a>";
	                }
	            }
	           
	        ]]
	  
	    });
	   /*添加时用到的类别 (增加按钮) */
		$("#addClass").click(function(){
						
						$('#win #fm').form('clear');
						$("#win #dlg-buttons-edit").hide();
						$("#win #dlg-buttons-save").show();
						var selected = $('#mytable').datagrid('getSelections');
						if(selected.length==0){
							$('#win #fm div #top').combobox({ disabled: true });
						}else if(selected.length==1){
							var nodes = $("#mytable").treegrid("getParent", selected[0].id);
							if(selected[0]['_parentId']==0){
								$('#win #fm div #top').combobox({ disabled: false });
								
								$('#win #fm div #top').combobox('select',selected[0].id);
								
							}else if(nodes['_parentId']!=0){
								$.messager.alert('警告','不能在该分类中添加子类 ');
								return false;
							}else{ 
								$('#win #fm div #top').combobox({ disabled: false });
								$('#win #fm div #top').combobox('select',selected[0]['_parentId']);
							}
						}else{
							$.messager.alert('警告','只能选择一个类别进行添加');  
							return false;
						}
						$('#win').dialog('open');
						
					})
		/*二级联动 				*/
		$('#win #fm div #top').combobox({    
		    url:'/shopping/classify/queryTopClass',    
		    type:'post',
		    valueField:'commodityCategoryNo',    
		    textField:'classifyName' ,
		   
		}); 
	 	// 修改表单需要用到的二级联动 				
		$('#wins #fms div #top').combobox({    
		    url:'/shopping/classify/queryTopClass',    
		    type:'post',
		    valueField:'commodityCategoryNo',    
		    textField:'classifyName' ,
		   
		});  
		
	   //提交表单
		$("#win #fm #dlg-buttons-save #confirm-save").click(function(){
						var isValid = $("#win #fm").form('validate');
						if(isValid){
							
							if($("#win #fm #sort").val() == ""){
								$("#win #fm #sort").val("0");
							} 
							$('#win #fm div #number').remove();
							$.ajax({
						        type: 'POST',
						        url: '/shopping/classify/save',
						        dataType : 'json',
						        data:$('#win #fm').serialize(),
						        success: function (result) {  
						        	if(result.code == 0){
						        		$.messager.alert('确定','添加成功');  
						        		$('#win').dialog('close');
						        	}else{
						        		$.messager.alert('警告','该类名已存在');  
						        	}
						        }
						    }) 
						    $('#mytable').treegrid('load');
						}else{
							$.messager.show({
								title:'请注意 ',
								msg:'该类别不能没有名字！',
								showType:'show',
								timeout:1500,
								style:{
									right:'',
									top:document.body.scrollTop+document.documentElement.scrollTop,
									bottom:''
								}
							});
						}
						
					});
	
		 //修改按钮
		$("#wins #fms #dlg-buttons-edit #confirm-edit").click(function(){	
				$.ajax({
			        type: 'put',
			        url: 'update',
			        dataType : 'json',
			        data:$(' #fms').serialize(),
			        success: function (result) { 
			        
			        	if(result.code == 0){
			        		$.messager.alert('确定','修改成功');  
			        		$('#wins').dialog('close');
			        	}else{
			        		$.messager.alert('警告','错误'+result.msg);  	        		
			        	}
			        }
			    }) 
			    $('#mytable').treegrid('load');
			
		});   
	   
	   
	   
	   
	   
})
		//删除单个
		function del(){	
			$.messager.confirm('确认','您确认想要删除该分类吗？',function(r){   
				var selectedRow = $('#mytable').treegrid('getSelected');
			    if (r){    
			    	var a = $('#mytable').treegrid('getChildren',selectedRow.id);
			    	$('#mytable').treegrid('remove',selectedRow.id);
			    	var ids = [];
			    	for(var i=0; i<a.length; i++){
			    		ids[i] = a[i].id;
			    	}
			    	$.ajax({
			    		type: 'delete',
			    		dataType: 'json',
			    		url:"/shopping/classify/delete/"+selectedRow.id, 
			    		data: JSON.stringify(ids),
			    		contentType:"application/json",
			    		success: function (result) {
			    			if(result.code==0){
			    				$.messager.alert('确认','删除成功');   
			    			}else{
			    				$.messager.alert('警告','删除失败');    
			    			}
			    		}
			    	});  
			    }   
			})
		}
	//删除多个
	function deleteAll(){
		$.messager.confirm('确认','您确认想要删除所选中的分类吗？',function(r){    
		    if (r){    
		    	var ids = [];
		        var arrayId = $('#mytable').datagrid('getSelections');
		        console.log(arrayId);
		        for(var i=0; i<arrayId.length; i++){
		        	var nodes = $("#mytable").treegrid("getParent", arrayId[i].id); 
		        	if(arrayId[i]['_parentId']==0){
		        		ids.push(arrayId[i].id);												// 拿到一级分类的id
		        		var children = $("#mytable").treegrid("getChildren", arrayId[i].id); 	// 将一级分类的子类找出来
		        		for(var index=0; index<children.length; index++){	
		        			ids.push(children[index].id);										// 获取一级分类下的所有子类 
	        				var son = $("#mytable").treegrid("getChildren",children[index].id);
		        				for(var a=0; a<son.length; a++){
			        				ids.push(son[a].id);
			        			}
		        		}
		        	}else if(nodes['_parentId']!=0){
		        		ids.push(arrayId[i].id);
		        	}else{
		        		ids.push(arrayId[i].id);
		        		var children = $("#mytable").treegrid("getChildren", arrayId[i].id);
		        		for(var index=0; index<children.length; index++){
		        			ids.push(children[index].id);
		        		}
		        	} 
		        }
		        var newIds = [];
		        $.each(ids,function(index,value){
		        	if($.inArray(value,newIds)==-1){
		        		$('#mytable').treegrid('remove',value);
		        		newIds.push(value);
		        	}
		        })
		        $.ajax({
		        	type: 'delete',
		    		dataType: 'json',
		    		url:"/shopping/classify/deleteAll", 
		    		data: JSON.stringify(newIds),
		    		contentType:"application/json",
		    		success: function (result) {
		    			if(result.code==0){
		    				$.messager.alert('确认','删除成功');   
		    			}else{
		    				$.messager.alert('警告','删除失败');    
		    			}
		    		}
		        })
		        $('#mytable').treegrid('load');
		    }    
		});
	}
	//修改事件
	function update(_this){
		
		$.messager.confirm('确认','是否修改该类别 ？',function(r){ 
				if (r){  
					
					$('#wins #fms').form('clear');
					$("#wins #dlg-buttons-edit").show();
					$("#wins #dlg-buttons-save").hide(); 
					$("#divtop").show();
					
					//  获取当前选中的行   
					//var node  =  $('#myTable').treegrid('getSelected');
					
					var id = $(_this).parents('tr').eq(0).children().eq(1).text();
					//获取当前选中行的父类  
					var parent = $("#mytable").treegrid("getParent", id);
					var vv=[],ss=[];
					// 获取当前选中行的父类的父类   
					//var getRoot = $("#mytable").treegrid("getParent", parent.id);
					
					$('#wins #fms div #top').combobox({ disabled: false });
	
					$.ajax({
						type: 'GET',
						url:'/shopping/classify/queryId/'+id,
						success: function (result) {  
						 var classifySire=result[0].classifySire;
							if(classifySire==0){
								$("#divtop").hide();
							}
				        	$('#fms').form('load',result[0]);
				        	//$('#win #fm div #top').combobox('select',getRoot.id);
							
				        }
					})
					$('#wins').dialog('open');
				}
			})
	
		}

	
	
	

</script>

</head>
<body>
	<div class="div">
					<span class="title">商品类别管理</span>
					<span class="png"><img src="../../api/jQueryEasyUI/jquery-easyui-1.3.6/themes/icons/add.png"></span>
					<a href="#" id="addClass">添加类别</a>	
					
	</div><br/>
	<table id="mytable" fitColumns="true" ></table>
		<input class="del" type="button"  value="删除所选" onclick="deleteAll()"/>
		
		<div id="win" class="easyui-dialog" title="添加类别"  style="width: 300px; padding: 10px 20px; height: 240px;" closed="true" buttons="#dlg-buttons">
			
			     	<form id="fm" method="post">
			     		
			     		<div  style="display:none">
					            <label>编号:</label>
					            <input id="number" name="commodityCategoryNo"/>
					    </div> 
						<div >
					            <label>类别名称:</label>
					            <input id="class_name" name="classifyName" class="easyui-validatebox" data-options="required:true,missingMessage:'类别名不能为空'" />
					    </div><br/>
						<div>
					            <label>一级分类:</label>
					            <input id="top" class="easyui-combobox" data-options="editable:false" name="classifyName"> 
					    </div><br/>
					    <div>
								<label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;排序:</label>
					            <input id="sort" name="classifySort" required="true" class="easyui-textbox"/>
					    </div><br/>
				    	<div id="dlg-buttons-save" style="display:none" >
					           	 <a id="confirm-save"  class="easyui-linkbutton c6" iconcls="icon-ok" style="width: 90px">提交</a>
					             <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#win').dialog('close')" style="width: 90px">取消</a>
				        </div> 
			        </form>
				</div>
				
				
				
		<div id="wins" name="_method" value="PUT" class="easyui-dialog" title="修改类别"  style="width: 300px; padding: 10px 20px; height: 240px;" closed="true" buttons="#dlg-buttons">
			
			     	<form id="fms">
			     		
			     		<div  style="display:none">
					            <label>编号:</label>
					            <input id="number" name="commodityCategoryNo"/>
					    </div> 
						<div >
					            <label>类别名称:</label>
					            <input id="class_name" name="classifyName" class="easyui-validatebox" data-options="required:true,missingMessage:'类别名不能为空'" />
					    </div><br/>
					    		
						<div id="divtop">
					            <label>一级分类:</label>
					            <input id="top" class="easyui-combobox" data-options="editable:false" name="classifyNames"> 
					    </div><br/>
					    <div>
								<label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;排序:</label>
					            <input id="sort" name="classifySort" required="true" class="easyui-textbox"/>
					    </div><br/>
					
				        <div id="dlg-buttons-edit" style="display:none">
					           	 <a id="confirm-edit" href="javascript:void(0)" class="easyui-linkbutton c6" iconcls="icon-ok" style="width: 90px">修改</a>
					             <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#win').dialog('close')" style="width: 90px">取消</a>
				        </div>
			        </form>
		</div>
				
				
				
</body>
</html>

最后效果
在这里插入图片描述

火狐突击队
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
easyui的tree（静态树/动态树）
qq_45547474的博客
06-21 3332
easyui的tree一、tree简介二、tree组件工具类的实现思路三、tree组件工具类的使用四、总结二级目录三级目录 一、tree简介 二、tree组件工具类的实现思路 三、tree组件工具类的使用 四、总结 二级目录 三级目录 ...
JAVA实现EASYUI树形表格（TreeGrid）代码
11-27
JAVA实现EASYUI树形表格（TreeGrid）代码，gradle项目，内含gradle文件夹和mysql数据库文件，解压后导入mysql数据库，文件夹导入eclipse即可使用。首次使用请更新gradle项目下载JAR包，不然报错。
一个jQuery EasyUI tree+Struts2+MyBatis例子
u011145753的专栏
03-25 2225
效果： 前台代码，没什么好说的，照搬官方文档的。采用异步加载子节点的方式，展开一个节点时把这个节点的id传到后台，获取该节点的子节点。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here $(document).r
Easyui tree 从数据库中动态加载数据
热门推荐
chenqk_123的专栏
02-28 1万+
主要实现easyui tree的功能，能够加载数据库中的数据组装成tree格式
Easyui+Spring+Mybatis完整示例(后台)
方块糖的博客
08-26 1984
Easyui+Spring+Mybatis完整示例(后台)
spring boot + mybatis-plus返回树形结构数据
weixin_52317961的博客
11-27 2729
以上是我从最近的项目中学到的spring boot + mybatis-plus返回树形结构的方法。
Java easyui树形表格TreeGrid的实现代码
08-31
Java EasyUI 树形表格 TreeGrid 的实现代码详解 Java EasyUI 是一个基于 jQuery 的前端 UI 框架，它提供了很多实用的 UI 组件来帮助开发者快速构建 web 应用程序。其中，TreeGrid 组件是一个功能强大且灵活的数据...
基于EasyUI的基础之上实现树形功能菜单
08-30
基于EasyUI的树形功能菜单实现 EasyUI是一款基于jQuery的前端框架，提供了许多实用的UI组件和插件，能够帮助开发者快速构建Web应用程序。在本文中，我们将基于EasyUI的基础之上实现树形功能菜单，介绍如何使用...
适用于bootstrap风格的easyUI树形下拉框
06-30
下载之前请看好，不是所有都适用，只是树形下拉框的风格比较贴近bootstrap <link rel="stylesheet" type="text/css" href="easyUI/css/easyui.css"> <link rel="stylesheet" type="text/css" href="easyUI/...
Easyui和zTree两种方式分别实现树形下拉框
08-29
在本文中，我们将探讨两种不同的方法来实现树形下拉框，分别是EasyUI的`comboTree`和zTree。这两种技术都有其独特的优势和应用场景，适用于不同设计风格和功能需求。 首先，我们来看zTree的实现。zTree是一款非常...
SSM+EasyUI DataGrid 实现增删改查，分页，排序
08-06
使用SSM框架+EasyUI DataGrid数据表格实现了基本的增删改查，以及对数据分页，排序功能的实现。是一个对于后台管理的很好的例子，因为一般企业后台管理都是使用EasyUI等框架快速搭建，而且DataGrid是EasyUI最重要的组件。
mybatis-plus案例
08-16
springboot + mybatis plus方向生成实体类、接口等文件，整理的一份简单案例
easyUI-树形表格(TreeGrid)实现无限层级菜单
06-01
NULL 博文链接：https://x125858805.iteye.com/blog/2229104
自己做的easyUI+mybatis+springMVC项目示例代码以及easyUI中tree的异步加载代码
03-07
自己easyUI+mybatis+springMVC项目示例代码和easyUI中结合API所学习的代码练习示例和easyUI中tree和accordion联动代码示例
mybatis递归查询菜单树
05-30
这是一个springboot架构搭建的一个整合mybatis递归查询的demo，其中整合了分布式事物jta，mybatis的分页插件等
MyBatis Plus 分页 构造查询 子查询
if_else1的博客
05-16 8137
/** * @author xp * @description mybatis-plus分页 * @date 2019/3/15 11:03 */ @RequestMapping("/selectUserPage") @ResponseBody public IPage<User> selectUserPage...
mybatis查询树形数据的两种方法
入门菜鸟程序员的成长
11-12 6752
原贴地址：https://www.cnblogs.com/nick-guo-sdly/p/7668462.html 最近开发中遇到了很多树形结构数据的需要，利用mybatis提供嵌套查询功能，基本上可以完美解决，但是对于其中的原理并不理解，导致在使用的时候像瞎猫碰死耗子一样，照着先前成功的例子copy，后来遇到了莫名奇怪的报错迟迟不能解决，于是百度了一番，大致了解了背后的原理，整理如下。 　　...
【easyexcel】阿里easyexcel 2.0.5版本简单读写示例
be Free & Happy
10-25 6570
阿里easyexcel是基于poi封装的一个读写excel的工具包，主要解决读大文件poi占内存大的问题，同时也提供了一些简单的excel操作API。但是网上找了下，官方说明比较少，示例都是1.*版本，2.0版本的改动还是有一些的，因此写个简单的读写示例。 引入maven依赖 <!-- https://mvnrepository.com/artifact/com.alibaba/e...
mybatis分级点击展示树结构
如漩涡的博客
04-02 997
    在WEB项目中，一二三级树形数据是很常见的事情，各种PID关系多个表等等，可以在每个XML中写个SQL，根据PID查询出数据，在Java代码中循环构造树，可以参考我之前的文章，但那都是数据量小的情况，表中加个索引，就非常快了。    那一旦数据量大起来怎么办？比如十万表数据，用循环构造树的话，那得循环多少遍，产生多少内存多少对象，访问多少次数据库，而且前端展示效果极差，数据太大循环多次查询...
easyui 树形控件
最新发布
06-03
EasyUI 树形控件是一种基于 jQuery 的 UI 组件，可以用于展示树形结构的数据。它提供了灵活的配置选项，如节点图标、节点文本、节点状态等等，同时支持加载远程数据和异步加载。在使用 EasyUI 树形控件时，可以通过...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值