欧美另类专区,国产日产亚洲,在线免费一区二区视频

WebOffice的入門教程：WebOffice使用Save方法遠程保存文檔（一）

轉帖|使用教程|編輯：莫成敏|2020-05-07 17:36:29.533|閱讀 853 次

概述：本文主要介紹WebOffice的入門教程——WebOffice使用Save方法遠程保存文檔。

相關鏈接：

WebOffice控件是國內領先的在線編輯Office文檔軟件，軟件產品從1998年立項至今已有20多年歷史，期間服務了眾多大中小型企業、各級政府機關、科研機構和學校等事業單位。通過WebOffice軟件可以讓用戶方便從遠程直接打開Word,Excel,Ppt等文檔編輯后再次保存至服務器原位置，實現遠程編輯文檔、遠程保存，為用戶在線辦公開創新式、便捷的使用體驗。本文主要介紹WebOffice的入門教程——WebOffice使用Save方法遠程保存文檔。

點擊下載WebOffice正式版

前期準備

在開始之前您需要確定兩件事：

第一件：您已學習《WebOffice入門教程一:Hello Word!》，并已實際動手實踐成功完成此教程的全部內容。

第二件：您要確定好需要使用哪個腳本語言及相關環境，如果使用JAVA，請確保Java與之相關Web服務器已搭建并能正常執行相應腳本，同樣如果是php,c#,asp等也要確認與之相關Web服務器已搭建并能正常執行相應腳本。

使用方法

1、建立本示例目錄

（1）在C盤新建名為WebOfficeSave目錄，如果是TOMCAT或PHP等的相關服務器，也可以把此文件夾直接建立在對應的站點發布根目錄下，如Tomcat可以是：C:\Tomcat\webapps\WebOfficeSave

（2）拷入《WebOffice入門教程:Hello World!》里所生產的 index.html和edit.html

2、確定能夠以Web方法運行本示例文件

（1）確定C:\WebOfficeSave 或 C:\Tomcat\webapps\WebOfficeSave為可運行的Web服務器目錄，如設置名為：WebOffice,則訪問index.html可以用如下地址：

//localhost/weboffice/index.html 或 //127.0.0.1/weboffice/index.html 也可以是 //127.0.0.1:8080/weboffice/index.html

Tomcat如果是C:\Tomcat\webapps\WebOfficeSave，則訪問的地址應是：//127.0.0.1:8080/WebOfficeSave/index.html 或 //127.0.0.1/WebOfficeSave/index.html 等等，這些都是服務器相關知識，可以參考網絡相關教程。如果使用Tomcat等服務器，此教程以下內容的//localhost/weboffice 應改為： //127.0.0.1/WebOfficeSave/index.html 或 //127.0.0.1:8080/WebOfficeSave/index.html 或 //localhost/WebOfficeSave/index.html 具體情況請以你本機地環境決定。目的只有一個，即是可以通過WEB方式訪問到本示例的index.html,為接下來打開控件頁面作好準備工作。

請確保上面地址能正確打開index.html網頁，并看到效果如下：

WebOffice的入門教程：WebOffice使用Save方法遠程保存文檔（一）

（2）修改index.html

用記事本打開index.html代碼，將下面語句:

<a href="WebOffice://|Officectrl|file:///C:/WebOfficeTest/edit.html">查看</a>

里的路徑修改為：

<a href="WebOffice://|Officectrl|//localhost/weboffice/edit.html">查看</a>

即將edit.html文件所在的WebOfficeTest目錄改為本示例可運行的Web路徑

修改完成后再次刷新打開index.html頁后點擊查看鏈接，將提示：“彈出對話框是否同意啟動應用”

WebOffice的入門教程：WebOffice使用Save方法遠程保存文檔（一）

請選擇同意:啟動應用，如果一切順利將會啟動智能窗打開edit.html，如下圖：

WebOffice的入門教程：WebOffice使用Save方法遠程保存文檔（一）

3、設計保存按鈕

用記事本打開edit.html代碼,在<input type=button onclick="" value="打開"></div>代碼之后，</div>標簽之前，加入下面代碼
<input type=button onclick="OpenSave();" value="保存">
執行完成后，edit.html的代碼如下:

<!DOCTYPE html><html>
<head><meta http-equiv="content-type" content="text/html;charset=utf-8">
<title></title>
</head>
<script language="javascript">
function OpenDoc()
{
	//取得WebOffice對象
	var WebOffice=document.getElementById("WebOffice");
	//通過對象WebOffice的Open方法打開個一個服務器文檔
	//此處服務器文檔地址為：//www.officectrl.com/officecs/temp/file1.doc
	WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");
}
</script>
<body><div><input type=button onclick="OpenDoc();" value="打開"><input type=button onclick="OpenSave();" value="保存"></div>
<script language="javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window){
document.write('<object classid="clsid:FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5" codebase="WebOffice.ocx#Version=2019,1,7,3" id="WebOffice" width="900" height="700" >');
document.write('</object>');}
else
{
document.write('<object id="WebOffice" CLSID="{FF09E4FA-BFAA-486E-ACB4-86EB0AE875D5}" TYPE="application/x-itst-activex"  width=100% height=900></object>');
}
</script>

</body>
</html>

以上代碼 WebOffice.Open("http://www.officectrl.com/officecs/temp/file1.doc",false,"Word.Document");

也可以改成您本地方式的地址打開如：

WebOffice.Open("http://locahost/file1.doc",false,"Word.Document");

如果 //locahost/file1.doc 存在，則一樣可以打開WORD文檔。

加入保存按鈕后效果如下：

WebOffice的入門教程：WebOffice使用Save方法遠程保存文檔（一）