javascript下用ActiveXObject控制項替換word書籤,將內容匯出到word後列印第1/2頁

來源:互聯網
上載者:User

最近有需求將資料匯出到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);
}
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.