一. 前后端结合
利用 JavaScript 将表格内容转换为 Excel 文件格式,然后通过 Ajax 请求将文件数据发送给后台,再由后台返回该文件数据流,前端再通过浏览器下载功能将其下载。这种方式可以使用第三方 JavaScript 库如 SheetJS、xlsx-populate、Export-Excel 等来简化操作。
二. 后台解析,返回前端下载
使用服务端技术如 Java、Python、PHP 等,读取前端提交的表格数据,将其转换为 Excel 文件并返回给前端进行下载。
三. 前端插件解析
使用前端插件如 jQuery Export Table Plugin、Bootstrap Table Export、TableExport 等,直接将表格导出为 Excel 文件并在浏览器中下载。这种方式通常需要在页面中引入插件相关的 JavaScript 库。
1. 使用js-xlsx插件导出excel
官方github:https://github.com/SheetJS/js-xlsx
1.1 将html页面中一个table导出excel
function exportToExcel(tableId, fileName) {
var wb = XLSX.utils.table_to_book(document.getElementById(tableId));
var wbout