web开发——写一个简单的表格导出操作

时间:2022-10-28 14:14:18

一、前台页面:

主要是一个按钮和一个表格,表格有显示数据,按钮负责将表格中的数据选择性地导出。除此外,可以附加一个小窗口和进度条,用于显示下载进度。

1. 按钮:<a href="javascript:;" class="easyui-linkbutton" iconCls="icon-redo" data-options="plain:true" id="btn-exp" onclick="fun_export()">导出详细信息</a>

2.表格:<div id="dataGrid" style="margin-bottom:5px;margin-top:1px">

                <table id="dg" data-options="toolbar:'#tb'"></table>
           </div>

3.进度条和小窗口
<div id="win" class="easyui-window" title="下载中" style="width: 500px; height: 80px" data-options="iconCls:'icon-save',modal:true">
  <div id="p" class="easyui-progressbar" data-options="value:10" style="width:400px;margin-top:10px;margin-left:50px;"></div>
</div>

4.下载框:<iframe id="bgfileDownFrame" src="" style="display:none; visibility:hidden;"></iframe>

二、jS请求

<script>

  function fun_export(){
    $('#win').window('open');
    setProgress();

//AJAX请求
    $.ajax({
      url:'${pageContext.request.contextPath}/media/getExl.action', //TODO
      data:{},
      type: 'post',
      dataType:"json",
      success: function(data){
      // alert("导出!!!!!");
      if(data.isSuccess == "true"){
        $("#bgfileDownFrame").attr("src","${pageContext.request.contextPath}/media/downloadExl.action?docToken="+data.token);
        value = 100;
        setProgress();
        $('#win').window('close');
      }

      else{
        $('#win').window('close');
        alert("生成统计表出错!");
        }
      },
  });
}

  //设置进度条的值
  function setProgress(){
  var value = $('#p').progressbar('getValue');
  if (value < 100){
  value += Math.floor(Math.random() * 20);
  $('#p').progressbar('setValue', value);
  setTimeout(arguments.callee, 200);
  }
} </script>

三、action请求方法:

@Action(value="getExl")
public String getExl(){

Map<String,String> result = new HashMap<String,String>();
result.put("isSuccess", "false");

/* 数据来源*/
Map<String, Object> dataMap = new HashMap<String, Object>();//导出结果
List<Map<String, Object>> resultTable1 = mediaManageBPO.getMediaInfo();
dataMap.put("rows", resultTable1);
//路径
String webPath = this.request.getSession().getServletContext().getRealPath("");
MDoc mdoc = new MDoc();
try {

  String tmpFileDir = webPath + File.separator +"docTemplate";
  //检查临时文件夹是否存在

Util.checkDirExist(tmpFileDir);
  //20161227105212956742620
  String fileToken = Util.generateTmpFileName(tmpFileDir);

//fileToken 是生成的临时文件名
  String docTemplatePath = webPath + File.separator +"docTemplate" + File.separator + fileToken;

//media.ftl是模板文件,先根据xls文件--另存为xml文件--eclipse下再重命名为ftl文件
  String templateName = "media.ftl";

  mdoc.createXls(dataMap, docTemplatePath,templateName);
  result.put("isSuccess", "true");
  result.put("token", fileToken);
  this.request.getSession().setAttribute("DownloadFile","数据统计表"+UtilsLXJ.getDate());
} catch (UnsupportedEncodingException e) {
  // TODO Auto-generated catch block
  e.printStackTrace();
}

outputJson(result);

return NONE;
}
  //下载
  @Action(value="downloadExl")
  public String downloadExl(){
  //数据统计表20161227105333.xls
    String downloadName = (String)this.request.getSession().getAttribute("DownloadFile");
      if(Util.trim(downloadName).isEmpty()){
      downloadName = "数据统计.xls";
      }else{
      downloadName = downloadName + ".xls";
      }
try {
  OutputStream os = this.response.getOutputStream();

  if (Util.isIE(this.request)) {
  downloadName = URLEncoder.encode(downloadName, "utf-8");
} else {
  downloadName = new String(downloadName.getBytes("utf-8"),
  "iso-8859-1");
}
  this.response.setContentType("application/x-download");
  this.response.addHeader("Content-Disposition",
  "attachment;filename=\"" + downloadName + "\"");
  this.response.flushBuffer();
  
  String webPath = this.request.getSession().getServletContext().getRealPath("");
  //tmpFileDir临时文件的位置
  String tmpFileDir = webPath + File.separator +"docTemplate";
  //临时文件后面加上文件token
  String bgFile = tmpFileDir + File.separator + docToken;//docToken是从getExl action那里传来的
     FileInputStream fis = new FileInputStream(bgFile);
  //输出
  Util.copyStrem(fis, os);
  fis.close();
  os.close();
  //删除临时文件
   Util.delFile(bgFile);

} catch (IOException e) {
  e.printStackTrace();
}
return NONE;
}

结果就是如下:

web开发——写一个简单的表格导出操作

web开发——写一个简单的表格导出操作的更多相关文章

  1. 用Python写一个简单的Web框架

    一.概述 二.从demo_app开始 三.WSGI中的application 四.区分URL 五.重构 1.正则匹配URL 2.DRY 3.抽象出框架 六.参考 一.概述 在Python中,WSGI( ...

  2. express 写一个简单的web app

    之前写过一个简单的web app, 能够完成注册登录,展示列表,CURD 但是版本好像旧了,今天想写一个简单的API 供移动端调用 1.下载最新的node https://nodejs.org/zh- ...

  3. 动手写一个简单的Web框架(模板渲染)

    动手写一个简单的Web框架(模板渲染) 在百度上搜索jinja2,显示的大部分内容都是jinja2的渲染语法,这个不是Web框架需要做的事,最终,居然在Werkzeug的官方文档里找到模板渲染的代码. ...

  4. 动手写一个简单的Web框架(Werkzeug路由问题)

    动手写一个简单的Web框架(Werkzeug路由问题) 继承上一篇博客,实现了HelloWorld,但是这并不是一个Web框架,只是自己手写的一个程序,别人是无法通过自己定义路由和返回文本,来使用的, ...

  5. 动手写一个简单的Web框架(HelloWorld的实现)

    动手写一个简单的Web框架(HelloWorld的实现) 关于python的wsgi问题可以看这篇博客 我就不具体阐述了,简单来说,wsgi标准需要我们提供一个可以被调用的python程序,可以实函数 ...

  6. 如何用PHP&sol;MySQL为 iOS App 写一个简单的web服务器(译) PART1

    原文:http://www.raywenderlich.com/2941/how-to-write-a-simple-phpmysql-web-service-for-an-ios-app 作为一个i ...

  7. 如何写一个简单的webserver&lpar;一&rpar;:最简实现

    本文主要讲述如何用C/C++在Linux环境下写一个简单的支持并发的web服务器,并不考虑服务器的健壮性.安全性.性能等一系列因素. 在本文中,该服务器仅支持GET请求. 项目地址:https://g ...

  8. 分享:计算机图形学期末作业!!利用WebGL的第三方库three&period;js写一个简单的网页版&OpenCurlyDoubleQuote;我的世界小游戏”

    这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...

  9. 开发部署一个简单的Servlet

    Servlet是一个执行在服务器端的Java Class文件,载入前必须先将Servlet程序代码编译成.class文件,然后将此class文件放在servlet Engline路径下.Servlet ...

随机推荐

  1. Bootstrap3系列:按钮组

    1. 基本实例 1.1 示例代码 <div class="btn-group"> <button type="button" class=&q ...

  2. flask笔记1-安装

    1.创建应用的根目录: 2.在根目录下创建独立的虚拟python运行环境,创建完成后当前目录会有一个文件夹,即该独立环境(使用--no-site-pachages参数将不会复制任何系统python环境 ...

  3. &lbrack;置顶&rsqb; Adapter详解

    动态添加数据适配器adapter Adapter是适配器,许多UI组件需要搭配Adapter来显示界面,例如Spinner与ListView,另外当我们需要动态的添加数据给UI组件时就需要Adapte ...

  4. &lbrack;Vijos 1143&rsqb;三取方格数

    Description 设有N*N的方格图,我们将其中的某些方格填入正整数, 而其他的方格中放入0. 某人从图得左上角出发,可以向下走,也可以向右走,直到到达右下角. 在走过的路上,他取走了方格中的数 ...

  5. 带着萌新看springboot源码8(spring ioc源码 完)

    上一节说到实例化了所有的单实例Bean,后面还有一步遍历 12.完成容器刷新(finishRefresh();) 那个和生命周期有关的后置处理器类型是LifecycleProcessor:监听器原理我 ...

  6. 用servlet进行用户名和密码校验1

    运行效果如下: 代码截图: 登陆网页: 显示网页: 网盘链接: 链接:https://pan.baidu.com/s/1g5XJ6y8u5R5Wt0Lkj9g9lg 提取码:bphb

  7. bzoj2002&lpar;lct模板&rpar;

    #include<iostream> #include<cstring> #include<cstdio> #include<cmath> #inclu ...

  8. Python 3 利用 Dlib 19&period;7 进行人脸检测

    0. 引言 / Overview 介绍 Dlib 中基于 HOG,Histogram of Oriented Gradients / 方向梯度直方图 实现 Face Detect / 人脸检测 的两个 ...

  9. 基于cookie和session的登录验证

    settings.py MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions ...

  10. catkin详细解释

    http://answers.ros.org/question/58498/what-is-the-purpose-of-catkin_depends/