由于时间比较紧,没多的时候去学习研究上述工具包,现在用javascript操作ActiveXObject控件,用替换word模板中的书签方式解决。

最近有需求将数据导出到word里,然后编辑打印。 
想过几种方案: 
1.使用jacob。 
2.使用apache的poi。 
3.使用itext。 
由于时间比较紧,没多的时候去学习研究上述工具包,现在用javascript操作ActiveXObject控件,用替换word模板中的书签方式解决。

前提条件: 
1.浏览器安全级别降低,可以使用ActiveXObject控件。

2.装有office word。

目前实现了替换单个书签,多行表格书签,和图片,基本上满足需求。不过还有很多操作word的使用方法不太清楚,网上大部分都使用的VB,有不清楚的地方,大家可以交流。

下面说一下我的设计实现思路:

首先当然是定义word模板,在需要替换的地方加上标签。 菜单-插入-书签,输入属性名,如year,date,pic1,voList等等。 
打印页面: 
需要把打印的数据从后台取出,以单个vo(一个对象)为一组,或以voList(对象的列表集合)为一组 组织好页面上 再得到这些数据后进行替换。 
数据组织形式如下: 
<div id="export2word"> 
 <form id="singleVo" name="singleVo"> 
  <textarea name="jcxcrs" style="display:none"><c:out value="${zywstjfxbgVO.jcxcrs }"/></textarea> 
  <textarea name="xcjhl" style="display:none"><c:out value="${zywstjfxbgVO.xcjhl }"/></textarea> 
  <textarea name="tbjcxcrs" style="display:none"><c:out value="${tbjcxcrs }"/></textarea> 
  <textarea name="tptest" style="display:none">../zwgl/zw008-ZwMkjbxxCTRL-showWxytp.png?xh=3041</textarea> 
 </form>

<c:forEach var="mxvo" items="${jgList}" varStatus="s"> 
  <form name="mxvoForm"> 
   <!-- 注:这里的宽度设置为表格单元格宽度(厘米*100)--> 
   <textarea name="tbjcmcrs" style="width:349;display:none"><c:out value="${mxvo.tbjcmcrs }"/></textarea> 
   <textarea name="tbjcmcrsbl" style="width:270;display:none"><c:out value="${mxvo.tbjcmcrsbl }"/></textarea> 
   <textarea name="tbjcxcrs" style="width:477;display:none"><c:out value="${mxvo.tbjcxcrs}"/></textarea> 
   <textarea name="tbjcxcrsbl" style="display:none"><c:out value="${mxvo.tbjcxcrsbl }"/></textarea> 
  </form> 
 </c:forEach> 
</div>

使用: 
<input type="button" id="select2" name="select2" class="button" value="导出数据" onclick="print2doc();">

<script type="text/javascript" src="../public/scripts/export2word.js"></script> 
<script type="text/javascript"> 
function print2doc(){ 
    //参数为模板(与页面的相对)路径 
   var word = new WordApp("test.doc"); 
    //参数为form名,vo中需要添加的属性(为空时form里所有属性) 
   var vo = word.getSingleVo("singleVo",["jcxcrs","xcjhl","tbjcxcrs"]); 
   //var vo = word.getSingleVo("singleVo"); 
    //组织成的图片vo 
   var tpvo = word.getSingleVo("singleVo",["tptest"]); 
    //参数为 form名,需要添加的属性(顺序为生成表格列的顺序,为空时form里的所有属性和顺序) 
   var voList = word.getVoList("mxvoForm",["tbjcmcrs","tbjcmcrsbl","tbjczsrs"]); 
   //var voList = word.getVoList("mxvoForm"); 
   //替换普通书签 
   word.replaceBookmarkUsevo(vo); 
    //替换图片书签 
   word.replaceBookmarkUsepicvo(tpvo); 
    //替换书签jgList,画出表格形成多行数据。 
   word.replaceBookmarkUsevolist("jgList",voList); 
    //文档可见 
   word.wordObj.visible=true; 
   //word.closeApp(); 
  } 
</script> 
注意: 
替换图片的值需要解释一下: 
1.可以设为相对本页面的路径如../zbgl/abc.png 
2.如果是输出流,则需要把请求输出流的url映射成以图片格式结尾的。如/.../abc.do?id=123换成/../abc.png?id=123 
可以在web.xml里配一个servlet,如以*.png的请求转成.do的。如:

public class PngDispatcherServlet extends HttpServlet {

private static final long serialVersionUID = 6230740581031996144L;

public void init() throws ServletException {

}

public void doPost(HttpServletRequest request, HttpServletResponse response) throws 
        ServletException, IOException { 
     doGet(request, response); 
    }

public void doGet(HttpServletRequest request, HttpServletResponse response) throws 
        ServletException, IOException {

//StringBuffer url = request.getRequestURL(); 
     StringBuffer url = new StringBuffer(request.getRequestURI()); 
     if(request.getQueryString() != null) {  
         url.append('?');  
         url.append(request.getQueryString());  
       }  
     String newUrl = url.toString().replaceAll(".png", ".do"); 
     ServletContext sc = getServletContext(); 
     RequestDispatcher rd = sc.getRequestDispatcher(newUrl); //定向的页面 
     rd.forward(request, response);  
   }  
}

export2word.js代码:

/**  
 * <p> Title: 用word书签替换的方式将内容导出到word</p> 
 * <p> Description: **</p> 
 * <p> Copyright: Copyright (c) 2007-2010 </p> 
 * <p> Company: ** </p> 
 * @author zhu 
 * @version 1.0 
 */ 
var baseVoListObj = function(){ 
 this.volist = new Array(); 
 this.cols = new Array(); 
 this.widths = new Array();  
}

var WordApp = function(wordTplPath){ 
 var wordObj = new ActiveXObject("Word.Application"); 
 if(wordObj==null){ 
  alert( "不能创建Word对象!"); 
 }    
 wordObj.visible=false; 
 this.wordObj = wordObj; 
 this.docObj = this.wordObj.Documents.Open(getRootPath() + wordTplPath); 
}

WordApp.prototype.closeApp = function(){ 
 if (this.wordObj !=null){ 
   this.wordObj.Quit();  
 } 
}

WordApp.prototype.replaceBookmark = function(strName,content,type){ 
 if (this.wordObj.ActiveDocument.BookMarks.Exists(strName)) { 
  if (type != null && type == "pic") {//图片 
            var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range.Select(); 
            var objSelection = this.wordObj.Selection; 
            objSelection.TypeParagraph(); 
   //alert(getRootPath()+content); 
            var objShape = objSelection.InlineShapes.AddPicture(getRootPath()+content); 
  } 
  else { 
   this.wordObj.ActiveDocument.BookMarks(strName).Range.Select(); 
   this.wordObj.Application.selection.Text = content; 
  } 
 }else{ 
  //alert("标签不存在"); 
 } 
}

WordApp.prototype.replaceBookmarkUsevo = function(voObj){ 
 if(typeof voObj != "object"){ 
  alert("请输入正确的vo对象"); 
 }else{ 
  for(var i in voObj){ 
   this.replaceBookmark(i,voObj[i]); 
  } 
 } 
}

WordApp.prototype.replaceBookmarkUsepicvo = function(voObj){ 
 if(typeof voObj !="object"){ 
  alert("请输入正确的vo对象"); 
 }else{ 
  for(var i in voObj){ 
   this.replaceBookmark(i,voObj[i],"pic"); 
  } 
 } 
}

WordApp.prototype.replaceBookmarkUsevolist = function(strName,voListObj){ 
 if(typeof voListObj != "object"){ 
  alert("参数应为数组类型"); 
 }else{  
  var row = voListObj.volist.length; 
  var col = voListObj.cols.length; 
  var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range; 
  var objTable = this.docObj.Tables.Add(objDoc,row,col) ;//插入表格 
  for (var i = 0; i < row; i++) { 
   for(var j=0; j<col; j++){ 
    //todo 列表里面如果有图片类型不支持,需要判断 
    objTable.Cell(i+1,j+1).Range.InsertAfter(voListObj.volist[i][voListObj.cols[j]]); 
    var width = voListObj.widths[j]; 
    if(width.indexOf("px")!=-1){ 
     objTable.Cell(i+1,j+1).Width = (width.substr(0,width.length-2)/100) * 28.35;//1厘米=28.35磅 
    }    
   } 
  } 
  //objTable.AutoFormat(16); 
  objTable.Borders.InsideLineStyle = 1 
        objTable.Borders.OutsideLineStyle = 0; 
 } 
}

WordApp.prototype.getSingleVo = function(formName,arrayObj){//第二个参数可以为空,不填时默认为表单里的所有元素 
 var formObj = document.forms[formName]; 
 if(formObj!=null){ 
  if(arrayObj!=null){ 
   if(arrayObj instanceof Array){ 
    var vo = {}; 
    for(var i=0;i<arrayObj.length;i++){ 
     if(formObj.elements[arrayObj[i]]!= undefined ){ 
      eval("vo." + arrayObj[i] + " = formObj.elements[arrayObj[i]].value;"); 
     }     
    } 
    //alert(objToString(vo)); 
    return vo; 
   }else{ 
    alert("弟二个参数应为数组类型");   
   } 
  }else{ 
   var vo = {}; 
   for(var i=0;i<formObj.elements.length;i++){ 
    eval("vo." + formObj.elements[i].name + " = formObj.elements[i].value;"); 
   } 
   return vo; 
  } 
 }else{ 
  alert("第一个参数表示的表单不存在"); 
  return null; 
 } 
}

WordApp.prototype.getVoList = function (formName,arrayObj){//表单名,属性数组(可以为空) 
 //var formArray = document.forms[formName]; 
 var formArray = document.getElementsByName(formName); 
 if (formArray != null) { 
  if (arrayObj instanceof Array) { 
   var voListObj = new baseVoListObj(); 
   for(var i=0;i<formArray.length;i++){    
    var vo = {}; 
    for(var j=0;j<arrayObj.length;j++){ 
     if(formArray[i].elements[arrayObj[j]]!= undefined ){ 
      eval("vo."+arrayObj[j]+" = formArray[i].elements[arrayObj[j]].value;");       
      if(i==0){//第一次的时候定义有效属性和宽度 
       voListObj.cols.push(arrayObj[j]); 
       voListObj.widths.push(formArray[i].elements[arrayObj[j]].style.width); 
      }     
     }     
    } 
    voListObj.volist.push(vo); 
   } 
   return voListObj; 
  }else{ 
   var voListObj = new baseVoListObj(); 
   for(var i=0;i<formArray.length;i++){    
    var vo = {}; 
    for(var j=0;j<formArray[i].elements.length;j++){ 
     eval("vo."+formArray[i].elements[j].name+" = formArray[i].elements[j].value;");  
     if(i==0){//第一次的时候定义宽度 
      voListObj.cols.push(formArray[i].elements[j].name); 
      voListObj.widths.push(formArray[i].elements[j].style.width); 
     }    
    } 
    voListObj.volist.push(vo); 
   } 
   return voListObj; 
  }   
 }else{ 
  return null; 
 } 
}

function objToString(obj){ 
 if(obj instanceof Array){ 
  var str=""; 
  for(var i=0;i<obj.length;i++){ 
   str+="["; 
   for(var j in obj[i]){ 
    str+=j+"="+obj[i][j]+" "; 
   } 
   str+="]\n";   
  } 
  return str; 
 }else if(obj instanceof Object){ 
  var str=""; 
  for(var i in obj){ 
   str+=i+"="+obj[i]+" "; 
  } 
  return str;   
 } 
}

function getRootPath() 

 var location=document.location;  
 if ("file:" == location.protocol) { 
  var str = location.toString(); 
  return str.replace(str.split("/").reverse()[0], ""); 
 } 
 var pathName=location.pathname.split("/"); 
 return location.protocol+"//"+location.host+"/"+pathName[1]+"/"; 

先说到这里吧,以后有更好的再更新,希望对大家有用。

javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第1/2页的更多相关文章

  1. 415 DOM 查找列表框、下拉菜单控件、对表格元素/表单控件进行增删改操作、创建元素并且复制节点与删除、 对表格操作、通用性和标准的事件监听方法(点击后弹窗效果以及去掉效果)

    DOM访问列表框.下拉菜单的常用属性: form.length.options.selectedindex.type       使用options[index]返回具体选项所对应的常用属性:defa ...

  2. Android PullToRefresh下拉刷新控件的简单使用

    PullToRefresh这个开源库早就听说了,不过一直没用过.作为一个经典的的开源库,我觉得还是有必要认识一下. 打开github上的网址:https://github.com/chrisbanes ...

  3. Android SwipeRefreshLayout 官方下拉刷新控件介绍

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/24521483 下面App基本都有下拉刷新的功能,以前基本都使用XListView ...

  4. 上拉加载下拉刷新控件WaterRefreshLoadMoreView

    上拉加载下拉刷新控件WaterRefreshLoadMoreView 效果: 源码: // // SRSlimeView // @author SR // Modified by JunHan on ...

  5. 基于PtrFrameLayout实现自定义仿京东下拉刷新控件

    前言 最近基于项目需要,使用PtrFrameLayout框架实现了自定义的下拉刷新控件,大体效果类似于京东APP的下拉刷新动态效果.在这里和大家分享一下具体的思路和需要注意的地方,以便帮助有类似开发和 ...

  6. android官方下拉刷新控件SwipeRefreshLayout的使用

    可能开发安卓的人大多数都用过很多下拉刷新的开源组件,但是今天用了官方v4支持包的SwipeRefreshLayout觉得效果也蛮不错的,特拿出来分享. 简介:SwipeRefreshLayout组件只 ...

  7. 9.2.2 .net framework下的MVC 控件的封装(下)

    控件封装的部分说明 可能有人觉得应该前后端分离,我也承认这是应该的方向,我们也在考虑使用ng2等简化前端.但是,我们封装控件还是因为如下原因综合考虑的: 我们这是个框架,上面支撑了许多个应用,包含几百 ...

  8. 9.2.1 .net framework下的MVC 控件的封装(上)

    在写.net core下mvc控件的编写之前,我先说一下.net framework下我们MVC控件的做法. MVC下控件的写法,主要有如下三种,最后一种是泛型的写法,mvc提供的控件都是基本控件. ...

  9. 分享一个 C# Winfrom 下的 OutlookBar 控件的使用

    最近在上网的时候,发现了这个C# 下的 OutlookBar 控件,看了一下感觉还真不错,特此记录一下. using System; using System.Drawing; using Syste ...

随机推荐

  1. 【设计模式 - 19】之观察者模式(Observer)

    1      模式简介 观察者模式的介绍: 观察者模式定义了对象之间的一对多依赖,这样一来,当一个对象的状态发生改变时,它的所有依赖者都会收到通知并自动更新. 发布者(被观察者) + 订阅者(观察者) ...

  2. NDK Dev

    1.cdt下载(http://www.eclipse.org/cdt/downloads.php) cdt-8.8.0.zip http://mirrors.opencas.cn/eclipse//t ...

  3. Android 仿PhotoShop调色板应用(二) 透明度绘制之AlphaPatternDrawable

    版权声明:本文为博主原创文章,未经博主允许不得转载. Android 仿PhotoShop调色板应用(二) 透明度绘制之AlphaPatternDrawable 这里讲一下如何实现PS调色板中的透明度 ...

  4. Mysql重要配置参数的整理2

    http://ssydxa219.iteye.com/category/209848 下面开始优化下my.conf文件(这里的优化只是在mysql本身的优化,之前安装的时候也要有优化) cat /et ...

  5. iOS UIKit:viewController之Present (3)

    弹出和转换view controller技术是一种快速且简单的方式将新view content展示在屏幕中.目前有两种方式弹出新的view controller:Present方式和segues方式. ...

  6. asp.net 事件模型

    asp.net的原始设计构想,就是要让开发人员能够像 VB 开发工具那样,可以使用事件驱动式程序开发模式 (Event-Driven Programming Model) 的方法来开发网页与应用程序, ...

  7. ASP.NET Webform或者ASP.NET MVC站点部署到IIS下,默认情况下.json文件是不能被访问的,如果请求访问.json文件,则会出现找不到文件的404错误提示

    解决方法 <system.webServer> <staticContent> <remove fileExtension=".woff" /> ...

  8. 用Javascript进行HTML转义(分享)

      众所周知页面上的字符内容通常都需要进行HTML转义才能正确显示,尤其对于Input,Textarea提交的内容,更是要进行转义以防止javascript注入攻击.   通常的HTML转义主要是针对 ...

  9. ValidationContext

    .NET 4 和Silverlight 中可以使用以下方法: ? public static void Validate(this Entity entity) {     // prepare th ...

  10. 【BZOJ1146】【树链剖分+平衡树】网络管理Network

    Description M 公司是一个非常庞大的跨国公司,在许多国家都设有它的下属分支机构或部门.为了让分布在世界各地的N个部门之间协同工作,公司搭建了一个连接整个公司的通 信网络.该网络的结构由N个 ...