fastadmin 自定义导出笔记 / export

最新推荐文章于 2025-05-19 11:24:27 发布

原创

最新推荐文章于 2025-05-19 11:24:27 发布 · 7.4k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#export #fastadmin #导出 #表格

本文介绍了如何在FastAdmin中自定义数据导出功能，包括在后台JS文件添加代码、前端导出按钮实现及后台导出方法的编写。通过跟随教程，读者可以为自己的FastAdmin项目实现自定义导出表格数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：先上效果图

2：实现步骤

①在对应的js（路径：/public/assets/js/backend/xxx.js）里添加下图代码

下面是图中的代码：

$(document).on("click", ".btn-export", function () {
    var ids = Table.api.selectedids(table);
    var page = table.bootstrapTable('getData');
    var all = table.bootstrapTable('getOptions').totalRows;
    console.log(ids, page, all);
    Layer.confirm("请选择导出的选项<form action='" + Fast.api.fixurl("shop_order/export") + "' method='post' target='_blank'><input type='hidden' name='ids' value='' /><input type='hidden' name='filter' ><input type='hidden' name='op'><input type='hidden' name='search'><input type='hidden' name='columns'></form>", {
        title: '导出数据',
        btn: ["选中项(" + ids.length + "条)", "本页(" + page.length + "条)", "全部(" + all + "条)"],
        success: function (layero, index) {
            $(".layui-layer-btn a", layero).addClass("layui-layer-btn0");
        }
        , yes: function (index, layero) {
            submitForm(ids.join(","), layero);
            return false;
        }
        ,
        btn2: function (index, layero) {