WebOffice快速集成入门教程:Save方法保存文档

如要实现：Save方法保存文档

前提条件

请你确认是否具备如下知识条件：

阅读本节教程，我们假定您已阅读《如何快速打开一个WORD文档》《引入JS文件快速打开文档》《生成菜单及响应事件》教程，如果还没有，请前往学习：《如何快速打开一个WORD文档》《引入JS文件快速打开文档》《生成菜单及响应事件》

使用方法

本教程的里所述的大部代码，用户不一定要通过手工编写，可以直接复制到记事本里保存为网页文件扩展名.html的文件即可用浏览器测试。

开始工作

要实现快速集成保存文档，请您按如下步骤执行：

1、建立项目文件

找到《生成菜单及响应事件》教程里示例文件，或点此下载:lession2_09.rar解压出来即可。找到index.html,将里面的代码： strUrl = strUrl +'&-&OpenUrl:http://www.officectrl.com/weboffice/temp/file1.doc'; 修改为： strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc'; 意思是file1.doc采用项目文件夹里的file1.doc文件。在项目文件夹index.html同级目录里生成file1.doc或拷贝一个WORD文档后改名为：file1.doc。

2、设计Save接收器代码

接收器如何编写及运作原理，请先学习《WebOffice使用save方法远程保存文档》的内容。

本节教程假定采用c#语言为后台接收器语言，并假定接收器的地址为：http://localhost:81/cs/save.aspx

本示例接收器代码可以如下下载：

JAVA/JSP接收脚本：save.jsp

C#接收脚本：save.aspx

Php接收脚本：save.php

Asp接收脚本: save.asp

3、设置JS代码提交至接收器地址

找到上述第1步里的项目文件夹，找到weboffice.js并打开，在function Menu_50102()函数的实现处写入WebOffice提交保存的httppost相关接口及参数。具体写法如下：

	var strResults=WebOffice.Save('http://localhost:81/cs/save.aspx?fname=file1.doc'); 
	alert('采用SAVE方法保存后，需要关闭文档，以使程序稳定运行！');
	window.opener=null;window.open('','_self','');window.close();

WebOffice.Save('http://localhost:81/cs/save.aspx?fname=file1.doc');此行代码里的地址http://localhost:81/cs/save.aspx?fname=file1.doc应根据实际接收器地址设置。由于本示例假定为此地址，所以可以这样编写。

上面http://localhost:81/cs/save.aspx?fname=file1.doc里的save.aspx文件与第一步产生的项目文件放在同一目录，这样项目文件夹里同时有：file1.doc,index.html,weboffice.js,save.aspx,save.aspx.cs等文件。如果接收器的文件与index.html等不在同一文件夹，则访问index.html与save.aspx的网址是不同，从而代码设定的接收器地址要设置为实际的接收器地址。

4、测试

本示例假定用C#语言进行项目浏览，在地址栏http://localhost:81/cs/index.html 访问项目,打开WORD文档后，修改文档内容，点击菜单栏里的保存文件按钮即可将修改后的文档内容保存。

本示例教程源代码下载：lession2_13.rar。

5、配置动态接收器地址

1、打开上述示例里的index.html,在代码：

strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc';

的下面加入一行代码：

strUrl = strUrl +'&-&HttpSaveUrl:BaseAddr:save.aspx';

完成后index.html代码如下：

<html>
<head>
</head>
<script language="javascript" type ="text/javascript">
///////////////////////////////////////////////////////////////////
///以下代码采用JS自动检测浏览器地址栏的根地址,并返回相关数据
var varpath = decodeURI(window.location.pathname);
var varhost=window.location.host; 
var strRoot;
if (varhost=='')
{
	//使用本地机地址打开此页面，地址类似于：file:///c:/***/index.html	
	strRoot = varpath.substring(1,varpath.lastIndexOf('/')+1);//取得打开、保存路径 
	if (strRoot =='')strRoot = varpath.substring(1,varpath.lastIndexOf('\\')+1);
	
}else
{
	//使用网络地址运行本页面,地址类似于: http://localhost/*/index.html
	varpro=window.location.protocol;
	strRoot= varpro + "//" + varhost + "/" + varpath.substring(1,varpath.lastIndexOf('/')+1);
	if (strRoot =='')strRoot = varpath.substring(1,varpath.lastIndexOf('\\')+1);
}
////以上JS代码目的是取得 strRoot 的值
////////////////////////////////////////////////
var strUrl = 'BaseAddr:'+strRoot;//BaseAddr  一般是项目的发布路径 strRoot 的值，strRoot 的值通过浏览器地址栏检测出，也可以直接由程序写定。
strUrl = strUrl + '&-&jsfile:BaseAddr:weboffice.js';//jsfile指定控件运行的Javascript API接口函数库的js代码文件名称 BaseAddr: 经控件解析执行后即为上面 strRoot 的值
strUrl = strUrl + '&-&jsutf8:0';//Javascript API接口函数库的js代码文件的编码格式 当值为1时表示是：utf-8，0为gb2312
strUrl = strUrl +'&-&jsonload:setMenu,OpenFile'; 
strUrl = strUrl +'&-&OpenUrl:BaseAddr:file1.doc';
strUrl = strUrl +'&-&WebSaveUrl:BaseAddr:save.aspx?fname=file1.doc'; 
strUrl = strUrl +'&-&DocType:doc';
function OpenDoc()
{ 
window.open('WebView://|Officectrl.com|' + encodeURI(strUrl),'_self');
}
</script>
<body><a href="javascript:OpenDoc();">查看</a>
</body></html>

2、打开weboffice.js修改

var strResults=WebOffice.Save('http://localhost:81/cs/save.aspx?fname=file1.doc');

代码为：

var strResults=WebOffice.Save(WebSaveUrl);

完成后：

function OpenFile()
{
	WebOffice.Open(strOpenUrl,false,doctype)
}
function setMenu(){
	WebOffice.WebClearMenuItem(0);//清除控件默认文件菜单里的所有子项
	WebOffice.SetMenuName(0,'新建文件');//修改文件菜单名称为：新建文件
	WebOffice.CustomMenuCount=2;//设置新增的菜单个数
	WebOffice.SetMenuName(1,'打开文件'); 
	WebOffice.SetMenuName(2,'保存文件'); 
}
function Menu_50100()
{
	alert('您点击了新建文件按钮！');
}
function Menu_50101()
{
	alert('您点击了打开文件按钮！');
}
function Menu_50102()
{ 
	var strResults=WebOffice.Save(WebSaveUrl);  
	alert('已保存成功!');
	alert('采用SAVE方法保存后，需要关闭文档，以使程序稳定运行！');
	window.opener=null;window.open('','_self','');window.close(); 
}

3、测试

本示例教程源代码下载：lession2_14.rar。