标签:function return 导出 excel value layui easypoi line data
使用easypoi导出Excel表格
注:前端是使用layui
需要在pom文件写入easypoi的maven坐标
- 步骤一:在后台将需要导出的用个List返回给前端
- 步骤二:在前端写上按钮以及调用方法
<div class="layui-inline">
<button class="layui-btn" onclick="exportUserInfo()">
<i class="layui-icon"></i>导出用户数据
</button>
</div>
<script type="text/javascript" th:inline="javascript">
var layui_exts = /*[[@{/js/layui_exts/}]]*/;
layui.config({
base: layui_exts,
}).extend({
excel: 'excel',
});
</script>
function exportUserInfo() {
layui.use(['jquery', 'excel', 'layer'], function () {
var $ = layui.jquery;
var layer = layui.layer;
var excel = layui.excel;
layer.open({type: 3, time: 30000});
// 模拟从后端接口读取需要导出的数据
$.ajax({
url: url_export_user_data,
type: 'GET',
success: function (res) {
console.table(res);
res = excel.filterExportData(res, {
name: function (value, line, data) {
return value || ''
},
nickName: function (value, line, data) {
return value || ''
},
organ: function (value, line, data) {
return value || ''
},
position: function (value, line, data) {
return value || ''
},
level: function (value, line, data) {
return value || ''
},
field: function (value, line, data) {
return value || ''
},
phone: function (value, line, data) {
return value || ''
},
email: function (value, line, data) {
return value || ''
},
card: function (value, line, data) {
return value || ''
},
money: function (value, line, data) {
return value || ''
},
investor: function (value, line, data) {
return value || ''
},
pioneer: function (value, line, data) {
return value || ''
}
});
// 重点2!!!一般都需要加一个表头,表头的键名顺序需要与最终导出的数据一致
res.unshift({
'name': 'app昵称',
'nickName': '认证姓名',
'organ': '机构',
'position': '职位',
'level': '轮次',
'field': '赛道',
'phone': '手机号',
'email': '邮箱',
'card': '名片',
'money': '投资金额(万元)',
'investor': '是否是投资人',
'pioneer': '是否是创业者'
});
excel.exportExcel({
sheet1: res
}, '用户信息.xlsx', 'xlsx');
layer.closeAll('loading');
layer.alert('导出成功');
},
error: function () {
layer.closeAll('loading');
layer.alert('导出失败,请联系管理员');
}
});
});
}
标签:function,return,导出,excel,value,layui,easypoi,line,data 来源: https://blog.csdn.net/lizaiismy/article/details/118033755
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。