Layui的导出所有数据

se1.html页面

按钮

id  和 事件 #xxxx对应

<script type="text/html" id="datagrid-toolbar">
    <button class="layui-btn layui-btn layui-btn-warm" id="export" onclick="excl_rep()">
        <i class="layui-icon" style="font-size: 25px; color: #FFFFFF;">&#xe61e;</i>
        导出</button>
</script>

js 数据表格 

id   导出的表头名 

 title 导出文件名 

 table.render({
            id:"exportTable",
            title: '宿舍楼信息',
            elem: '#datagrid',
            url: MODULE_PATH + '/grid',
            toolbar: '#datagrid-toolbar',
            defaultToolbar: [{layEvent: 'refresh', icon: 'layui-icon-refresh'}, 'exports'],
            request: {pageName: 'current', limitName: 'size'},
            cols: [[

                {type: 'checkbox', width: 50},
                {title: '所属校区', field: 'xqdm', align: 'left', width: 150},
                {title: '宿舍区', field: 'ssqdm', align: 'left', width: 150},
                {title: '宿舍楼名称', field: 'sslmc', align: 'left', width: 150},
                {title: '楼层数', field: 'lc', align: 'left', width: 150},
                {title: '寝室数量', field: 'qss', align: 'left', width: 150},
                {title: '面向性别', field: 'mxxsxb', align: 'left', width: 150},
                {title: '楼栋管理员', field: '', align: 'left', width: 150},
                {title: '是否可用', field: 'sfkzapzs', align: 'left', width: 150},
                // {title: '操作', width: 200, toolbar: '#datagrid-bar'}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 10,
            page: true,
            skin: 'line'
        });

 事件

url ： 请求查询所有数据接口 

 //导出事件
        $('#export').on('click',function () {
            //使用ajax请求获取所有数据
            $.ajax({
                url: "/dorm/tower/queryList",
                type: 'post',
                data: {
                    type: 1
                },
                async: false,
                dataType: 'json',
                success: function (res) {
                    //使用table.exportFile()导出数据
                    //  exportTable 表格头
                    // res  导出结果
                    // xls 类型
                    table.exportFile('exportTable', res, 'xls');
                }
            });
        });

2.java代码

controller

  @PostMapping("/queryList")
    @ResponseBody
    public List<StudentDormJoinTowerDto> queryList() {
        return studentDormTowerService.queryDormTowerList();
    }

 service

   /**
     * 导出
     * @return
     */
    List<StudentDormJoinTowerDto> queryDormTowerList();

serviceImpl

 /**
     * 导出
     *
     * @return
     */
    @Override
    public List<StudentDormJoinTowerDto> queryDormTowerList() {
        return getBaseMapper().queryDormTowerList();
    }

mapper

  /**
     * 导出
     * @return
     */
    @Select(" SELECT   t.XQDM  ,t.SSQDM,t.sslmc,r.lc,r.SFKZAPZS,r.fjlxdm,r.mxxscc,r.fjh,(select  count(fjh) from  STUDENT_DORM ) qss ,r.MXXSXB\n" +
            "        from STUDENT_DORM r  LEFT JOIN STUDENT_DORM_TOWER t ON  r.ssldm= t.sslmc")
    List<StudentDormJoinTowerDto> queryDormTowerList();