> 웹 프론트엔드 > 레이이 튜토리얼 > Layui 프레임워크를 사용하여 Excel 테이블을 내보내는 방법

Layui 프레임워크를 사용하여 Excel 테이블을 내보내는 방법

王林
풀어 주다: 2021-01-29 11:13:48
앞으로
8534명이 탐색했습니다.

Layui 프레임워크를 사용하여 Excel 테이블을 내보내는 방법

머리말:

업무상 엑셀 테이블 내보내기 기능을 사용해야 하는데, 백그라운드 관리는layui 프레임워크를 사용합니다.

(학습 영상 공유: 프로그래밍 입문)

레이유 공식 홈페이지 커뮤니티 포럼을 보면 레이유 내장 내보내기 기능은 현재 페이지의 데이터만 내보내기가 가능하다는 분들이 많습니다. 게다가, 데이터 간의 연관 테이블을 통해 데이터의 일부를 조회하고, Layui에서 제공하는 내보낸 데이터가 표시(객체)되는데, 이는 매우 번거로운 작업입니다.

플러그인을 사용하는 방법은 매우 간단합니다. 아래 URL에서 파일을 다운로드하세요.

플러그인에서 반드시 사용해야 하는 파일입니다. 가져온 파일의 경로에 주의하세요.

Layui 프레임워크를 사용하여 Excel 테이블을 내보내는 방법

여기에 다운로드할 수 있는 URL이 있습니다. 여기에 튜토리얼도 있습니다: https://github.com/wangerzi/layui-excel

프로젝트 배경을 보여드리겠습니다. 예를 들어 주문 번호입니다. , 즉 연관된 주문 테이블에서 직접 코드로

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([&#39;layer&#39;, &#39;form&#39;, &#39;table&#39;, &#39;laydate&#39;,&#39;jquery&#39;], 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, &#39;#fff&#39;]});

    var tableIns = table.render({
        elem: &#39;#tableList&#39;,
        // cellMinWidth: 100,
        cols: [[
            {field: &#39;sdId&#39;, width: 60, title: &#39;ID&#39;, sort: true}
            , {field: &#39;sdMoney&#39;, width: 87,title: &#39;交易金额&#39;,templet:&#39;#cashDepositTpl&#39;}
            , {field: &#39;sdTime&#39;, minWidth: 87, title: &#39;交易时间&#39;}
            , {field: &#39;sdType&#39;, width: 300,title: &#39;交易类型&#39;, templet: &#39;#sdTypeTpl&#39;}
            , {field: &#39;sdWater&#39;, minWidth: 120, title: &#39;交易流水编号&#39;}
            , {field: &#39;orderFormEntity&#39;, minWidth: 68,title: &#39;订单号&#39;, templet: &#39;#orderFormTpl&#39;}
        ]],
        url:&#39;${WEB_URL}terraceZL/getList&#39;,
        page: true,
        even: false,
        height: &#39;full-90&#39;,
        request: {
            pageName: &#39;page&#39; //页码的参数名称,默认:page
            , limitName: &#39;limit&#39; //每页数据量的参数名,默认:limit
        },
        limit: 50,
        done: function (res, curr, count) {
            layer.close(loading);
        }
    });

   
  

    form.on(&#39;submit(uploadImg)&#39;, function(data){
        loading = layer.load(1, {shade: [0.3, &#39;#fff&#39;]});
        var $ = layui.jquery;
        var excel = layui.excel;
        $.ajax({
            url: &#39;${WEB_URL}sellDeal/getTreeList&#39;,
            dataType: &#39;json&#39;,
            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: &#39;ID&#39;,sdMoney: &#39;交易金额&#39;,sdTime:&#39;交易时间&#39;,type:&#39;交易类型&#39;,sdWater:&#39;交易流水编号&#39;,order:&#39;订单号&#39;});
                // 3. 执行导出函数,系统会弹出弹框
                excel.exportExcel({
                    sheet1: res.data
                }, &#39;平台流水.xlsx&#39;, &#39;xlsx&#39;);
            },
            error:function(res){
                layer.close(loading);
                layer.msg(res.msg);
            }
        });
    });
});

Controller:
@RequestMapping("/getList")
    @ResponseBody
    public Object getList(HttpServletRequest request, Model model) {

        model.addAttribute("WEB_URL", ServiceUrl.WEB_URL);
        model.addAttribute("WEB_NAME", ServiceUrl.WEB_NAME);

        Map<String, Object> paramsMap = JSONObject.parseObject(request.getParameter("datas"), Map.class);
        if (paramsMap == null) {
            paramsMap = new HashMap<String, Object>();
        }

        Map<String, Object> map = new HashMap<String, Object>();

        try {
            List<SellDealEntity> mList = new ArrayList<SellDealEntity>();
            Integer count = sellDealService.getCountZL(paramsMap);

            List<SellDealExcelEntity> list = new ArrayList<>();
            if (count > 0) {
                //查询所有数据
                mList = sellDealService.getListExcel(paramsMap);
                for (SellDealEntity sellDealEntity : mList) {
                    //自定义一个新实体类,定义好要导出来的字段,把遍历出来的数据存放到一个新的list,因为会出现关联表的数据
                    SellDealExcelEntity sellDeal = new SellDealExcelEntity();
                    sellDeal.setSdId(sellDealEntity.getSdId());
                    sellDeal.setShopName(sellDealEntity.getSellEntity().getShopName());
                    sellDeal.setSdTime(sellDealEntity.getSdTime());
                    //时间格式可能不对,备用
//                DateFormat format=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
//                String time = format.format(sellDealEntity.getSdTime());
                    //根据类型 set 对应的值
                    switchType(sellDealEntity,sellDeal);
                    sellDeal.setSdWater(sellDealEntity.getSdWater());
                    //判断如果订单是null,就set " - "
                    if (sellDealEntity.getOrderFormEntity()==null){
                        sellDeal.setOrder("-");
                    }else {
                        sellDeal.setOrder(sellDealEntity.getOrderFormEntity().getOfOrder());
                    }
                    list.add(sellDeal);
                }
            }

            map.put("code", 0);
            map.put("msg", "导出成功");
            map.put("count", count);
            map.put("data", list);
        }catch (Exception e){
            map.put("code", 1);
            map.put("msg", "导出失败,请稍后重试!");
        }


        return JSON.toJSON(map);
    }

    private void switchType(SellDealEntity sellDealEntity,SellDealExcelEntity sellDeal) {
        switch (sellDealEntity.getSdType()) {
            case 0:
                sellDeal.setType("订单收益");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            case 1:
                sellDeal.setType("售后退款");
                sellDeal.setSdMoney("-"+sellDealEntity.getSdMoney().toString());
                break;
            case 2:
                sellDeal.setType("缴纳保证金");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            case 3:
                sellDeal.setType("保证金充值");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            case 4:
                sellDeal.setType("保证金扣除");
                sellDeal.setSdMoney("-"+sellDealEntity.getSdMoney().toString());
                break;
            case 5:
                sellDeal.setType("余额提现");
                sellDeal.setSdMoney("-"+sellDealEntity.getSdMoney().toString());
                break;
            case 6:
                sellDeal.setType("保证金提现");
                sellDeal.setSdMoney("-"+sellDealEntity.getSdMoney().toString());
                break;
            case 7:
                sellDeal.setType("保证金提现手续费");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            case 8:
                sellDeal.setType("余额提现手续费");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            case 9:
                sellDeal.setType("订单服务费");
                sellDeal.setSdMoney("+"+sellDealEntity.getSdMoney().toString());
                break;
            default:
                sellDeal.setType("暂无类型");
                sellDeal.setSdMoney("0");
        }
    }
로그인 후 복사

마지막으로, 새 엔터티를 정의할 때 가장 좋습니다. 정의하려면 문자열 유형을 처리하기가 더 쉽습니다.

관련 추천: layui 프레임워크

위 내용은 Layui 프레임워크를 사용하여 Excel 테이블을 내보내는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:cnblogs.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿