javascript下用ActiveXObject控件替換word書(shū)簽,將內(nèi)容導(dǎo)出到word后打印第1/2頁(yè)
最近有需求將數(shù)據(jù)導(dǎo)出到word里,然后編輯打印。
想過(guò)幾種方案:
1.使用jacob。
2.使用apache的poi。
3.使用itext。
由于時(shí)間比較緊,沒(méi)多的時(shí)候去學(xué)習(xí)研究上述工具包,現(xiàn)在用javascript操作ActiveXObject控件,用替換word模板中的書(shū)簽方式解決。
前提條件:
1.瀏覽器安全級(jí)別降低,可以使用ActiveXObject控件。
2.裝有office word。
目前實(shí)現(xiàn)了替換單個(gè)書(shū)簽,多行表格書(shū)簽,和圖片,基本上滿足需求。不過(guò)還有很多操作word的使用方法不太清楚,網(wǎng)上大部分都使用的VB,有不清楚的地方,大家可以交流。
下面說(shuō)一下我的設(shè)計(jì)實(shí)現(xiàn)思路:
首先當(dāng)然是定義word模板,在需要替換的地方加上標(biāo)簽。 菜單-插入-書(shū)簽,輸入屬性名,如year,date,pic1,voList等等。
打印頁(yè)面:
需要把打印的數(shù)據(jù)從后臺(tái)取出,以單個(gè)vo(一個(gè)對(duì)象)為一組,或以voList(對(duì)象的列表集合)為一組 組織好頁(yè)面上 再得到這些數(shù)據(jù)后進(jìn)行替換。
數(shù)據(jù)組織形式如下:
<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">
<!-- 注:這里的寬度設(shè)置為表格單元格寬度(厘米*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="導(dǎo)出數(shù)據(jù)" onclick="print2doc();">
<script type="text/javascript" src="../public/scripts/export2word.js"></script>
<script type="text/javascript">
function print2doc(){
//參數(shù)為模板(與頁(yè)面的相對(duì))路徑
var word = new WordApp("test.doc");
//參數(shù)為form名,vo中需要添加的屬性(為空時(shí)form里所有屬性)
var vo = word.getSingleVo("singleVo",["jcxcrs","xcjhl","tbjcxcrs"]);
//var vo = word.getSingleVo("singleVo");
//組織成的圖片vo
var tpvo = word.getSingleVo("singleVo",["tptest"]);
//參數(shù)為 form名,需要添加的屬性(順序?yàn)樯杀砀窳械捻樞?,為空時(shí)form里的所有屬性和順序)
var voList = word.getVoList("mxvoForm",["tbjcmcrs","tbjcmcrsbl","tbjczsrs"]);
//var voList = word.getVoList("mxvoForm");
//替換普通書(shū)簽
word.replaceBookmarkUsevo(vo);
//替換圖片書(shū)簽
word.replaceBookmarkUsepicvo(tpvo);
//替換書(shū)簽jgList,畫(huà)出表格形成多行數(shù)據(jù)。
word.replaceBookmarkUsevolist("jgList",voList);
//文檔可見(jiàn)
word.wordObj.visible=true;
//word.closeApp();
}
</script>
注意:
替換圖片的值需要解釋一下:
1.可以設(shè)為相對(duì)本頁(yè)面的路徑如../zbgl/abc.png
2.如果是輸出流,則需要把請(qǐng)求輸出流的url映射成以圖片格式結(jié)尾的。如/.../abc.do?id=123換成/../abc.png?id=123
可以在web.xml里配一個(gè)servlet,如以*.png的請(qǐng)求轉(zhuǎn)成.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); //定向的頁(yè)面
rd.forward(request, response);
}
}
- java和javascript獲取word文檔的書(shū)簽位置對(duì)比
- js 創(chuàng)建書(shū)簽小工具之理論
- js前端加密庫(kù)Crypto-js進(jìn)行MD5/SHA256/BASE64/AES加解密的方法與示例
- JavaScript中常見(jiàn)加密解密方法總結(jié)
- js將URL網(wǎng)址轉(zhuǎn)為16進(jìn)制加密與解密函數(shù)
- Js通過(guò)AES加密后PHP用Openssl解密的方法
- JavaScript實(shí)現(xiàn)的前端AES加密解密功能【基于CryptoJS】
- JavaScript實(shí)現(xiàn)的簡(jiǎn)單加密解密操作示例
- 兩種JavaScript的AES加密方式(可與Java相互加解密)
- JS加密解密之保存到桌面書(shū)簽
相關(guān)文章
js獲取網(wǎng)頁(yè)可見(jiàn)區(qū)域、正文以及屏幕分辨率的高度
這篇文章主要介紹了js獲取網(wǎng)頁(yè)的各種高度,例如可見(jiàn)區(qū)域、正文以及屏幕分辨率的高度,需要的朋友可以參考下2014-05-05json對(duì)象轉(zhuǎn)為字符串,當(dāng)做參數(shù)傳遞時(shí)加密解密的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇json對(duì)象轉(zhuǎn)為字符串,當(dāng)做參數(shù)傳遞時(shí)加密解密的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06JS正則表達(dá)式驗(yàn)證賬號(hào)、手機(jī)號(hào)、電話和郵箱是否合法
這篇文章主要介紹了JS正則表達(dá)式驗(yàn)證賬號(hào)、手機(jī)號(hào)、電話和郵箱是否合法,需要的朋友可以參考下2017-03-03Java通過(guò)WebSocket實(shí)現(xiàn)異步導(dǎo)出解決思路
這篇文章主要介紹了通過(guò)WebSocket實(shí)現(xiàn)異步導(dǎo)出,本篇文章記錄大批量數(shù)據(jù)導(dǎo)出時(shí)間過(guò)長(zhǎng),導(dǎo)致接口請(qǐng)求超時(shí)問(wèn)題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01使用javascript實(shí)現(xiàn)Iframe自適應(yīng)高度
這篇文章主要介紹了使用javascript實(shí)現(xiàn)Iframe自適應(yīng)高度,需要的朋友可以參考下2014-12-12javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法
這篇文章主要介紹了javascript獲取當(dāng)前鼠標(biāo)坐標(biāo)的方法,可針對(duì)不同瀏覽器獲取鼠標(biāo)的坐標(biāo)位置,是非常實(shí)用技巧,需要的朋友可以參考下2015-01-01uniapp實(shí)現(xiàn)微信小程序的電子簽名效果(附demo)
本文主要介紹了uniapp實(shí)現(xiàn)微信小程序的電子簽名效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問(wèn)題
JavaScript對(duì)象與DOM對(duì)象進(jìn)行綁定會(huì)遇到一個(gè)問(wèn)題:如果被綁定的對(duì)象的方法中包含this關(guān)鍵字,當(dāng)事件被觸發(fā)時(shí)this指向的卻是DOM對(duì)象,而不是之前的JS對(duì)象。2011-09-09