java 前端导出exvel_使用纯前端做的Excel导出了解一下

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

这是我改造的前端Excel导出，需要引入jQuery插件【复制粘贴即可使用】，各位不懂可以试一下。纯属练习

使用JS标签方式将页面数据信息导出xlsx文件

---导出---

function tableToExcel(){

//要导出的json数据

var jsonData = [

{

name:'李四',

phone:'123456的水电费多所所多多多多多多多多多多多',

remark:'测试是 '

},

{

name:'张三',

phone:'123456试试水试试水所所所所所所所所dddddddddd',

remark:''

}]

//列标题

var strArr = ['姓名','电话哗哗哗或或或或','备注/其他'];

var str = '

测试';

str += '

'+strArr[0]+'';

str += '

'+strArr[1]+'';

str += '

'+strArr[2]+'';

//循环遍历，每行加入tr标签，每个单元格加td标签

for(var i = 0 ; i < jsonData.length ; i++ ){

str+='

';

str+='

'+jsonData[i]['name']+ '';

str+='

'+jsonData[i]['phone']+ ''; //如果要保留两位小数点加(mso-number-format:0.00)样式

str+='

'+jsonData[i]['remark']+ '  '; //超长格子隐藏 ,加 是为了防止前一个超出

str+='

';

}

//设置当前时间

var date = new Date();

var year = date.getFullYear();

var dateArr = [date.getMonth() + 1,date.getDate(),date.getHours(),date.getMinutes(),date.getSeconds()];

var strDate = year+'';

for(var i=0;i

if (dateArr[i] >= 1 && dateArr[i] <= 9) {

dateArr[i] = "0" + dateArr[i];

}

strDate += dateArr[i];

}

//Worksheet名

var worksheet = '房产信息'+strDate;

var uri = 'data:application/vnd.ms-excel;base64,';

//下载的表格模板数据

var template = '

template +=' xmlns="http://www.w3.org/TR/REC-html40">';

template +='

';

template +='

';

var a = document.createElement("a");

a.download = worksheet+".xlsx";

a.href = uri + base64(template) //下载模板

a.click();

}

//输出base64编码

function base64 (s) { return window.btoa(unescape(encodeURIComponent(s))) }