大家好,我是你们的好朋友程序猿:铭文
先简单的说下:领导给安排了一个活就是给导出excel,当时我的好朋友前端工程师他在的时候他搞的研究,研究过2个
版本。不过有一些小问题,导出的excel就是中国式报表有很多合并列的excel,和合并行的excel,后端搞得话都是一
般得npoi搞得方法。今天换2个搞得方法
一.前端页面获取页面H5。
ps:主要是获取了outerHTML,里面有注释非常得简单。不会得话没看明白得话私聊。
<script>
// 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("Table标签ID").outerHTML + "</body></html>";
// 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象
var blob = new Blob([html], {
type: "application/vnd.ms-excel"
});
var info = document.getElementById("a 标签ID");
// 利用URL.createObjectURL()方法为a元素生成blob URL
info.href = URL.createObjectURL(blob);
// 设置文件名,目前只有Chrome和FireFox支持此属性
info.download = "Excel名字.xls";
//打印具体实现代码
function printout() {
debugger;
var newWindow;
//打开一个新的窗口
newWindow = window.open();
// 是新窗口获得焦点
newWindow.focus();
//保存写入内容
var newContent = "<html><head><meta charset='utf-8'/><title>打印</title></head><body>"
newContent += document.getElementById("Table标签ID").outerHTML;
newContent += "</body></html>"
// 将HTML代码写入新窗口中
newWindow.document.write(newContent);
newWindow.print();
// close layout stream
newWindow.document.close();
//关闭打开的临时窗口
newWindow.close();
return false;
};
</script>
二.用一个插件来写非常得简单:js-xlsx
链接: 下载地址.
官方github: 连接地址.
xlsx.core.min.jsx(读取对象封装)
xlsx.full.min.js(包含了所有功能模块。)
JS-xlsx详细解释(这个人写的非常详细大家可以参考): 连接地址.
最后总结下:其实着2个第一个和第二个都是获取得 前端得H5来进行得导出。也可以看看我第一个连接得下载地址:里面就是读取table节点下得tr,td 得这些属性。非常得简单。容易操作。不会的可以联系我欢迎你的咨询。