js实现word生成书签_javascript下用ActiveXObject控件替换word书签,将内容导

本文介绍了一种使用JavaScript通过ActiveXObject控件操作Word模板,替换书签以实现数据导出到Word的方法。首先创建Word模板并在需要替换的位置设置书签。在JavaScript中,通过WordApp对象替换书签,包括普通文本、图片以及多行表格数据。同时,提到了替换图片时的路径处理和使用Servlet处理图片输出流的技巧。
摘要由CSDN通过智能技术生成

最近有需求将数据导出到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(对象的列表集合)为一组 组织好页面上 再得到这些数据后进行替换。

数据组织形式如下:

../zwgl/zw008-ZwMkjbxxCTRL-showWxytp.png?xh=3041

使用:

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();

}

注意:

替换图片的值需要解释一下:

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);

}

}

12下一页阅读全文

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值