Layui实现导出所有数据的方法示例

作者:阿沐时间:2026-10-23 10:58:03浏览:177

本文介绍如何在Layui中实现导出所有数据的功能,而非仅当前页。通过调用PHP(TP3框架)编写的后端接口,前端JavaScript收集筛选参数并拼接URL,利用window.open打开新窗口触发下载。示例展示了按钮绑定、参数传递及后端生成Excel文件的完整流程,适用于需要全量数据导出的场景。

Layui导出所有数据实现方案

Layui内置的导出功能默认仅导出当前页面显示的数据,若需导出全部数据,可采用以下方法实现。


<button class="layui-btn layui-btn layui-btn-warm" οnclick="excl_rep()">导出</button>

//导出
function excl_rep() {
 var SH=$("#type").val();//汇总分类
 var SER = $("#ser_row").val(),
  ONETYPE = $("#type_one").val(),//一级分类
  TWOTYPE = $('#type_two').val();//二级分类
  var BRAND=$('#type_p').val();
 var url = "{:U('home/goods/brand_goods_img_excl')}" + "&ser=" + SER +'&type_h='+SH+ "&type_one=" + ONETYPE + "&type_two=" + TWOTYPE+"&brand="+BRAND ;
 //console.log(url);
 window.open(url);
}

该功能依赖于使用PHP(基于TP3框架)开发的后端接口进行支持。


function brand_goods_img_excl(){
 header("Content-type:application/vnd.ms-excel");
 header("Content-Disposition:filename=品牌商品上图.xls");
 $data = api("goods/brand_goods_img_get_excel",I("param."));//I()方法获取传过来参数
 $list = $data['data'];//获取数据库查询的数据
 $strexport="商品编码\t商品名称\t商品图片\t商品图片1\t商品图片2\t一级分类\t二级分类\t单位\t品牌\r";
 foreach ($list as $row){
  $strexport.=$row['jfcode']."\t";
  $strexport.=$row['name']."\t";
  $strexport.=$row['img']."\t";
  $strexport.=$row['img1']."\t";
  $strexport.=$row['img2']."\t";
  $strexport.=$row['one_type_name']."\t";
  $strexport.=$row['two_type_name']."\t";
  $strexport.=$row['unit_name']."\t";
  $strexport.=$row['br_name']."\r";
 }
 $strexport=iconv('UTF-8',"GB2312//IGNORE",$strexport);
 exit($strexport);
}

以上即为Layui导出所有数据的完整示例,希望能为读者提供参考,并欢迎继续支持本站。

作者最新文章