javascript下用ActiveXObject控件替换word书签,将内容导出到word后打印第1/2页

所属分类: 网络编程 / JavaScript 阅读数: 1566
收藏 0 赞 0 分享

最近有需求将数据导出到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); 
   } 
}

更多精彩内容其他人还在看

纯javascript判断查询日期是否为有效日期

很多网站都涉及到输入日期选项,如果客户日期输入错误,可能导入查询不到甚至查询到错误的信息,为了更好的满足用户需求,需要对日期进行校验,下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery实现的蓝色二级导航条效果代码

这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax如何实现页面局部跳转与结果返回

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
收藏 0 赞 0 分享

jQuery实现的类似淘宝网站搜索框样式代码分享

这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

js实现的黑背景灰色二级导航菜单效果代码

这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jQuery仿360导航页图标拖动排序效果代码分享

这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript中SetInterval与setTimeout的定时器用法

Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setT
收藏 0 赞 0 分享

jquery带下拉菜单和焦点图代码分享

这篇文章主要介绍了jquery带下拉菜单和焦点图代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

jQuery实现的背景动态变化导航菜单效果

这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery+CSS实现的水平布局多级网页菜单效果

这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多