jsp表格数据导出到Execl

1.关于“下载”

需要设置页面header的一个属性为：Content-Disposition: attachment; filename=下载的文件.txt

如：

<a href="down.jsp">下载</a>

down.jsp:

<%

        response.setHeader("Content-Disposition", "attachment;fileName=download.txt");

    %>

2.关于Execl

使用jxl的

jxl地址：http://www.andykhan.com/jexcelapi/download.html

这里面有jar包和api文档，还有一些例子。

下面看正文了。

一、写个页面index.jsp：

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>导出Execl</title>

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script type="text/javascript">

    function toExecl(){

        //解析表格

        var arrData=new Array();

        var jsonData = "[";

        var objTable=document.getElementById("tab");

        if(objTable)

        {

           for(var i=0;i<objTable.rows.length;i++)//行

           {

              //每一行开始

              var rowData = "{";

              for(var j=0;j<objTable.rows[i].cells.length;j++)//列

              {

                  //每一行的数据

                  if(j > 0){

                      rowData = rowData + "," + objTable.rows[i].cells[j].innerText;

                  }else{

                      rowData = rowData + objTable.rows[i].cells[j].innerText;

                  }

              }

              //每一行结尾

              if(i < (objTable.rows.length -1)){

                  rowData = rowData + "},"

              }else{

                  rowData = rowData + "}"

              }

                 //添加每一行到json字符串中

                 jsonData = jsonData + rowData;

           }

        }

        jsonData = jsonData + "]";

        //alert(jsonData);

        /* //发送ajax请求

        $.ajax({

                    url: "toExecl",

                    type: "POST",

                    data: {"jsonData": jsonData},

                    dataType: "text",

                    cache: false,

                    success: function (result) {

                        alert("success");

                    }

                }); */

         var form=$("<form>");//定义一个form表单

         form.attr("style","display:none");

         form.attr("target","");

         form.attr("method","post");

         form.attr("action","toExecl");//跳转到servlet

         var input1=$("<input>");

         input1.attr("type","hidden");

         input1.attr("name","jsonData");

         input1.attr("value",jsonData);

         $("body").append(form);//将表单放置在web中

         form.append(input1);

         form.submit();//表单提交

    }

    //下载

    function downloadDoc(filePath,fileName){

        var path = filePath+fileName;

        var contextLength = "<%=request.getContextPath()%>";

        var sp = path.substring(contextLength.length,path.length);

        document.getElementById("path").value = sp;

        document.getElementById("fileName").value = fileName;

        //down_frame.location.href = path;decodeURI(path);encodeURIComponent

        var sForm1 = document.form1;

        sForm1.action = "<%=request.getContextPath()%>/com/icss/mdm/usermanual/servlet/StandardDocDownServlet";

        sForm1.submit();  

    }

</script>

</head>

<body>

    <div id="tableExcel">

        <table id="tab">

            <tr height="18" style="height: 13.5pt">

                <td height="18" width="72" style="height: 13.5pt; width: 54pt">姓名</td>

                <td width="72" style="width: 54pt">性别</td>

                <td width="72" style="width: 54pt">年龄</td>

            </tr>

            <tr height="18" style="height: 13.5pt">

                <td height="18" style="height: 13.5pt">杨xx</td>

                <td>男</td>

                <td align="right">27</td>

            </tr>

            <tr height="18" style="height: 13.5pt">

                <td height="18" style="height: 13.5pt">测试1</td>

                <td>女</td>

                <td align="right">18</td>

            </tr>

            <tr height="18" style="height: 13.5pt">

                <td height="18" style="height: 13.5pt">测试2</td>

                <td>女</td>

                <td align="right">18</td>

            </tr>

            <tr height="18" style="height: 13.5pt">

                <td height="18" style="height: 13.5pt">测试3</td>

                <td>女</td>

                <td align="right">18</td>

            </tr>

            <tr height="18" style="height: 13.5pt">

                <td height="18" style="height: 13.5pt">刘德华</td>

                <td>男</td>

                <td align="right">48</td>

            </tr>

        </table>

    </div>

    <a href="javascript:void(0)" onclick="toExecl()">导出execl</a>

    <a href="down.jsp">下载</a>

</body>

</html>

二、链接地址跳转到一个servlet

web.xml

<servlet>

      <servlet-name>toExecl</servlet-name>

      <servlet-class>com.mlxs.execl.servlet.ToExecl</servlet-class>

  </servlet>

  <servlet-mapping>

      <servlet-name>toExecl</servlet-name>

      <url-pattern>/toExecl</url-pattern>

  </servlet-mapping>

ToExeclServlet:

package com.mlxs.execl.servlet;

import java.io.File;

import java.io.FileInputStream;

import java.io.IOException;

import java.io.OutputStream;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import jxl.Workbook;

import jxl.format.Alignment;

import jxl.format.VerticalAlignment;

import jxl.write.Label;

import jxl.write.WritableCellFormat;

import jxl.write.WritableFont;

import jxl.write.WritableSheet;

import jxl.write.WritableWorkbook;

import jxl.write.WriteException;

import jxl.write.biff.RowsExceededException;

public class ToExecl extends HttpServlet{

    @Override

    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        this.doPost(req, resp);

    }

    @Override

    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        req.setCharacterEncoding("UTF-8");

        resp.setContentType("multipart/form-data");

        resp.setHeader("Content-Disposition", "attachment;fileName=text.xls");

        //处理前台传的数据

        String dataStr = req.getParameter("jsonData");

        dataStr = dataStr.replace("[{", "").replace("}]", "").replace("{", "");

        String[] dataArr = dataStr.split("},");

        try {

            //1.创建一个workbook(对应Excel文件 )

            WritableWorkbook workbook = Workbook.createWorkbook(resp.getOutputStream());

            //2.在workbook中添加一个sheet(Excel文件中的sheet)

            WritableSheet sheet = workbook.createSheet("导出数据", 0);

            //3.创建表头单元格，并设置文字格式

            WritableFont wf = new WritableFont(WritableFont.ARIAL, 12, WritableFont.NO_BOLD);

            WritableCellFormat wcf = new WritableCellFormat(wf);

            wcf.setVerticalAlignment(VerticalAlignment.CENTRE);

            wcf.setAlignment(Alignment.CENTRE);

            //4.设置行数

            sheet.setRowView(1, 100);

            //5.设置数据

            for (int i = 0; i < dataArr.length; i++) {

                //每一行的数据

                System.out.println("data:"+dataArr[i]);

                String[] str = dataArr[i].split(",");

                //每一列

                for (int j = 0; j < str.length; j++) {

                    if(i==0){

                        sheet.addCell(new Label(j, i, str[j], wcf));//new Label(列号, 行号, 数据, 单元格)

                        continue;

                    }

                    sheet.addCell(new Label(j, i, str[j]));

                }

            }

            //6.end

            workbook.write();

            workbook.close();

        } catch (RowsExceededException e) {

            e.printStackTrace();

        } catch (WriteException e) {

            e.printStackTrace();

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

}

三、效果图：

jsp表格数据导出到Execl的更多相关文章

将页面中表格数据导出excel格式的文件（vue）
近期由于项目需要,需要将页面中的表格数据导出excel格式的文件,折腾了许久,在网上各种百度,虽然资料不少,但是大都不全,踩了许多坑,总算是皇天不负有心人,最后圆满解决了. 1.安装相关依赖(npm安 ...
Vue+element UI实现表格数据导出Excel组件
介绍这是一个可以将页面中的表格数据导出为Excel文件的功能组件,该组件一般与表格一起使用,将表格数据传给组件,然后通过点击组件按钮可将表格中的数据导出成Excel文件. 使用方法由于封装该组件内 ...
前端 vue表格数据导出Excel 文件实现
实现思路使用json2csv将后台json数据转化为csv格式数据采用创建Blob(二进制大对象)的方式来存放缓存数据: 生成下载链接: 创建一个a标签,设置href和download属性触发a ...
Vue2.0---将页面中表格数据导出excel
这不是教程,是随笔. 项目中将后台返回的数据v-for到表格中,然后需要将这个表格导出为EXCEL 只说怎么做. 一.需要安装三个依赖: npm install -S file-saver xlsx ...
MVC 实现表格数据导出Excel(NPOI方式)
前端View(@ViewBag为查询条件): <span id="exprobtn" class="btn_blue" style="dispa ...
前端表格数据导出excel
使用tableExport.js导出bootstrap-table表格成excel并且支持中文 1. 下载tableExport.js https://github.com/hhurz/tableEx ...
导出网页表格数据为Excel文件的前端解决方案
在工作中,我们有时会遇到这样的需求,比如:要把页面的表格数据导出为Excel文件.在此记录下自己用的解决方法.代码如下: function tableToExcel(data){ //要导出的数据,t ...
Java读取Execl表格数据
在前面提到用java代码新建一个Execl 表格并添加数据到表格中, 这次写了一个读取Execl表格数据并添加导数据库中的案列给定对方一个Execl模板表格,如果导入的Execl表格和预订的表格不相 ...
Java操作Jxl实现导出数据生成Excel表格数据文件
实现:前台用的框架是Easyui+Bootstrap结合使用,需要引入相应的Js.Css文件.页面:Jsp.拦截请求:Servlet.逻辑处理:ClassBean.数据库:SQLserver. 注意: ...

随机推荐

dom4j解析xml文档(增删改查)
package itcast.dom4j; import java.io.File; import java.io.FileOutputStream; import java.io.FileWrite ...
iOS开发_统计xcode代码行数
如果要统计ios开发代码,包括头文件的,终端命令进入项目目录下,命令如下 find . -name "*.m" -or -name "*.h" -or -nam ...
C++头文件，预处理详解
C++遵循先定义,后使用的原则.就拿函数的使用来举例吧. 我看过有些人喜欢这样写函数. #include<iostream> using namespace std; int add(in ...
jquery中.attr('value')和.val()的区别
.val() 能够取到针对text,hidden可输入的文本框的value值. 而 .attr('value') 可以取到html元素中所设置的属性 value的值,不能获取动态的如input ty ...
UIView 的autoresizingMask属性
autoresizingMask属性的意思就是自动调整子控件与父控件中间的位置,宽高,定义如下: typedef NS_OPTIONS(NSUInteger, UIViewAutoresizing) ...
Selenium脚本编写环境的搭建/XPath
编写环境主要分为三个部分: JUnit : java单元测试框架: Firebug: firefox 附加组件,Firebug是firefox下的一个扩展,能够调试所有网站语言,如Html,Css等, ...
测试与log
1 加载logback private static void loadloack() { LoggerContext lc = (LoggerContext) LoggerFactory.getIL ...
能套用的tab栏切换
效果: 在style.js文件里封装了一个Show函数,有4个参数,di(当前点击的按钮),num(按钮个数,也可以说是下面具体内容个数),divn(一个id前缀,这个例子里是ta,),active( ...
vmware centos下配置ip
使用NAT模式虚拟机网络连接使用NAT模式,物理机网络连接使用Vmnet8. 虚拟机设置里面--网络适配器,网络连接选择NAT模式. 虚拟机菜单栏-编辑-虚拟网络编辑器,选择Vmnet8 NAT模式 ...
soap和wsdl的定义
SOAP(Simple Object Access Protocol)是一个严格定义的信息交换协议,用于在Web Service中把远程调用和返回封装成机器可读的格式化数据.事实上SOAP数据使用XM ...