<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

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

    最近有需求將數據導出到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); 
       }
    }

    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]+"/";
    }
    先說到這里吧,以后有更好的再更新,希望對大家有用。

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

    FeedBack:
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印[未登錄]
    2008-04-17 21:06 | popo
    好東西啊 呵呵  回復  更多評論
      
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印[未登錄]
    2008-04-18 20:07 | 小祝
    希望對大家有用,有機會可以研究下其他的幾個,來個匯總就好了。  回復  更多評論
      
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印
    2008-04-19 09:56 | socerer
    目前沒有好的方案啊.poi就別指望了,jacob容易出錯,itext主要是導出pdf的類庫,附帶的rtf文檔生成功能比較弱,而且已經明確不再繼續開發功能.  回復  更多評論
      
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印
    2008-04-19 10:34 | 小祝
    呵呵,是啊,其實很多客戶有導出word這樣的需求,然而要用的時候突然發現java與操作word之間還是隔了一道鴻溝。。。  回復  更多評論
      
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印
    2008-04-29 13:54 | 三水少
    是啊,不好整.  回復  更多評論
      
    # re: 用ActiveXObject控件替換word書簽,將內容導出到word后打印
    2009-04-22 10:00 | Dimmacro
    老祝,哈哈。。在Google搜出來的。。  回復  更多評論
      
    主站蜘蛛池模板: 美女裸身网站免费看免费网站 | 国产无遮挡无码视频免费软件| 国产偷v国产偷v亚洲高清| 亚洲视频在线免费观看| 国产亚洲精品VA片在线播放| 免费女人18毛片a级毛片视频| 香蕉免费一区二区三区| 亚洲综合久久精品无码色欲 | 亚洲精彩视频在线观看| 女人18毛片a级毛片免费| 国产免费牲交视频免费播放 | yellow视频免费在线观看| 亚洲成年人免费网站| 亚洲精品无码专区2| 69堂人成无码免费视频果冻传媒| 黄页视频在线观看免费| 亚洲精品中文字幕乱码| 亚洲成a人片在线播放| 69成人免费视频| 男的把j放进女人下面视频免费| 亚洲免费视频网址| 亚洲男人的天堂www| 成人性生交大片免费看午夜a | 亚洲国产综合精品中文字幕| 久久久久av无码免费网| 国产一级婬片A视频免费观看| 日韩亚洲国产综合高清| 亚洲精品福利网泷泽萝拉| 亚洲中文字幕久久精品无码喷水| 成年女人18级毛片毛片免费| 久久精品国产这里是免费| 一个人看的免费高清视频日本| 国产AV旡码专区亚洲AV苍井空| 国产亚洲精品a在线观看app | 亚洲一级片在线观看| 亚洲AV日韩AV天堂一区二区三区| 免费一看一级毛片全播放| 一二三四在线播放免费观看中文版视频| 鲁丝片一区二区三区免费 | 亚洲人成人无码.www石榴| 亚洲女人影院想要爱|