Office文档在线编辑的实现-转
2008-05-24 12:39
776 查看
http://www.cnblogs.com/jianyi0115/
Office xp之后的版本支持通过webdav协议（http的扩展）直接编辑服务器上的文件。
IIS（6.0）支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav的服务器端,可以很容易的实现office(word,excel等)的在线编辑.
可以简单的实验一下:
确保IIS的webdav扩展安装并被启用了,建立一个虚拟目录test,在其中放一个word文档a.doc,然后打开word, 文件->打开->输入word文档的访问url(http://localhost/test/a.doc),
修改一下文档内容,保存一下,发生了什么? 文档被保存到服务器上了.
在IE中,可以通过js创建Word.Application,来打开,修改服务器上的文档.
wApp = new ActiveXObject("Word.Application.11");
wApp.Visible = true ;
wApp.Documents.Open( url );
if( trackRevisions ){ //可以实现痕迹保留呢
wApp.ActiveDocument.TrackRevisions = true ;
wApp.ActiveDocument.ShowRevisions = false ;
}else
{
wApp.ActiveDocument.TrackRevisions = false ;
wApp.ActiveDocument.ShowRevisions = false ;
}
wApp.ActiveDocument.Application.UserName= Global_CurrentUserName;
另外,安装office时,会同时按装一个ActiveX组件:Sharepoint.OpenDocuments,可么用此组件来激活word,编辑服务器上的文档:
var __OpenDocuments = null ;
function Document_Edit2( url )
{
if( __OpenDocuments == null )
{
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.3"); //for office 2007
}catch(e){}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "#ff0000" )
{
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.2"); //for office 2003
}catch(e){}
}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" )
{
alert( "请安装Word(2003或更高版本)" );
return ;
}
}
// openDocObj.ViewDocument("http://www.abc.com/documents/sample.doc");, "Word.Document"
//openDocObj.CreateNewDocument("http://www.abc.com/documents/sampleTemplate.dot", "http://www.abc.com/documents/");
var result = __OpenDocuments.EditDocument( url , "Word.Document" );
if( result == false )
{
alert( "无法打开文档." );
}
}
可以看到,基于IIS的webdav支持,可以非常简单的实现office文档的在线编辑, 但有一个问题:这样,文档是存放在文件系统上,我们很多系统中,
文档是存放在数据库中的,这样一来,如何实现呢???
I tried a lot and found the solution. It will be in the next article .
讲述了如何通过iis的webdav支持实现客户端的office直接编辑服务器上的文件，
本篇将讲解如何实现客户端的office直接编辑数据库中的二进制形式保存的office文件。
实现的关键：模拟IIS，自己实现一个webdav的服务器端。
首先，我们简单了解一下webdav：
webdav，中文可以翻译为网络分布式协作协议，它解决了http协议中一个问题：http无法实现版本和单访问控制。
什么是单访问控制呢？假设我们有一个页面编辑某条数据，这个页面可以同时被多个用户使用，那么最终的数据是最后一个用户提交的数据,
而其他用户是不知道的.我们的99%的web程序都存在此问题，当然通过编码可以解决，但http协议本身并没有提供对这种情形的支持。
webdav协议在标准的http协议的基础上，扩展了以下请求动作(verb):
PUT:用于客户端推送二进制文件。(好像http有这个verb)
LOCK:用户锁定一个资源,保证资源的单访问
UNLOCK:解锁一个资源
OPTIONS:获取服务器可以支持的请求类型
DELETE:删除服务器文件
PROPFIND:查询文件属性
其他动作: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH
要详细地了解webdav,大家可以google一下,或访问http://en.wikipedia.org/wiki/WebDAV
笔者在实现这个解决方案的时候,是采用fiddler,debug IE的http请求,才搞懂了IIS本身的实现机制,为了形象化,可以看一下webdav请求相应的
数据：
发起一个OPTIONS请求
OPTIONS /PMDemo/Test/待办事务.doc HTTP/1.1
User-Agent: Fiddler
Host: localhost
响应如下：
HTTP/1.1 200 OK
Date: Wed, 27 Dec 2006 11:34:03 GMT
Server: Microsoft-IIS/6.0
MicrosoftOfficeWebServer: 5.0_Pub
X-Powered-By: ASP.NET
MS-Author-Via: DAV
Content-Length: 0
Accept-Ranges: bytes
DASL: <DAV:sql>
DAV: 1, 2
Public: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH
Allow: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, COPY, MOVE, PROPFIND, PROPPATCH, SEARCH, LOCK, UNLOCK
Cache-Control: private
搞清楚了这些，下面我们的任务就是如何在asp.net中实现一个wevdav服务器．
显然，这要求我们需要在底层截获http请求，幸运的是asp.net中支持这种技术：HttpHandler．它可以让我们自己的代码来处理http请求．
首先，我们在web.config中做如下配置：
<httpHandlers>
<remove verb="*" path="*"/>
<add verb="GET,PUT,UNLOCK,LOCK,OPTIONS" path="*.doc,*.xml" type="Webdav.WebdavProtocolHandler,Webdav"/>
</httpHandlers>
通过这个配置，使我们的WebdavProtocolHandler可以来处理webdav请求．
WebdavProtocolHandler类是一个标准的httphandler,实现了IHttpHandler接口，它按照客户端的请求类型，返回符合wevdav协议的数据．
WebdavProtocolHandler类需要按照不同的webdav请求动作,做不同的处理，那么怎么来实现这个类呢？
这里就要用到一个设计模式：命令模式．
首先定义一个接口：
public interface IVerbHandler
{
void Process( HttpContext context );
}
实现对Options请求的处理：
class OptionsHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
context.Response.AppendHeader("DASL", "<DAV:sql>");
context.Response.AppendHeader("DAV", "1, 2");
context.Response.AppendHeader("Public", "OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH");
context.Response.AppendHeader("Allow", "OPTIONS, TRACE, GET, HEAD, DELETE, PUT, COPY, MOVE, PROPFIND, PROPPATCH, SEARCH, LOCK, UNLOCK");
}
#endregion
}
webdav的请求verb多达15个以上，大多数情况下，我们并不需要一个完整的webdav支持，故我们只要对其中的几个进行实现即可。
实现对LOCK的支持：
class LockHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
context.Response.ContentType = "text/xml";
string token = Guid.NewGuid().ToString() + ":" + DateTime.Now.Ticks.ToString() ;
context.Response.AppendHeader("Lock-Token", "<opaquelocktoken:" + token + ">");
string xml = @"<?xml version=""1.0""?>
<a:prop xmlns:a=""DAV:""><a:lockdiscovery>
<a:activelock><a:locktype><a:write/></a:locktype>
<a:lockscope><a:exclusive/></a:lockscope><owner xmlns=""DAV:"">Administrator</owner><a:locktoken>
<a:href>opaquelocktoken:{0}</a:href></a:locktoken>
<a:depth>0</a:depth><a:timeout>Second-180</a:timeout></a:activelock></a:lockdiscovery>
</a:prop>";
context.Response.Write( String.Format( xml , token ) );
context.Response.End();
}
#endregion
}
注意这篇文章的主题：实现在线编辑。并没有版本控制等其他内容，大家仔细看以上的代码，服务器并没有真正实现"锁定"，只是假装告诉客户端，你要的资源已经给你锁定了，你可以放心的编辑了。当然，有兴趣的朋友可以实现真正的锁定，无非可以通过给数据做一个状态字段来实现。但注意，要考虑一些复杂的情况，如自动解锁（用户打开一个文档，然后关机了，文档岂不永远锁定了？）等等。
接着，我们实现UNLOCK,同样是假的:
class UnLockHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
}
#endregion
}
下面，我们将实现两个最重要的请求动作的处理：Get和Put, office请求打开一个服务器上的文件时，采用get请求，office保存一个文件到服务器上时，发送put请求。
首先，我们要考虑一种数据项标识的传递策略，即：客户端发起访问数据库的office文件行，那么如何确认数据行的主键？
有两种策略：
1）通过不同的文件名 ， 如，请求http://localhost/weboffice/1.doc 这个请求主键 为1的文件。
2）通过文件路径， 如，请求http://localhost/weboffice/1/文件名.doc 这个请求主键为1的文件。
我们将采用策略2。
再返回到我们对web.config做的配置：
<add verb="GET,PUT,UNLOCK,LOCK,OPTIONS" path="*.doc,*.xml" type="Webdav.WebdavProtocolHandler,Webdav"/>
这个配置允许WebdavProtocolHandler处理所有对doc和xml的请求处理，为什么要允许xml呢，因为office2003之后，支持xml格式，可以直接在
数据库重以xml的格式存放office文件。
接着，我们要确认我们的数据存储结构，即，office文件在数据库中时如何存放的。
我们有一个附件表：Document
CREATE TABLE [dbo].[Document] (
[DocumentId] [int] IDENTITY (1, 1) NOT NULL ,
[Name] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Description] [text] COLLATE Chinese_PRC_CI_AS NULL ,
[CreateTime] [datetime] NULL ,
[Size] [int] NULL ,
[CreatorId] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[CreatorName] [char] (10) COLLATE Chinese_PRC_CI_AS NULL ,
[CreateYear] [int] NULL ,
[ContentType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[DeptId] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[DeptName] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Content] [image] NULL ,
[ModifyTime] [datetime] NULL ,
[OwnerType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[TemplateAble] [bit] NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO
设计一个文裆实体：
[Serializable]
public class Document
{
public Document()
{ }
static public Document FromPostFile(System.Web.HttpPostedFile file , User user )
{
Document doc = new Document(file);
doc.CreateTime = DateTime.Now;
doc.CreatorId = user.Id;
doc.CreatorName = user.Name;
doc.DeptId = user.OrgId;
doc.DeptName = user.OrgName;
return doc;
}
public Document(System.Web.HttpPostedFile file)
{
string[] strs = file.FileName.Split( '\\' );
this.Name = strs[strs.Length - 1];
Size = file.ContentLength;
//读取文件的数据
this.Content = new byte[Size];
Stream fileDataStream = file.InputStream;
fileDataStream.Read( this.Content , 0, Size );
ContentType = file.ContentType;
}
private int _DocumentId;
/// <summary>
/// 任务名
/// </summary>
private string _Name;
/// <summary>
/// 任务描述
/// </summary>
private string _Description;
/// <summary>
/// 报表创建时间
/// </summary>
private DateTime _CreateTime = DateTime.Now ;
private int _Size = 0 ;
private byte[] _Data;
/// <summary>
/// 创建人Id
/// </summary>
private string _CreatorId;
/// <summary>
/// 创建人名
/// </summary>
private string _CreatorName;
private int _CreateYear;
private string _ContentType;
/// <summary>
/// 部门ID(便于统计)
/// </summary>
private string _DeptId;
/// <summary>
/// 部门名
/// </summary>
private string _DeptName;
// Property DocumentId
public int DocumentId
{
get
{
return _DocumentId;
}
set
{
this._DocumentId = value;
}
}
// Property Name
public string Name
{
get
{
return _Name;
}
set
{
this._Name = value;
}
}
// Property Description
public string Description
{
get
{
return _Description;
}
set
{
this._Description = value;
}
}
// Property CreateTime
public DateTime CreateTime
{
get
{
return _CreateTime;
}
set
{
this._CreateTime = value;
}
}
private DateTime _ModifyTime = DateTime.Now;
public DateTime ModifyTime
{
get
{
return _ModifyTime;
}
set
{
this._ModifyTime = value;
}
}
// Property Size
public int Size
{
get
{
return _Size;
}
set
{
this._Size = value;
}
}
// Property Data
public byte[] Content
{
get
{
return _Data;
}
set
{
this._Data = value;
}
}
// Property CreatorId
public string CreatorId
{
get
{
return _CreatorId;
}
set
{
this._CreatorId = value;
}
}
// Property CreatorName
public string CreatorName
{
get
{
return _CreatorName;
}
set
{
this._CreatorName = value;
}
}
// Property CreateYear
public int CreateYear
{
get
{
return _CreateYear;
}
set
{
this._CreateYear = value;
}
}
// Property ContentType
//application/msword
//text/plain
public string ContentType
{
get
{
return _ContentType;
}
set
{
this._ContentType = value;
}
}
// Property DeptId
public string DeptId
{
get
{
return _DeptId;
}
set
{
if (this._DeptId != value)
this._DeptId = value;
}
}
// Property DeptName
public string DeptName
{
get
{
return _DeptName;
}
set
{
this._DeptName = value;
}
}
private string _Type;
public string OwnerType
{
get
{
return _Type;
}
set
{
this._Type = value;
}
}
private bool _TemplateAble;
/// <summary>
/// 是否可以作为模版
/// </summary>
public bool Templateable
{
get
{
return _TemplateAble;
}
set
{
this._TemplateAble = value;
}
}
public override string ToString()
{
return Encoding.UTF8.GetString(this.Content);
}
public static Document FromString(string s, User user)
{
Document doc = new Document();
doc.CreateTime = DateTime.Now;
doc.CreatorId = user.Id;
doc.CreatorName = user.Name;
doc.DeptId = user.OrgId;
doc.DeptName = user.OrgName;
doc.Content = Encoding.UTF8.GetBytes(s);
doc.Size = doc.Content.Length;
doc.ContentType = "text/plain";
return doc;
}
public static string ByteToString( byte[] bytes )
{
return Encoding.UTF8.GetString( bytes );
}
public static byte[] StringToByte(string s)
{
return Encoding.UTF8.GetBytes(s);
}
public string GetExtendName()
{
string[] arr = this.Name.Split( '.' );
if (arr.Length < 1) return "";
else return arr[ arr.Length - 1 ];
}
}
考虑到数据操作逻辑的可变性，不同的项目里面附件表设计的不同，这里引入一个数据操作接口：
public interface IWebdavDocumentHandler
{
Document GetDocument(int id);//获取文档数据
void ModifyDocContent(int docId, byte[] data);//修改文档内容
}
具体的实现这里就不写了。
好了，我们的数据访问逻辑已经有了，那么首先看get动作处理的实现：
class GetHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
int id = WebdavProtocolHandler.GetDocumentId( context ); //获取到主键
IWebdavDocumentHandler docSvr = new DefaultWebdavDocumentHandler(); //修改此处代码，实现不同的数据操作逻辑，可引入工厂模式
Document doc = docSvr.GetDocument(id);
if (doc == null)
{
context.Response.Write("文档不存在！");
return;
}
context.Response.Clear();
context.Response.ContentType = doc.ContentType;
//下载文件名限制32字符 16 汉字
int maxlength = 15;
string fileName = doc.Name; //att.FileName ;
if (fileName.Length > maxlength)
{
fileName = "-" + fileName.Substring(fileName.Length - maxlength, maxlength);
}
fileName = HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8); //必须编码，不然文件名会出现乱码
context.Response.AppendHeader("Content-Disposition", "attachment;filename=" + fileName + "");
if (doc.Content != null && doc.Content.Length > 0)
context.Response.BinaryWrite(doc.Content);
context.Response.End();
}
#endregion
}
很简单吧，跟我们普通实现文档下载的代码一样。
put动作的实现：
class PutHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
int docId = WebdavProtocolHandler.GetDocumentId(context);
Document doc = GetDocFromInput(context.Request);
doc.DocumentId = docId;
IWebdavDocumentHandler docSvr = new DefaultWebdavDocumentHandler(); //修改此处代码，实现不同的数据操作逻辑，可引入工厂模式
docSvr.ModifyDocContent( doc.DocumentId , doc.Content );
}
private Document GetDocFromInput(System.Web.HttpRequest request )
{
Document doc = new Document();
//读取文件的数据
doc.Content = new byte[ request.ContentLength ];
doc.Size = request.ContentLength;
Stream fileDataStream = request.InputStream;
fileDataStream.Read( doc.Content , 0, doc.Size );
doc.ContentType = request.ContentType;
return doc;
}
#endregion
}
OK，主要的动作都实现了，下面，我们需要WebdavProtocolHandler将各命令处理对象整合到一起：
public class WebdavProtocolHandler : IHttpHandler
{
public static int GetDocumentId( HttpContext context )//按照前面确定的主键策略返回主键
{
string url = context.Request.Url.ToString();
string[] arr = url.Split( '/' );
string id = arr[arr.Length - 2];
return Convert.ToInt32( id );
}
public void ProcessRequest(HttpContext context)
{
HttpRequest Request = context.Request;
context.Response.AppendHeader("OpenWebDavServer", "1.0");
string verb = Request.HttpMethod;
//Log.Write(verb);
IVerbHandler vh = GetVerbHandler( verb );
if( vh == null )
return ;
vh.Process(context);
}
private IVerbHandler GetVerbHandler(string verb)
{
switch (verb)
{
case "LOCK" :
return new LockHandler();
case "UNLOCK":
return new UnLockHandler();
case "GET":
return new GetHandler();
case "PUT":
return new PutHandler();
case "OPTIONS":
return new OptionsHandler();
default :
return null;
}
}
public bool IsReusable
{
get { return false; }
}
}
到这里呢，已经基本上算game over了，基于以上代码设计，可以完全实现office文档的在线编辑。若要通过链接直接打开编辑，可以
采用Office文档在线编辑的实现之一的Document_Edit2函数触发office编辑。
哦，IIS还需要做一点小配置：
1）将.doc , .xml 加入到站点虚拟目录的isapi映射, 不要选中 "确认文件是否存在"，动作要选全部动作，
2）禁用IIS本身的Webdav扩展,
3）删除虚拟目录HTTP头中的自定义HTTP头: MicrosoftOfficeWebServer，如果有的话。
this is the real end.
Tag标签: office,在线编辑
posted on 2007-07-15 10:38 jianyi 阅读(3174) 评论(42) 编辑 收藏 所属分类: Office开发 、企业级开发
FeedBack:
#1楼 2007-07-15 13:05 风云
不错,好文章!
回复 引用 查看
#2楼 2007-07-15 13:22 Join miao
好长。。。
回复 引用 查看
#3楼 2007-07-15 13:23 Join miao
辛苦了
回复 引用 查看
#4楼 [楼主] 2007-07-15 13:58 jianyi0115
@Join miao
哈哈，代码都贴上来了，所以长了。
回复 引用 查看
#5楼 221.219.62.* 2007-07-15 17:30 天天基金网 [未注册用户]
hao
回复 引用 查看
#6楼 2007-07-15 19:20 过江
好.
回复 引用 查看
#7楼 220.207.104.* 2007-07-15 19:56 goo [未注册用户]
您好！
我按照你提供的方法编写代码，并编译通过，但当word打开一个文件时，是只读状态，无法编辑后再保存到服务器。
测试环境为:Asp.net 2.0,windows xp sp2, office 2003
回复 引用 查看
#8楼 [楼主] 2007-07-15 22:04 jianyi0115
@goo
删除虚拟目录HTTP头中的自定义HTTP头: MicrosoftOfficeWebServer
这个做了吗？
若有MicrosoftOfficeWebServer头的话，office会认为是IIS默认的webdav
实现，会发送额外的命令，而我们对这些命令是没有处理的。
回复 引用 查看
#9楼 125.74.85.* 2007-07-15 23:05 laoda [未注册用户]
微软有个ocx控件可以嵌入office，有网友扩展了它让他可以二进制形式保存回服务器，因为是控件所以可以嵌入到网页中，可控制性比较强，因该比这样做好点。
回复 引用 查看
#10楼 125.74.85.* 2007-07-15 23:10 laoda [未注册用户]
该ocx该控件微软提供了c++源代码，所以可方便的进行扩展.
回复 引用 查看
#11楼 [楼主] 2007-07-15 23:17 jianyi0115
@laoda
知道有这样一个ocx，我的方案是纯.net实现，直接激活客户端的office,微软的
sharepoint的文档管理也是这么处理的。
回复 引用 查看
#12楼 2007-07-16 07:32 布尔
原来一直在用金格的控件，可以考虑自己来实现了，呵呵，不过又想到一个问题，比如要做签章是不是还得用控件呢
回复 引用 查看
#13楼 58.214.240.* 2007-07-16 08:35 goo [未注册用户]
@jianyi0115
没有HTTP头: MicrosoftOfficeWebServer
我的调用代码为：
<html xmlns="http://www.w3.org/1999/xhtml%22 >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
var __OpenDocuments = null ;
function documentEdit( url )
{
if( __OpenDocuments == null ) {
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.3"); //for office 2007
}
catch(e){}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" ) {
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.2"); //for office 2003
}
catch(e){}
}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" ) {
alert( "请安装Word(2003或更高版本)" );
return ;
}
}
var result = __OpenDocuments.EditDocument( url , "Word.Document" );
if( result == false ) {
alert( "无法打开文档." );
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="打开文档" onclick="documentEdit('http://localhost/Office/1/1.doc');return false;" />
</div>
</form>
</body>
</html>
Office xp之后的版本支持通过webdav协议（http的扩展）直接编辑服务器上的文件。
IIS（6.0）支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav的服务器端,可以很容易的实现office(word,excel等)的在线编辑.
可以简单的实验一下:
确保IIS的webdav扩展安装并被启用了,建立一个虚拟目录test,在其中放一个word文档a.doc,然后打开word, 文件->打开->输入word文档的访问url(http://localhost/test/a.doc),
修改一下文档内容,保存一下,发生了什么? 文档被保存到服务器上了.
在IE中,可以通过js创建Word.Application,来打开,修改服务器上的文档.
wApp = new ActiveXObject("Word.Application.11");
wApp.Visible = true ;
wApp.Documents.Open( url );
if( trackRevisions ){ //可以实现痕迹保留呢
wApp.ActiveDocument.TrackRevisions = true ;
wApp.ActiveDocument.ShowRevisions = false ;
}else
{
wApp.ActiveDocument.TrackRevisions = false ;
wApp.ActiveDocument.ShowRevisions = false ;
}
wApp.ActiveDocument.Application.UserName= Global_CurrentUserName;
另外,安装office时,会同时按装一个ActiveX组件:Sharepoint.OpenDocuments,可么用此组件来激活word,编辑服务器上的文档:
var __OpenDocuments = null ;
function Document_Edit2( url )
{
if( __OpenDocuments == null )
{
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.3"); //for office 2007
}catch(e){}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "#ff0000" )
{
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.2"); //for office 2003
}catch(e){}
}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" )
{
alert( "请安装Word(2003或更高版本)" );
return ;
}
}
// openDocObj.ViewDocument("http://www.abc.com/documents/sample.doc");, "Word.Document"
//openDocObj.CreateNewDocument("http://www.abc.com/documents/sampleTemplate.dot", "http://www.abc.com/documents/");
var result = __OpenDocuments.EditDocument( url , "Word.Document" );
if( result == false )
{
alert( "无法打开文档." );
}
}
可以看到,基于IIS的webdav支持,可以非常简单的实现office文档的在线编辑, 但有一个问题:这样,文档是存放在文件系统上,我们很多系统中,
文档是存放在数据库中的,这样一来,如何实现呢???
I tried a lot and found the solution. It will be in the next article .
讲述了如何通过iis的webdav支持实现客户端的office直接编辑服务器上的文件，
本篇将讲解如何实现客户端的office直接编辑数据库中的二进制形式保存的office文件。
实现的关键：模拟IIS，自己实现一个webdav的服务器端。
首先，我们简单了解一下webdav：
webdav，中文可以翻译为网络分布式协作协议，它解决了http协议中一个问题：http无法实现版本和单访问控制。
什么是单访问控制呢？假设我们有一个页面编辑某条数据，这个页面可以同时被多个用户使用，那么最终的数据是最后一个用户提交的数据,
而其他用户是不知道的.我们的99%的web程序都存在此问题，当然通过编码可以解决，但http协议本身并没有提供对这种情形的支持。
webdav协议在标准的http协议的基础上，扩展了以下请求动作(verb):
PUT:用于客户端推送二进制文件。(好像http有这个verb)
LOCK:用户锁定一个资源,保证资源的单访问
UNLOCK:解锁一个资源
OPTIONS:获取服务器可以支持的请求类型
DELETE:删除服务器文件
PROPFIND:查询文件属性
其他动作: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH
要详细地了解webdav,大家可以google一下,或访问http://en.wikipedia.org/wiki/WebDAV
笔者在实现这个解决方案的时候,是采用fiddler,debug IE的http请求,才搞懂了IIS本身的实现机制,为了形象化,可以看一下webdav请求相应的
数据：
发起一个OPTIONS请求
OPTIONS /PMDemo/Test/待办事务.doc HTTP/1.1
User-Agent: Fiddler
Host: localhost
响应如下：
HTTP/1.1 200 OK
Date: Wed, 27 Dec 2006 11:34:03 GMT
Server: Microsoft-IIS/6.0
MicrosoftOfficeWebServer: 5.0_Pub
X-Powered-By: ASP.NET
MS-Author-Via: DAV
Content-Length: 0
Accept-Ranges: bytes
DASL: <DAV:sql>
DAV: 1, 2
Public: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH
Allow: OPTIONS, TRACE, GET, HEAD, DELETE, PUT, COPY, MOVE, PROPFIND, PROPPATCH, SEARCH, LOCK, UNLOCK
Cache-Control: private
搞清楚了这些，下面我们的任务就是如何在asp.net中实现一个wevdav服务器．
显然，这要求我们需要在底层截获http请求，幸运的是asp.net中支持这种技术：HttpHandler．它可以让我们自己的代码来处理http请求．
首先，我们在web.config中做如下配置：
<httpHandlers>
<remove verb="*" path="*"/>
<add verb="GET,PUT,UNLOCK,LOCK,OPTIONS" path="*.doc,*.xml" type="Webdav.WebdavProtocolHandler,Webdav"/>
</httpHandlers>
通过这个配置，使我们的WebdavProtocolHandler可以来处理webdav请求．
WebdavProtocolHandler类是一个标准的httphandler,实现了IHttpHandler接口，它按照客户端的请求类型，返回符合wevdav协议的数据．
WebdavProtocolHandler类需要按照不同的webdav请求动作,做不同的处理，那么怎么来实现这个类呢？
这里就要用到一个设计模式：命令模式．
首先定义一个接口：
public interface IVerbHandler
{
void Process( HttpContext context );
}
实现对Options请求的处理：
class OptionsHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
context.Response.AppendHeader("DASL", "<DAV:sql>");
context.Response.AppendHeader("DAV", "1, 2");
context.Response.AppendHeader("Public", "OPTIONS, TRACE, GET, HEAD, DELETE, PUT, POST, COPY, MOVE, MKCOL, PROPFIND, PROPPATCH, LOCK, UNLOCK, SEARCH");
context.Response.AppendHeader("Allow", "OPTIONS, TRACE, GET, HEAD, DELETE, PUT, COPY, MOVE, PROPFIND, PROPPATCH, SEARCH, LOCK, UNLOCK");
}
#endregion
}
webdav的请求verb多达15个以上，大多数情况下，我们并不需要一个完整的webdav支持，故我们只要对其中的几个进行实现即可。
实现对LOCK的支持：
class LockHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
context.Response.ContentType = "text/xml";
string token = Guid.NewGuid().ToString() + ":" + DateTime.Now.Ticks.ToString() ;
context.Response.AppendHeader("Lock-Token", "<opaquelocktoken:" + token + ">");
string xml = @"<?xml version=""1.0""?>
<a:prop xmlns:a=""DAV:""><a:lockdiscovery>
<a:activelock><a:locktype><a:write/></a:locktype>
<a:lockscope><a:exclusive/></a:lockscope><owner xmlns=""DAV:"">Administrator</owner><a:locktoken>
<a:href>opaquelocktoken:{0}</a:href></a:locktoken>
<a:depth>0</a:depth><a:timeout>Second-180</a:timeout></a:activelock></a:lockdiscovery>
</a:prop>";
context.Response.Write( String.Format( xml , token ) );
context.Response.End();
}
#endregion
}
注意这篇文章的主题：实现在线编辑。并没有版本控制等其他内容，大家仔细看以上的代码，服务器并没有真正实现"锁定"，只是假装告诉客户端，你要的资源已经给你锁定了，你可以放心的编辑了。当然，有兴趣的朋友可以实现真正的锁定，无非可以通过给数据做一个状态字段来实现。但注意，要考虑一些复杂的情况，如自动解锁（用户打开一个文档，然后关机了，文档岂不永远锁定了？）等等。
接着，我们实现UNLOCK,同样是假的:
class UnLockHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
}
#endregion
}
下面，我们将实现两个最重要的请求动作的处理：Get和Put, office请求打开一个服务器上的文件时，采用get请求，office保存一个文件到服务器上时，发送put请求。
首先，我们要考虑一种数据项标识的传递策略，即：客户端发起访问数据库的office文件行，那么如何确认数据行的主键？
有两种策略：
1）通过不同的文件名 ， 如，请求http://localhost/weboffice/1.doc 这个请求主键 为1的文件。
2）通过文件路径， 如，请求http://localhost/weboffice/1/文件名.doc 这个请求主键为1的文件。
我们将采用策略2。
再返回到我们对web.config做的配置：
<add verb="GET,PUT,UNLOCK,LOCK,OPTIONS" path="*.doc,*.xml" type="Webdav.WebdavProtocolHandler,Webdav"/>
这个配置允许WebdavProtocolHandler处理所有对doc和xml的请求处理，为什么要允许xml呢，因为office2003之后，支持xml格式，可以直接在
数据库重以xml的格式存放office文件。
接着，我们要确认我们的数据存储结构，即，office文件在数据库中时如何存放的。
我们有一个附件表：Document
CREATE TABLE [dbo].[Document] (
[DocumentId] [int] IDENTITY (1, 1) NOT NULL ,
[Name] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Description] [text] COLLATE Chinese_PRC_CI_AS NULL ,
[CreateTime] [datetime] NULL ,
[Size] [int] NULL ,
[CreatorId] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[CreatorName] [char] (10) COLLATE Chinese_PRC_CI_AS NULL ,
[CreateYear] [int] NULL ,
[ContentType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[DeptId] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[DeptName] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[Content] [image] NULL ,
[ModifyTime] [datetime] NULL ,
[OwnerType] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
[TemplateAble] [bit] NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]
GO
设计一个文裆实体：
[Serializable]
public class Document
{
public Document()
{ }
static public Document FromPostFile(System.Web.HttpPostedFile file , User user )
{
Document doc = new Document(file);
doc.CreateTime = DateTime.Now;
doc.CreatorId = user.Id;
doc.CreatorName = user.Name;
doc.DeptId = user.OrgId;
doc.DeptName = user.OrgName;
return doc;
}
public Document(System.Web.HttpPostedFile file)
{
string[] strs = file.FileName.Split( '\\' );
this.Name = strs[strs.Length - 1];
Size = file.ContentLength;
//读取文件的数据
this.Content = new byte[Size];
Stream fileDataStream = file.InputStream;
fileDataStream.Read( this.Content , 0, Size );
ContentType = file.ContentType;
}
private int _DocumentId;
/// <summary>
/// 任务名
/// </summary>
private string _Name;
/// <summary>
/// 任务描述
/// </summary>
private string _Description;
/// <summary>
/// 报表创建时间
/// </summary>
private DateTime _CreateTime = DateTime.Now ;
private int _Size = 0 ;
private byte[] _Data;
/// <summary>
/// 创建人Id
/// </summary>
private string _CreatorId;
/// <summary>
/// 创建人名
/// </summary>
private string _CreatorName;
private int _CreateYear;
private string _ContentType;
/// <summary>
/// 部门ID(便于统计)
/// </summary>
private string _DeptId;
/// <summary>
/// 部门名
/// </summary>
private string _DeptName;
// Property DocumentId
public int DocumentId
{
get
{
return _DocumentId;
}
set
{
this._DocumentId = value;
}
}
// Property Name
public string Name
{
get
{
return _Name;
}
set
{
this._Name = value;
}
}
// Property Description
public string Description
{
get
{
return _Description;
}
set
{
this._Description = value;
}
}
// Property CreateTime
public DateTime CreateTime
{
get
{
return _CreateTime;
}
set
{
this._CreateTime = value;
}
}
private DateTime _ModifyTime = DateTime.Now;
public DateTime ModifyTime
{
get
{
return _ModifyTime;
}
set
{
this._ModifyTime = value;
}
}
// Property Size
public int Size
{
get
{
return _Size;
}
set
{
this._Size = value;
}
}
// Property Data
public byte[] Content
{
get
{
return _Data;
}
set
{
this._Data = value;
}
}
// Property CreatorId
public string CreatorId
{
get
{
return _CreatorId;
}
set
{
this._CreatorId = value;
}
}
// Property CreatorName
public string CreatorName
{
get
{
return _CreatorName;
}
set
{
this._CreatorName = value;
}
}
// Property CreateYear
public int CreateYear
{
get
{
return _CreateYear;
}
set
{
this._CreateYear = value;
}
}
// Property ContentType
//application/msword
//text/plain
public string ContentType
{
get
{
return _ContentType;
}
set
{
this._ContentType = value;
}
}
// Property DeptId
public string DeptId
{
get
{
return _DeptId;
}
set
{
if (this._DeptId != value)
this._DeptId = value;
}
}
// Property DeptName
public string DeptName
{
get
{
return _DeptName;
}
set
{
this._DeptName = value;
}
}
private string _Type;
public string OwnerType
{
get
{
return _Type;
}
set
{
this._Type = value;
}
}
private bool _TemplateAble;
/// <summary>
/// 是否可以作为模版
/// </summary>
public bool Templateable
{
get
{
return _TemplateAble;
}
set
{
this._TemplateAble = value;
}
}
public override string ToString()
{
return Encoding.UTF8.GetString(this.Content);
}
public static Document FromString(string s, User user)
{
Document doc = new Document();
doc.CreateTime = DateTime.Now;
doc.CreatorId = user.Id;
doc.CreatorName = user.Name;
doc.DeptId = user.OrgId;
doc.DeptName = user.OrgName;
doc.Content = Encoding.UTF8.GetBytes(s);
doc.Size = doc.Content.Length;
doc.ContentType = "text/plain";
return doc;
}
public static string ByteToString( byte[] bytes )
{
return Encoding.UTF8.GetString( bytes );
}
public static byte[] StringToByte(string s)
{
return Encoding.UTF8.GetBytes(s);
}
public string GetExtendName()
{
string[] arr = this.Name.Split( '.' );
if (arr.Length < 1) return "";
else return arr[ arr.Length - 1 ];
}
}
考虑到数据操作逻辑的可变性，不同的项目里面附件表设计的不同，这里引入一个数据操作接口：
public interface IWebdavDocumentHandler
{
Document GetDocument(int id);//获取文档数据
void ModifyDocContent(int docId, byte[] data);//修改文档内容
}
具体的实现这里就不写了。
好了，我们的数据访问逻辑已经有了，那么首先看get动作处理的实现：
class GetHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
int id = WebdavProtocolHandler.GetDocumentId( context ); //获取到主键
IWebdavDocumentHandler docSvr = new DefaultWebdavDocumentHandler(); //修改此处代码，实现不同的数据操作逻辑，可引入工厂模式
Document doc = docSvr.GetDocument(id);
if (doc == null)
{
context.Response.Write("文档不存在！");
return;
}
context.Response.Clear();
context.Response.ContentType = doc.ContentType;
//下载文件名限制32字符 16 汉字
int maxlength = 15;
string fileName = doc.Name; //att.FileName ;
if (fileName.Length > maxlength)
{
fileName = "-" + fileName.Substring(fileName.Length - maxlength, maxlength);
}
fileName = HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8); //必须编码，不然文件名会出现乱码
context.Response.AppendHeader("Content-Disposition", "attachment;filename=" + fileName + "");
if (doc.Content != null && doc.Content.Length > 0)
context.Response.BinaryWrite(doc.Content);
context.Response.End();
}
#endregion
}
很简单吧，跟我们普通实现文档下载的代码一样。
put动作的实现：
class PutHandler : IVerbHandler
{
#region IVerbHandler 成员
public void Process(System.Web.HttpContext context)
{
int docId = WebdavProtocolHandler.GetDocumentId(context);
Document doc = GetDocFromInput(context.Request);
doc.DocumentId = docId;
IWebdavDocumentHandler docSvr = new DefaultWebdavDocumentHandler(); //修改此处代码，实现不同的数据操作逻辑，可引入工厂模式
docSvr.ModifyDocContent( doc.DocumentId , doc.Content );
}
private Document GetDocFromInput(System.Web.HttpRequest request )
{
Document doc = new Document();
//读取文件的数据
doc.Content = new byte[ request.ContentLength ];
doc.Size = request.ContentLength;
Stream fileDataStream = request.InputStream;
fileDataStream.Read( doc.Content , 0, doc.Size );
doc.ContentType = request.ContentType;
return doc;
}
#endregion
}
OK，主要的动作都实现了，下面，我们需要WebdavProtocolHandler将各命令处理对象整合到一起：
public class WebdavProtocolHandler : IHttpHandler
{
public static int GetDocumentId( HttpContext context )//按照前面确定的主键策略返回主键
{
string url = context.Request.Url.ToString();
string[] arr = url.Split( '/' );
string id = arr[arr.Length - 2];
return Convert.ToInt32( id );
}
public void ProcessRequest(HttpContext context)
{
HttpRequest Request = context.Request;
context.Response.AppendHeader("OpenWebDavServer", "1.0");
string verb = Request.HttpMethod;
//Log.Write(verb);
IVerbHandler vh = GetVerbHandler( verb );
if( vh == null )
return ;
vh.Process(context);
}
private IVerbHandler GetVerbHandler(string verb)
{
switch (verb)
{
case "LOCK" :
return new LockHandler();
case "UNLOCK":
return new UnLockHandler();
case "GET":
return new GetHandler();
case "PUT":
return new PutHandler();
case "OPTIONS":
return new OptionsHandler();
default :
return null;
}
}
public bool IsReusable
{
get { return false; }
}
}
到这里呢，已经基本上算game over了，基于以上代码设计，可以完全实现office文档的在线编辑。若要通过链接直接打开编辑，可以
采用Office文档在线编辑的实现之一的Document_Edit2函数触发office编辑。
哦，IIS还需要做一点小配置：
1）将.doc , .xml 加入到站点虚拟目录的isapi映射, 不要选中 "确认文件是否存在"，动作要选全部动作，
2）禁用IIS本身的Webdav扩展,
3）删除虚拟目录HTTP头中的自定义HTTP头: MicrosoftOfficeWebServer，如果有的话。
this is the real end.
Tag标签: office,在线编辑
posted on 2007-07-15 10:38 jianyi 阅读(3174) 评论(42) 编辑 收藏 所属分类: Office开发 、企业级开发
FeedBack:
#1楼 2007-07-15 13:05 风云
不错,好文章!
回复 引用 查看
#2楼 2007-07-15 13:22 Join miao
好长。。。
回复 引用 查看
#3楼 2007-07-15 13:23 Join miao
辛苦了
回复 引用 查看
#4楼 [楼主] 2007-07-15 13:58 jianyi0115
@Join miao
哈哈，代码都贴上来了，所以长了。
回复 引用 查看
#5楼 221.219.62.* 2007-07-15 17:30 天天基金网 [未注册用户]
hao
回复 引用 查看
#6楼 2007-07-15 19:20 过江
好.
回复 引用 查看
#7楼 220.207.104.* 2007-07-15 19:56 goo [未注册用户]
您好！
我按照你提供的方法编写代码，并编译通过，但当word打开一个文件时，是只读状态，无法编辑后再保存到服务器。
测试环境为:Asp.net 2.0,windows xp sp2, office 2003
回复 引用 查看
#8楼 [楼主] 2007-07-15 22:04 jianyi0115
@goo
删除虚拟目录HTTP头中的自定义HTTP头: MicrosoftOfficeWebServer
这个做了吗？
若有MicrosoftOfficeWebServer头的话，office会认为是IIS默认的webdav
实现，会发送额外的命令，而我们对这些命令是没有处理的。
回复 引用 查看
#9楼 125.74.85.* 2007-07-15 23:05 laoda [未注册用户]
微软有个ocx控件可以嵌入office，有网友扩展了它让他可以二进制形式保存回服务器，因为是控件所以可以嵌入到网页中，可控制性比较强，因该比这样做好点。
回复 引用 查看
#10楼 125.74.85.* 2007-07-15 23:10 laoda [未注册用户]
该ocx该控件微软提供了c++源代码，所以可方便的进行扩展.
回复 引用 查看
#11楼 [楼主] 2007-07-15 23:17 jianyi0115
@laoda
知道有这样一个ocx，我的方案是纯.net实现，直接激活客户端的office,微软的
sharepoint的文档管理也是这么处理的。
回复 引用 查看
#12楼 2007-07-16 07:32 布尔
原来一直在用金格的控件，可以考虑自己来实现了，呵呵，不过又想到一个问题，比如要做签章是不是还得用控件呢
回复 引用 查看
#13楼 58.214.240.* 2007-07-16 08:35 goo [未注册用户]
@jianyi0115
没有HTTP头: MicrosoftOfficeWebServer
我的调用代码为：
<html xmlns="http://www.w3.org/1999/xhtml%22 >
<head runat="server">
<title>无标题页</title>
<script language="javascript" type="text/javascript">
var __OpenDocuments = null ;
function documentEdit( url )
{
if( __OpenDocuments == null ) {
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.3"); //for office 2007
}
catch(e){}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" ) {
try{
__OpenDocuments = new ActiveXObject("SharePoint.OpenDocuments.2"); //for office 2003
}
catch(e){}
}
if( __OpenDocuments == null || typeof(__OpenDocuments) == "undefined" ) {
alert( "请安装Word(2003或更高版本)" );
return ;
}
}
var result = __OpenDocuments.EditDocument( url , "Word.Document" );
if( result == false ) {
alert( "无法打开文档." );
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" value="打开文档" onclick="documentEdit('http://localhost/Office/1/1.doc');return false;" />
</div>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Office文档在线编辑的实现之一
- Office 365实现多人在线编辑同一个文档(下)
- [转]Office文档在线编辑的实现之二
- Office文档在线编辑的实现之二
- [转载]Office文档在线编辑的实现之一
- Office文档在线编辑的实现之二
- Office文档在线编辑的实现之一
- 使用WebDAV实现Office文档在线编辑
- Office文档在线编辑的实现之一
- Office文档在线编辑的实现之二
- [转载]Office文档在线编辑的实现之二
- [转]Office文档在线编辑的实现之一
- Office文档在线编辑的实现之二
- Office文档在线编辑的实现之一
- 使用微软提供的Office Online实现Office文档的在线查看,编辑等功能
- Office文档在线编辑的实现之一 转 作者: 周建东 日期: 2007-09-12 03:42
- Office文档在线编辑的实现之一
- Office 365实现多人在线编辑同一个文档(上)
- Office文档在线编辑的实现之一