ActiveXObject コントロールを使用して、JavaScript で Word ブックマークを置き換え、コンテンツを Word にエクスポートして印刷する_JavaScript スキル

時間が限られているため、上記のツールキットを学習する時間があまりありません。ここでは、JavaScript を使用して ActiveXObject コントロールを操作し、Word テンプレートのブックマークを置き換えます。

最近、データをワードにエクスポートして編集して印刷したいというニーズがあります。
私はいくつかのオプションを考えました:
1. jacob を使用します。
2. Apacheのポイを使用します。
3. itext を使用します。
時間が限られているため、上記のツールキットを学習する時間があまりありません。ここでは、JavaScript を使用して ActiveXObject コントロールを操作し、Word テンプレートのブックマークを置き換えます。

前提条件:
1. ブラウザーのセキュリティ レベルが低下し、ActiveXObject コントロールが使用できるようになります。

2. Office Word がインストールされています。

現在、単一のブックマーク、複数行の表のブックマーク、画像を置き換えることができ、基本的にニーズを満たしています。ただし、Word の使用方法はまだ不明な点が多く、インターネット上のほとんどの人は VB を使用しています。不明な点があれば、みんなで共有できます。

以下に私のデザイン実装のアイデアについて話しましょう:

まず最初に、もちろん Word テンプレートを定義し、置換する必要があるタグを追加します。メニュー - 挿入 - ブックマークを選択し、年、日付、pic1、voList などの属性名を入力します。
ページの印刷:
ページを整理するには、印刷データをバックグラウンドから取り出し、単一の vo (オブジェクト) を含むグループに編成するか、voList (オブジェクトのリスト コレクション) を使用する必要があります。そしてデータを取得します。
データは次のように構成されます:

<out value="${zywstjfxbgVO.jcxcrs }"></out>
<out value="${zywstjfxbgVO.xcjhl }"></out>
<c :out value="${tbjcxcrs }"></c>
../zwgl/zw008-ZwMkjbxxCTRL-showWxytp.png ?xh =3041

<out value="${mxvo.tbjcmcrs }"></out>
<out value="${mxvo.tbjcmcrsbl }"></out>
<out value="${mxvo.tbjcxcrs}"></out>
<c :out value="${mxvo.tbjcxcrsbl }"></c><br> <br> 🎜><br>使用: <br><input type="button" id="select2" name="select2" class="button" value="データのエクスポート" onclick="print2doc();"> 🎜><br><script type="text/javascript" src="../public/scripts/export2word.js"></script> <br><script type="text/javascript"> ; <br/>function print2doc(){ <br/> //パラメータはテンプレート (ページに対する相対パス) <br/> var word = new WordApp("test.doc") <br/> //パラメータはvo で必要なフォーム名。 追加された属性 (空の場合はフォーム内のすべての属性) <br/> var vo = word.getSingleVo("singleVo",["jcxcrs","xcjhl","tbjcxcrs"]); <br/> //var vo = word .getSingleVo("singleVo"); <br/> //整理された画像 vo <br/> var tpvo = word.getSingleVo("singleVo",["tptest"]); //パラメータはフォーム名、必須の追加属性です（順序はテーブル列が生成される順序、空の場合はフォーム内のすべての属性と順序です） <br/> var voList = word.getVoList("mxvoForm",[" tbjcmcrs","tbjcmcrsbl","tbjczsrs"] ); <br/>//var voList = word.getVoList("mxvoForm"); <br/> //通常のブックマークを置き換えます<br/> word.replaceBookmarkUsevo(vo); <br/> //画像のブックマークを置き換えます<br/> word.replaceBookmarkUsepicvo(tpvo); <br/> //ブックマーク jgList を置き換え、テーブルを描画して複数行のデータを形成します。 <br/> word.replaceBookmarkUsevolist("jgList",voList); <br/> //ドキュメントが表示されます<br/> word.wordObj.visible=true; <br/> //word.closeApp(); </script> <br>注: <br>画像を置き換える値については説明が必要です: <br>1. ../zbgl/abc.png 2. 出力ストリームの場合、出力ストリームを要求する URL を画像形式で終わるようにマッピングする必要があります。たとえば、/.../abc.do?id=123 は /../abc.png?id=123 に置き換えられます <br> *.png リクエストを次のように変換するなど、web.xml でサーブレットを設定できます。 .doの。例: <br><br>public class PngDispatcherServlet extends HttpServlet { <br><br> private static Final long seriesVersionUID = 6230740581031996144L; <br><br> public void init() throws ServletException { <br><br> } <br><br> public void doPost(HttpServletRequest request, HttpServletResponse request) throws <br> ServletException, IOException { <br> doGet(request, <br> } <br> <br> public void doGet(HttpServletRequest request) 、HttpServletResponse) throws <br> ServletException, IOException { <br><br> //StringBuffer url = request.getRequestURL(); <br> StringBuffer url = new StringBuffer(request.getRequestURI()); request .getQueryString() != null) { <br> url.append('?'); <br> url.append(request.getQueryString()); <br> 文字列 newUrl = url.toString () .replaceAll(".png", ".do"); <br> ServletContext sc = getServletContext(); <br> RequestDispatcher rd = sc.getRequestDispatcher(newUrl); // ダイレクトページ <br> rd.forward(リクエスト、レスポンス); <br> } <br>} <br><br><br>export2word.js コード: <br> <br><br>/**<br> * <p> タイトル: Word ブックマークの置換を使用してコンテンツをエクスポートします<strong> * <p>著作権 (c) 2007-2010 </p></strong> * </p> <p> 会社: ** <br> * @author zhu <br> * @version 1.0 <br>*/ <br>varbaseVoListObj = function (){ <br> this.volist = new Array(); <br> this.widths = new Array(); <br><br> var WordApp = function(wordTplPath){ <br> var wordObj = new ActiveXObject("Word.Application"); <br> if(wordObj==null){ <br> alter( "Word オブジェクトを作成できません。 "); <br> } <br> wordObj.visible=false; <br> this.wordObj = wordObj; <br> this.docObj = this.wordObj.Documents.Open(getRootPath() wordTplPath); <br>} <br><br>WordApp.prototype.closeApp = function(){ <br> if (this.wordObj !=null){ <br> this.wordObj.Quit() <br> } <br>} <br><br>WordApp.prototype.replaceBookmark = function(strName,content,type){ <br> if (this.wordObj.ActiveDocument.BookMarks.Exists(strName)) { <br> if (type != null && type = = "pic") {//Picture<br> var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range.Select(); <br> var objSelection = this.wordObj.Selection;objSelection.TypeParagraph(); <br> //alert(getRootPath() content); <br> var objSelection.InlineShapes.AddPicture(getRootPath() content); .wordObj.ActiveDocument.BookMarks(strName).Range.Select(); <br> this.wordObj.Application.selection.Text = content; <br> } <br> }else{ <br> //alert("tag存在しません"); <br> } <br>} <br><br>WordApp.prototype.replaceBookmarkUsevo = function(voObj){ <br> if(typeof voObj != "object"){ <br>alert( " 正しい vo オブジェクトを入力してください"); <br> }else{ <br> for(var i in voObj){ <br> this.replaceBookmark(i,voObj[i]); <br>} <br><br>WordApp.prototype.replaceBookmarkUsepicvo = function(voObj){ <br> if(typeof voObj !="object"){ <br>alert("正しい vo オブジェクトを入力してください"); <br> }else{ <br> for(var i in voObj){ <br> this.replaceBookmark(i,voObj[i],"pic"); <br> } <br> } <br>} <br> <br>WordApp.prototype.replaceBookmarkUsevolist = function(strName,voListObj){ <br> if(typeof voListObj != "object"){ <br> alter("パラメータは配列型である必要があります"); }else{ <br> var row = voListObj.cols.length; <br> var objDoc = this.wordObj.ActiveDocument.BookMarks(strName).Range; objTable = this .docObj.Tables.Add(objDoc,row,col);//テーブル <br> for (var i = 0; i for(var j=0; j<) を挿入します;col; j ){ <br> //todo リストにサポートされていない画像タイプがある場合は、<br> objTable.Cell(i 1,j 1).Range.InsertAfter(voListObj. volist[i][voListObj.cols[j ]]); <br> var width = voListObj.widths[j]; <br> if(width.indexOf("px")!=-1){ <br> objTable .Cell(i 1,j 1). 幅 = (width.substr(0,width.length-2)/100) * 28.35; //1 cm = 28.35 ポンド <br> } <br> } <br> } <br> //objTable.AutoFormat(16 ; //2 番目のパラメータは空にすることができます。入力しない場合は、デフォルトでフォーム内のすべての要素が使用されます <br> var formObj = document.forms[formName]; <br> if(formObj!=null){ <br> if(arrayObj !=null){ <br> if(arrayObj インスタンスの配列){ <br> var vo = {}; arrayObj.length;i ){ <br> if(formObj.elements[arrayObj[i]]!= 未定義 ){ <br> eval("vo." arrayObj[i] " = formObj.elements[arrayObj[i]] .value;"); <br> } <br> } <br> //alert(objToString(vo)); <br> return vo; <br> }else{ <br> alter("2 つのパラメータは次のようになります。配列型"); <br> } <br> } else{ <br> var vo = {}; <br> for(var i=0;i<formobj.elements.length></formobj.elements.length> eval( "vo." formObj.elements[i].name " = formObj.elements[i].value;"); <br> } <br> return vo; <br> } <br> }else{ <br> ("最初のパラメータで表されるフォームは存在しません") ; <br> return <br> } <br>} <br><br>WordApp.prototype.getVoList = function (formName, arrayObj);フォーム名、属性配列 (空でも可) <br> / /var formArray = document.forms[formName]; <br> var formArray = document.getElementsByName(formName); <br> if (formArray != null); 🎜>  if (arrayObj instanceof Array) { <br> var voListObj = new baseVoListObj(); <br> for(var i=0;i<formarray.length></formarray.length> var vo = {}; <br> for(var j=0;j<arrayobj.length></arrayobj.length> if(formArray[i].elements[arrayObj[j]]]!= 未定義 ){ <br> eval("vo." arrayObj[j] " = formArray[i].elements[arrayObj[j]].value;");       <br> if(i==0){//初回の時刻決定有效属性と宽度 <br> voListObj.cols.push(arrayObj[j]); <br> voListObj.widths.push(formArray[i].elements[arrayObj[j]].style.width); <br> } <br> } <br> } <br> voListObj.volist.push(vo); <br> } <br> return voListObj; <br> }else{ <br> var voListObj = new baseVoListObj(); <br> for(var i=0;i<formarray.length></formarray.length> var vo = {}; <br> for(var j=0;j<formarray></formarray> eval("vo." formArray[i].elements[j].name " = formArray[i] .elements[j].value;");  <br> if(i==0){//第一次時刻定候义宽度 <br> voListObj.cols.push(formArray[i].elements[j].name); <br> voListObj.widths.push(formArray[i].elements[j].style.width); <br> } <br> } <br> voListObj.volist.push(vo); <br> } <br> return voListObj; <br> } <br> }else{ <br> null を返す; <br> } <br>} <br><br>function objToString(obj){ <br> if(obj instanceof Array){ <br> var str=""; <br> for(var i=0;i<obj.length></obj.length> str ="["; <br> for(var j in obj[i]){ <br> str =j "=" obj[i][j] " "; <br> } <br> str ="]n";   <br> } <br> return str; <br> }else if(obj instanceof Object){ <br> var str=""; <br> for(var i in obj){ <br> str =i "= obj[i] " "; <br> } <br> return str;   <br> } <br>} <br><br>関数 getRootPath() <br>{ <br> var location=document.location;  <br> if ("file:" == location.protocol) { <br> var str = location.toString(); <br> return str.replace(str.split("/").reverse()[0], ""); <br> } <br> var pathName=location.pathname.split("/"); <br> return location.protocol "//" location.host "/" pathName[1] "/"; <br>} <br>は、先にここに到達し、その後、より良い再更新が行われるため、大家にとって役立つことが期待されます。</p>