导出Excel插件——Export-CSV ---20150610

时间：2015-06-10 20:45:59 阅读：1715 评论：0 收藏：0 [点我收藏+]

标签：

出处：http://bbs.hcharts.cn/thread-99-1-1.html

导出Excel插件——Export-CSV

一、插件信息

插件名：Export-CSV（导出Execl文件）
插件地址：https://rawgithub.com/highslide-software/export-csv/master/export-csv.js
插件使用：在页面引入export-csv.js即可，详见在线演示平台《导出Excel表格》

二、原理解析
通过分析源码，其原理是遍历Highcharts的数据列，并取值构造成逗号分开的字符串，并提交到指定的导出服务器下载保存为.csv文件。

1、CSV

CSV即逗号分隔值文件格式，通常是纯文本文件。如果你的机器上装了Microsoft Excel的话，.csv 文件默认是被 Excel 打开的。

2、自定义导出服务器
Export-CSV导出服务器比较简单，实现代码如下

<?php
$csv = $_POST[‘csv‘];
if ($csv) {
header(‘Content-type: text/csv‘);
header(‘Content-disposition: attachment;filename=chart.csv‘);
echo $csv;
}
?>

复制代码

自定义导出事件

$("#download").click(function(){
Highcharts.post(‘export-cvs.php‘, { //其中export-cvs.php即为上面代码
csv: chart.getCSV()
});
})

复制代码

3、中文网提供的导出服务器
地址：http://export.hcharts.cn/cvs.php

实例：

Highcharts.post(‘http://export.hcharts.cn/cvs.php‘, {
csv: chart.getCSV()
});

复制代码

补充：Office Excel打开时乱码问题解决办法

1、乱码分析
我用记事本或WPS Excel打开导出的cvs文件时，中文不会乱码，而用Office的Excel打开时，中文就乱码。后来网上查了下，原因是Office的Excel默认是以ANSI 形式打开的，也就是对应中文GBK编码，而默认导出的是UTF-8格式，解决办法就是编码转换。

2、解决办法
将获取的cvs代码转换为GBK编码即可，修改后的导出服务器代码如下：

PHP版：

<?php
/**
* DISCLAIMER: Don‘t use [url=http://www.highcharts.com/studies/csv-export/csv.php]www.highcharts.com/studies/csv-export/csv.php[/url] in
* production! This file may be removed at any time.
* 由Highcharts中文网修改提供中文乱码解决办法
*/
$csv = $_POST[‘csv‘];
$csv = iconv("utf-8","gbk",$csv);//转换成GBK编码
if ($csv) {
header(‘Content-type: text/csv;charset=gbk‘);
header(‘Content-disposition: attachment;filename=chart.csv‘);
echo $csv;
}
?>

复制代码

java版：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String csv = new String(request.getParameter("csv").getBytes("utf-8"),"gbk");
if(csv!=null && !"".equals(csv)) {
response.setHeader("Content-type","text/csv");
response.setHeader("Content-disposition", "attachment;filename=chart.csv");
response.getWriter().print(csv);
}
%>

复制代码

另外，从提交cvs代码处转换编码也可实现。

补充：
java版的导出服务器代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String csv = request.getParameter("csv");
if(!"".equals(csv)) {
response.setHeader("Content-type","text/csv");
response.setHeader("Content-disposition", "attachment;filename=chart.csv");
response.getWriter().print(csv);
}
%>

复制代码

导出Excel插件——Export-CSV ---20150610

标签：

原文地址：http://www.cnblogs.com/thelongmarch/p/4567041.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行