最近有需求將數據導出到word里,然后編輯打印。
想過幾種方案:
1.使用jacob。
2.使用apache的poi。
3.使用itext。
由于時間比較緊,沒多的時候去學習研究上述工具包,現在用javascript操作ActiveXObject控件,用替換word模板中的書簽方式解決。
前提條件:
1.瀏覽器安全級別降低,可以使用ActiveXObject控件。
目前實現了替換單個書簽,多行表格書簽,和圖片,基本上滿足需求。不過還有很多操作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);
}
}
export2word.js代碼:
/**
* <p> Title: 用word書簽替換的方式將內容導出到word</p>
* <p> Description: **</p>
* <p> Copyright: Copyright (c) 2007-2010 </p>
* <p> Company: ** </p>
* @author zhu
* @version 1.0
*/
var baseVoListObj = function(){
this.volist = new Array();
this.cols = new Array();
this.widths = new Array();
}
var WordApp = function(wordTplPath){
var wordObj = new ActiveXObject("Word.Application");
if(wordObj==null){
alert( "不能創建Word對象!");
}
wordObj.visible=false;
this.wordObj = wordObj;
this.docObj = this.wordObj.Documents.Open(getRootPath() + wordTplPath);
}
WordApp.prototype.closeApp = function(){
if (this.wordObj !=null){
this.wordObj.Quit();
}
}
WordApp.prototype.replaceBookmark = function(strName,content,type){
if (this.wordObj.ActiveDocument.BookMarks.Exists(strName)) {
if (type != null && type == "pic") {//圖片
var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range.Select();
var objSelection = this.wordObj.Selection;
objSelection.TypeParagraph();
//alert(getRootPath()+content);
var objShape = objSelection.InlineShapes.AddPicture(getRootPath()+content);
}
else {
this.wordObj.ActiveDocument.BookMarks(strName).Range.Select();
this.wordObj.Application.selection.Text = content;
}
}else{
//alert("標簽不存在");
}
}
WordApp.prototype.replaceBookmarkUsevo = function(voObj){
if(typeof voObj != "object"){
alert("請輸入正確的vo對象");
}else{
for(var i in voObj){
this.replaceBookmark(i,voObj[i]);
}
}
}
WordApp.prototype.replaceBookmarkUsepicvo = function(voObj){
if(typeof voObj !="object"){
alert("請輸入正確的vo對象");
}else{
for(var i in voObj){
this.replaceBookmark(i,voObj[i],"pic");
}
}
}
WordApp.prototype.replaceBookmarkUsevolist = function(strName,voListObj){
if(typeof voListObj != "object"){
alert("參數應為數組類型");
}else{
var row = voListObj.volist.length;
var col = voListObj.cols.length;
var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range;
var objTable = this.docObj.Tables.Add(objDoc,row,col) ;//插入表格
for (var i = 0; i < row; i++) {
for(var j=0; j<col; j++){
//todo 列表里面如果有圖片類型不支持,需要判斷
objTable.Cell(i+1,j+1).Range.InsertAfter(voListObj.volist[i][voListObj.cols[j]]);
var width = voListObj.widths[j];
if(width.indexOf("px")!=-1){
objTable.Cell(i+1,j+1).Width = (width.substr(0,width.length-2)/100) * 28.35;//1厘米=28.35磅
}
}
}
//objTable.AutoFormat(16);
objTable.Borders.InsideLineStyle = 1
objTable.Borders.OutsideLineStyle = 0;
}
}
WordApp.prototype.getSingleVo = function(formName,arrayObj){//第二個參數可以為空,不填時默認為表單里的所有元素
var formObj = document.forms[formName];
if(formObj!=null){
if(arrayObj!=null){
if(arrayObj instanceof Array){
var vo = {};
for(var i=0;i<arrayObj.length;i++){
if(formObj.elements[arrayObj[i]]!= undefined ){
eval("vo." + arrayObj[i] + " = formObj.elements[arrayObj[i]].value;");
}
}
//alert(objToString(vo));
return vo;
}else{
alert("弟二個參數應為數組類型");
}
}else{
var vo = {};
for(var i=0;i<formObj.elements.length;i++){
eval("vo." + formObj.elements[i].name + " = formObj.elements[i].value;");
}
return vo;
}
}else{
alert("第一個參數表示的表單不存在");
return null;
}
}
WordApp.prototype.getVoList = function (formName,arrayObj){//表單名,屬性數組(可以為空)
//var formArray = document.forms[formName];
var formArray = document.getElementsByName(formName);
if (formArray != null) {
if (arrayObj instanceof Array) {
var voListObj = new baseVoListObj();
for(var i=0;i<formArray.length;i++){
var vo = {};
for(var j=0;j<arrayObj.length;j++){
if(formArray[i].elements[arrayObj[j]]!= undefined ){
eval("vo."+arrayObj[j]+" = formArray[i].elements[arrayObj[j]].value;");
if(i==0){//第一次的時候定義有效屬性和寬度
voListObj.cols.push(arrayObj[j]);
voListObj.widths.push(formArray[i].elements[arrayObj[j]].style.width);
}
}
}
voListObj.volist.push(vo);
}
return voListObj;
}else{
var voListObj = new baseVoListObj();
for(var i=0;i<formArray.length;i++){
var vo = {};
for(var j=0;j<formArray[i].elements.length;j++){
eval("vo."+formArray[i].elements[j].name+" = formArray[i].elements[j].value;");
if(i==0){//第一次的時候定義寬度
voListObj.cols.push(formArray[i].elements[j].name);
voListObj.widths.push(formArray[i].elements[j].style.width);
}
}
voListObj.volist.push(vo);
}
return voListObj;
}
}else{
return null;
}
}
function objToString(obj){
if(obj instanceof Array){
var str="";
for(var i=0;i<obj.length;i++){
str+="[";
for(var j in obj[i]){
str+=j+"="+obj[i][j]+" ";
}
str+="]\n";
}
return str;
}else if(obj instanceof Object){
var str="";
for(var i in obj){
str+=i+"="+obj[i]+" ";
}
return str;
}
}
function getRootPath()
{
var location=document.location;
if ("file:" == location.protocol) {
var str = location.toString();
return str.replace(str.split("/").reverse()[0], "");
}
var pathName=location.pathname.split("/");
return location.protocol+"http://"+location.host+"/"+pathName[1]+"/";
}
先說到這里吧,以后有更好的再更新,希望對大家有用。