HTML5技术

实现excel导入导出功能,excel导入数据到页面中,页面数据导出生成excel文件 - 还是盼盼好

字号+ 作者:H5之家 来源:H5之家 2017-07-02 13:00 我要评论( )

今天接到项目中的一个功能,要实现excel的导入,导出功能。这个看起来思路比较清楚,但是做起了就遇到了不少问题。 不过核心的问题,大家也不会遇到了。每个项目前台页面,以及数据填充方式都不一样,不过大多都是以json数据填充的。在导入excel填充json数据

今天接到项目中的一个功能,要实现excel的导入,导出功能。这个看起来思路比较清楚,但是做起了就遇到了不少问题。

不过核心的问题,大家也不会遇到了。每个项目前台页面,以及数据填充方式都不一样,不过大多都是以json数据填充的。在导入excel填充json数据到页面时,真的让我差点吐血了。在做这个导入导出的时候,那一个礼拜都是黑暗的。

好了,废话不多说了,我今天就给大家展示这个两个功能的核心点,excel生成json数据和json数据生成excel文件。

一:从上传文件到服务器,后台java解析,返回excel的json数据到前台。我自己从新做了一个简单的测试项目,需要演示项目的(struts2),下面评论出来,谢谢大家支持。

1.excel生成json数据,用于导入excel文件到页面中。

2.可以使用jxl,或者poi去实现这个,我两种方式都采用了,下面是jar包(标记的jar是核心excel转json数据的,包括jxl和poi,其它jar是项目的)

 3.还是和上传文件一样,使用ajax,formdata对象将文件传输到后台,此时生成的是二进制文件,需要在服务器上生成所要的文件。

4.调用方法将上传的文件转化为json数据,使用poi要注意了,03版和07版使用的对象不一样,代码中有说明。

4.将得到的json数据返回前台。

5.下面是效果图,最后面就附上源码。

这是后台java处理代码。

package com.pan.files.action; import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import java.io.PrintWriter; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import java.util.HashMap; import java.util.LinkedHashMap; import java.util.LinkedList; import java.util.List; import java.util.Map; import javax.servlet.http.HttpServletResponse; import com.alibaba.fastjson.JSON; import org.apache.commons.io.FileUtils; import org.apache.poi.hssf.usermodel.*; import org.apache.poi.openxml4j.exceptions.InvalidFormatException; import org.apache.poi.poifs.filesystem.POIFSFileSystem; import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.usermodel.XSSFDataFormat; import org.apache.poi.xssf.usermodel.XSSFWorkbook; import org.apache.struts2.ServletActionContext; /*import org.springframework.web.multipart.MultipartFile;*/ public class ImportExcel { private File files; //上传的文件路径 private String filesFileName; //文件名 public File getFiles() { return files; } public void setFiles(File files) { this.files = files; } public String getFilesFileName() { return filesFileName; } public void setFilesFileName(String filesFileName) { this.filesFileName = filesFileName; } /* 这个是jxl方式 dir:文件地址 */ /*public static String excelToJson(File dir ) throws BiffException, IOException { jxl.Workbook wb =jxl.Workbook.getWorkbook(dir); // 从文件流中获取Excel工作区对象(WorkBook) jxl.Sheet sheet = wb.getSheet(0); // 从工作区中取得页(Sheet) jxl.Cell[] header = sheet.getRow(0); String json1 = ""; String[] arry = new String[sheet.getRows()]; for (int i = 1; i < sheet.getRows(); i++) { // 循环打印Excel表中的内容 Map hashMap = new HashMap(); ArrayList List = new ArrayList(); for (int j = 0; j < sheet.getColumns(); j++) { jxl.Cell cell = sheet.getCell(j, i); List.add(cell.getContents()); } // 这个json字符串就是我们想要的,实际应用中可以直接返回该字符串 // String json = JSONObject.toJSONString(hashMap); // String json = JSONObject.toJSONString(List); String json = com.alibaba.fastjson.JSONArray.toJSONString(List); json1 += json+","; } return "["+ json1.substring(0,json1.length()-1)+"]excel"; } */ public void targetFile() throws Exception { //根据服务器的文件保存地址和原文件名创建目录文件全路径 String dirs= ServletActionContext.getServletContext() .getRealPath("/image"); if (files != null){ File savedir = new File(dirs) ; if (! savedir.exists()) { savedir.mkdirs() ; } } //将上传到服务器上的二进制文件写成实际文件 File savefile = new File(dirs, filesFileName); FileUtils.copyFile(files, savefile) ; // String paremt = excelToJson(savefile); LinkedHashMap<String, String> sjson = excelTojson(savefile); HttpServletResponse response = ServletActionContext.getResponse(); response.setHeader("Content-type", "text/html;charset=UTF-8"); //这句话的意思,是告诉servlet用UTF-8转码,而不是用默认的ISO8859 response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); // copy(this.files, di); out.println(sjson); } public static LinkedHashMap<String,String> excelTojson(File file) throws IOException, Exception { // 返回的map LinkedHashMap<String,String> excelMap = new LinkedHashMap<>(); // Excel列的样式,主要是为了解决Excel数字科学计数的问题 CellStyle cellStyle; // 根据Excel构成的对象 Workbook wb; // 如果是2007及以上版本,则使用想要的Workbook以及CellStyle if(file.getName().endsWith("xlsx")){ //07及07以后版本 wb = new XSSFWorkbook(new FileInputStream(file)); XSSFDataFormat dataFormat = (XSSFDataFormat) wb.createDataFormat(); cellStyle = wb.createCellStyle(); // 设置Excel列的样式为文本 cellStyle.setDataFormat(dataFormat.getFormat("@")); }else{ //03版本 POIFSFileSystem fs = new POIFSFileSystem(file); wb = new HSSFWorkbook(fs); HSSFDataFormat dataFormat = (HSSFDataFormat) wb.createDataFormat(); cellStyle = wb.createCellStyle(); // 设置Excel列的样式为文本 cellStyle.setDataFormat(dataFormat.getFormat("@")); } // sheet表个数 int sheetsCounts = wb.getNumberOfSheets(); // 遍历每一个sheet for (int i = 0; i < sheetsCounts; i++) { Sheet sheet = wb.getSheetAt(i); // 一个sheet表对于一个List List list = new LinkedList(); // 将第一行的列值作为正个json的key String[] cellNames; // 取第一行列的值作为key Row fisrtRow = sheet.getRow(0); // 如果第一行就为空,则是空sheet表,该表跳过 if(null == fisrtRow){ continue; } // 得到第一行有多少列 int curCellNum = fisrtRow.getLastCellNum(); // 根据第一行的列数来生成列头数组 cellNames = new String[curCellNum]; // 单独处理第一行,取出第一行的每个列值放在数组中,就得到了整张表的JSON的key for (int m = 0; m < curCellNum; m++) { Cell cell = fisrtRow.getCell(m); // 设置该列的样式是字符串 cell.setCellStyle(cellStyle); cell.setCellType(Cell.CELL_TYPE_STRING); // 取得该列的字符串值 cellNames[m] = cell.getStringCellValue(); } for (String s : cellNames) { } // 从第二行起遍历每一行 int rowNum = sheet.getLastRowNum(); System.out.println("总共有 " + rowNum + " 行"); for (int j = 1; j <= rowNum; j++) { // 一行数据对于一个Map LinkedHashMap rowMap = new LinkedHashMap(); // 取得某一行 Row row = sheet.getRow(j); int cellNum = row.getLastCellNum(); // 遍历每一列 for (int k = 0; k < cellNum; k++) { Cell cell = row.getCell(k); cell.setCellStyle(cellStyle); cell.setCellType(Cell.CELL_TYPE_STRING); // 保存该单元格的数据到该行中 rowMap.put(cellNames[k],cell.getStringCellValue()); } // 保存该行的数据到该表的List中 list.add(rowMap); } // 将该sheet表的表名为key,List转为json后的字符串为Value进行存储 excelMap.put(sheet.getSheetName(),JSON.toJSONString(list,false)); } wb.close(); return excelMap; } public static void main(String [] args) throws FileNotFoundException{ // createJson(); } }

 这是前台js文件:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • svg实现简单沙漏旋转 - 师妹儿

    svg实现简单沙漏旋转 - 师妹儿

    2017-07-01 08:00

  • svg实现放大效果 - 师妹儿

    svg实现放大效果 - 师妹儿

    2017-06-30 18:00

  • 利用单片机快速实现家庭智能控制平台 - 小五义

    利用单片机快速实现家庭智能控制平台 - 小五义

    2017-06-29 18:00

  • css3实现可以计算的自适应布局——calc() - WEB大白

    css3实现可以计算的自适应布局——calc() - WEB大白

    2017-06-29 11:01

网友点评