layui 导出 excel 表格

前言

最近这个项目中，涉及到了导出excel表格这个功能，这个后台管理使用的是layui这个框架，大体来说还是很方便，节省了很多的开发时间。

看layui的官网社区论坛，很多人都说layui自带的导出功能，只能导出当前页面的数据。而且，部分的数据都是通过数据之间关联表查询出来的，用layui自带的导出数据会显示（Object），让人很头疼。

所以要用到插件，很简单，下面的网址，把文件下载。

这个是插件必须用到的文件，注意引入文件的路径。

在这里给大家提供一个网址，可以来这下载，里面也有教程：https://github.com/wangerzi/layui-excel

给大家看下项目后台：就比如订单号，就是从关联的订单表中查询的

直接上代码：

jsp：

这是一个导出的操作按钮：

<button type="button" lay-submit="" class="layui-btn layui-btn-warm" lay-filter="uploadImg"><i class="layui-icon"></i>导出Excel</button>

layui.use(['layer', 'form', 'table', 'laydate','jquery'], function () {var $ = layui.jquery,layer = layui.layer,form = layui.form,laydate = layui.laydate,table = layui.table;// 加载框var loading;loading = layer.load(1, {shade: [0.3, '#fff']});form.on('submit(uploadImg)', function(data){loading = layer.load(1, {shade: [0.3, '#fff']});var $ = layui.jquery;var excel = layui.excel;$.ajax({url: '${WEB_URL}sellDeal/getTreeList',dataType: 'json',data: {datas:JSON.stringify(data.field)},success: function(res) {layer.close(loading);layer.msg(res.msg);// 假如返回的 res.data 是需要导出的列表数据console.log(res.data);//// 1. 数组头部新增表头res.data.unshift({sdId: 'ID',sdMoney: '交易金额',sdTime:'交易时间',type:'交易类型',sdWater:'交易流水编号',order:'订单号'});// 3. 执行导出函数，系统会弹出弹框excel.exportExcel({sheet1: res.data}, '平台流水.xlsx', 'xlsx');},error:function(res){layer.close(loading);layer.msg(res.msg);}});});
});

layui 导出 excel 表格相关推荐

layui导出Excel表格自定义文件名称
预备操作 1.找到 /layui/lay/modules/table.js文件 2.搜索exportFile,找到d.exportFile=function(e,t,i) 修改为 d.exportFi ...
layui导出excel表格
1.layui官网自带的常规导出方法,这种方法可以导出任意数据表,但是这样不能自定义导出表明. table.exportFile(['名字','性别','年龄'], [['张三','男','20'], ...
layui 导出 Excel表格的方法
一.利用layui自带的excel导出功能 // 原始容器 <table id="demo" lay-filter="test"></tabl ...
layui导出Excel功能的两种方式的尝试
第一种方式利用layui自带的导出功能:在layui文档中有例子和代码网址:https://www.layui.com/demo/table/parseData.html 只需要在前端界面加入to ...
elementui中有导出组件吗_Element-ui组件库Table表格导出Excel表格
安装 npm install --save xlsx file-saver 两个插件的详细地址在下面 https://github.com/SheetJS/js-xlsx https://github ...
使用NPOI将数据库里信息导出Excel表格并提示用户下载
使用NPOI进行导出Excel表格大家基本都会,我在网上却很少找到导出Excel表格并提示下载的简单的代码如下 1 //mvc项目可以传多个id以逗号相隔的字符串2 public ActionRes ...
java中使用jxl导出Excel表格详细通用步骤
该方法一般接收两个参数,response和要导出的表格内容的list. 一般我们将数据库的数据查询出来在页面进行展示,根据用户需求,可能需要对页面数据进行导出. 此时只要将展示之前查询所得的数据放入s ...
php 导出csv设置列宽度,php数据库导出excel表格数据-php从数据库导出csv格式的Excel表格是，字段本身就......
PHP如何将查询出来的数据导出成excel表格(最好做... $objPHPExcel->getActiveSheet()->getDefaultColumnDimension(A)-&g ...
java 导出excel教程_Java导出Excel表格
Java导出Excel表格导出Excel表格需要一个poi-3.9.jar的包,该包在网上可以找到. 第一步,创建Excel对象. HSSFWorkbook workbook = new HSSFW ...

layui 导出 excel 表格

前言

layui 导出 excel 表格相关推荐

最新文章

热门文章