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