[发明专利]一种基于BootstrapTable平台可选择数据导出的方法

说明书

本发明涉及BootstrapTable平台技术领域，特别涉及一种基于BootstrapTable平台不经过后台数据查询就能从前台快速地、可选择性地导出数据的方法。本发明的方法是在前端集成了BootstrapTable的页面中加入tableExport插件，导出的时候根据用户所选择的数据进行判断，如果所选择的数据长度大于0，则表示选中的数据要导出，然后拼装成json数据，使用load方法重新加载到table中，否则提示用户是否导出全部还是当前页面的数据，如果选择全部导出，使用refresh方法重新加载全部数据，接着使用getData方法获得数据，最后使用tableExport方法导出。本发明解决了用户从后台导出数据缓慢、不能根据自己所需选择数据导出的问题。

技术领域

本发明涉及BootstrapTable平台技术领域，特别涉及一种基于BootstrapTable平台不经过后台数据查询就能从前台快速地、可选择性地导出数据的方法。

背景技术

在BootstrapTable平台上如果从后台查询数据库然后导出数据，容易导致数据加载缓慢、中间断网数据不全且不能快速地选择自己所需导出数据的问题；为了解决这些问题，需要在前端使用脚本来封装一个快速导出页面数据的方法来实现。

发明内容

本发明解决的技术问题在于提供一种基于BootstrapTable平台不经过后台数据查询就能从前台快速地、可选择性地导出数据的方法；解决了用户从后台导出数据缓慢、不能根据自己所需选择数据导出的问题。

本发明解决上述技术问题的技术方案是：

在前端集成了BootstrapTable的页面中加入tableExport插件，导出的时候根据用户所选择的数据进行判断，如果所选择的数据长度大于0，则表示选中的数据要导出，然后拼装成json数据，使用load方法重新加载到table中，否则提示用户是否导出全部还是当前页面的数据，如果选择全部导出，使用refresh方法重新加载全部数据，接着使用getData方法获得数据，最后使用tableExport方法导出。从而解决了用户从后台导出数据缓慢、不能根据自己所需选择数据导出的问题。

所述的方法具体包括如下步骤：

步骤一、创建一个BootstrapTable前端页面，并添加tableExport插件，然后从服务器加载数据填充表格；

步骤二、在表格上方的toolbar添加按钮，并给其绑定导出事件exportList，参数有table及tilte；

步骤三、在导出事件中，根据getAllSelections方法获得用户选择的数据长度，如果大于0，把选择的数据拼装成json数据，使用load方法重新加载到table中，接着使用tableExport方法导出数据；

步骤四、如果选择的数据等于0，则提示用户是否导出当前页还是全部数据，如果选择”导出全部”，则使用refresh方法重新加载全部数据；

步骤五、最后使用getData方法获得数据并使用tableExport方法导出。

本发明的有益效果：当在前端集成了BootstrapTable的页面中加入tableExport插件，导出的时候根据用户所选择的数据进行判断，如果所选择的数据长度大于0，则表示选中的数据要导出，然后拼装成json数据，使用load方法重新加载到table中，否则提示用户是否导出全部还是当前页面的数据，如果选择全部导出，使用refresh方法重新加载全部数据，接着使用getData方法获得数据，最后使用tableExport方法导出，从而达到快速地、可选择性地导出数据的目的。有效解决用户从后台导出数据缓慢、不能根据自己所需选择数据的问题。

附图说明

下面结合附图对本发明进一步说明：