原理介绍

封装的批量导入与导出功能按钮

导出

            <object item_name="新增" url="/topezadmin/list/export-xxxx" opentype="_BLANK_PARAM" type="button-table">导出</object>
            
        

导出就是一个普通的表头按钮，url设置为指定的导出url即可。 导出一般选择携带参数新窗口打开。 _BLANK_PARAM

批量导入

1.在表头配置批量导入按钮

                <button   windowname="批量导入"   type="button-import"  url="userid=2&companyid=3"
                importservice="testService" importname="def,abc" importtips="说明"  >批量导入</button>
            
         

- 您可以输入单个或多个数据，也可以使用快捷键 ctrl +v 将Excel内容直接钻贴至文本框中；
- 当前总行数不可超过1000行；
- 请检查第一列，第一列无效或重复会无法导入；

参数说明

配置项	说明	示例
windowname	弹框窗口名称	打开
url	传递给后端的额外的参数,格式使用url参数的格式	k=v&k1=v1
type(必填)	固定button-import，使用批量导入插件	button-import
importservice(必填)	请实现接口 EzImport ,并确保已经加入到spring容器内	testService,配置处理数据的bean
importtags	字段注释	- 您可以输入单个或多个数据，也可以使用快捷键 ctrl +v 将Excel内容直接钻贴至文本框中； - 当前总行数不可超过1000行； - 请检查第一列，第一列无效或重复会无法导入；
importname(必填)	字段名称	多个字段用逗号分开

2.编写配置的importservice类，实现EzImport接口

testService 代码示例

            import org.springframework.stereotype.Service;
import top.ezadmin.web.EzResult;

import java.util.Map;

@Service("testService")
public class TestService  implements EzImport  {
     @Override
    public Object doImport(Map<String, Object> request) {
         //前端会通过第一列来获取服务端返回的数据，通过data.success来显示是否导入成功
        EzResult result = EzResult.instance();
        result.dataMap("V1", EzResult.instance().fail().message("不存在"));
        result.dataMap("V2", EzResult.instance());
        return result;
    }
}
            
        

接口请求参数json示例

                    request.get("data")<br>
       [{
		"def": "P00008468",
		"abc": "1.5"
	}, {
		"def": "P00008469",
		"abc": "1.5"
	},
	{
		"def": "P00008470",
		"abc": "1.5"
	}, {
		"def": "P00008471",
		"abc": "1.7"
	}, {
		"def": "P00008472",
		"abc": "1.7"
	}, {
		"def": "P00008474",
		"abc": "1.35"
	}, {
		"def": "P00008475",
		"abc": "1.35"
	}
]
   
        

接口返回json示例

            {
    "code": "0",
    "count": 0,
    "data": {
        "V1": {
            "code": "500",
            "message": "不存在",
            "success": false
        },
        "V2": {
            "code": "500",
            "message": "不存在",
            "success": false
        }
    },
    "success": true
}
            
        

嵌入批量导入

请在你的代码位置添加如下代码即可,参数说明参见批量导入

            <script src="/webjars/topezadmin/layuidist/layui.js"></script>
<script src="/webjars/jquery/1.12.4/jquery.min.js"></script>
<script src="/webjars/topezadmin/layui/js/import.js"></script>
<button  windowname="批量导入"  type="button-import" url="userid=2&companyid=3"
                importname="def,abc" importtips="tips" importservice="testService">批量导入</button>