乖,別哭的薄殼
          ~一份耕耘,一份收獲~
          posts - 23,comments - 260,trackbacks - 0

          最近有需求將數(shù)據(jù)導(dǎo)出到word里,然后編輯打印。
          想過幾種方案:
          1.使用jacob。
          2.使用apache的poi。
          3.使用itext。
          由于時(shí)間比較緊,沒多的時(shí)候去學(xué)習(xí)研究上述工具包,現(xiàn)在用javascript操作ActiveXObject控件,用替換word模板中的書簽方式解決。

          前提條件:
          1.瀏覽器安全級別降低,可以使用ActiveXObject控件。

          2.裝有office word。

          目前實(shí)現(xiàn)了替換單個(gè)書簽,多行表格書簽,和圖片,基本上滿足需求。不過還有很多操作word的使用方法不太清楚,網(wǎng)上大部分都使用的VB,有不清楚的地方,大家可以交流。

          下面說一下我的設(shè)計(jì)實(shí)現(xiàn)思路:

          首先當(dāng)然是定義word模板,在需要替換的地方加上標(biāo)簽。 菜單-插入-書簽,輸入屬性名,如year,date,pic1,voList等等。
          打印頁面:
          需要把打印的數(shù)據(jù)從后臺(tái)取出,以單個(gè)vo(一個(gè)對象)為一組,或以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中需要添加的屬性(為空時(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)樯杀砀窳械捻樞颍瑸榭諘r(shí)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里配一個(gè)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); 
             }
          }

          export2word.js代碼:

          /**
           * <p> Title: 用word書簽替換的方式將內(nèi)容導(dǎo)出到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( "不能創(chuàng)建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("標(biāo)簽不存在");
           }
          }

          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("參數(shù)應(yīng)為數(shù)組類型");
           }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){//第二個(gè)參數(shù)可以為空,不填時(shí)默認(rèn)為表單里的所有元素
           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("弟二個(gè)參數(shù)應(yīng)為數(shù)組類型");  
             }
            }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("第一個(gè)參數(shù)表示的表單不存在");
            return null;
           }
          }

          WordApp.prototype.getVoList = function (formName,arrayObj){//表單名,屬性數(shù)組(可以為空)
           //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){//第一次的時(shí)候定義有效屬性和寬度
                 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){//第一次的時(shí)候定義寬度
                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]+"/";
          }
          先說到這里吧,以后有更好的再更新,希望對大家有用。

          posted on 2008-04-16 19:49 小祝 閱讀(4500) 評論(6)  編輯  收藏 所屬分類: Javascript

          FeedBack:
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印[未登錄]
          2008-04-17 21:06 | popo
          好東西啊 呵呵  回復(fù)  更多評論
            
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印[未登錄]
          2008-04-18 20:07 | 小祝
          希望對大家有用,有機(jī)會(huì)可以研究下其他的幾個(gè),來個(gè)匯總就好了。  回復(fù)  更多評論
            
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
          2008-04-19 09:56 | socerer
          目前沒有好的方案啊.poi就別指望了,jacob容易出錯(cuò),itext主要是導(dǎo)出pdf的類庫,附帶的rtf文檔生成功能比較弱,而且已經(jīng)明確不再繼續(xù)開發(fā)功能.  回復(fù)  更多評論
            
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
          2008-04-19 10:34 | 小祝
          呵呵,是啊,其實(shí)很多客戶有導(dǎo)出word這樣的需求,然而要用的時(shí)候突然發(fā)現(xiàn)java與操作word之間還是隔了一道鴻溝。。。  回復(fù)  更多評論
            
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
          2008-04-29 13:54 | 三水少
          是啊,不好整.  回復(fù)  更多評論
            
          # re: 用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
          2009-04-22 10:00 | Dimmacro
          老祝,哈哈。。在Google搜出來的。。  回復(fù)  更多評論
            
          主站蜘蛛池模板: 若尔盖县| 大港区| 衢州市| 西宁市| 民乐县| 阿荣旗| 台南市| 大竹县| 长宁区| 通渭县| 呼玛县| 古浪县| 多伦县| 淮安市| 贵州省| 柞水县| 广河县| 古浪县| 华亭县| 泾阳县| 贵阳市| 清远市| 长子县| 颍上县| 吕梁市| 武乡县| 庆阳市| 蓝山县| 张北县| 康乐县| 扶绥县| 鸡西市| 武定县| 凌海市| 陕西省| 东阳市| 沾益县| 神池县| 泰兴市| 嘉祥县| 郴州市|