javascript下用ActiveXObject控件替换word书签,将内容导出到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]+"/";

  }

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