`

基于MVC4+EasyUI的Web开发框架经验总结(8)--实现Office文档的预览

阅读更多

转http://www.cnblogs.com/wuhuacong/p/3871991.html

在博客园很多文章里面,曾经有一些介绍Office文档预览查看操作的,有些通过转为PDF进行查看,有些通过把它转换为Flash进行查看,但是 过程都是曲线救国,真正能够简洁方便的实现Office文档的预览的还是比较少,这里的Office文档包括了Word、Excel、PPT文档。本文介 绍两种方式,一种方式是通过在线预览的方式,利用微软的平台进行Office文档的在线查看;一种是把Office文档生成HTML文件后进行查看。然后 对比他们的优缺点,并进行总结。

 

1、利用微软的平台进行Office文档的在线查看

 

 一直以来,都希望找一个合适的Office文档查看的控件或者解决方案,这样客户在使用系统的时候,可以直接查看预览一些文档,而不需要安装Office,或者下载到本地在查看。

 

一个偶然的机会,在网上搜到微软自己提供了一个在线服务,可以实现把Office文档转换为在线的内容进行查看,大家可以通过下面的链接地址大致看看:http://blogs.office.com/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/ 。

 

使用浏览器直接查看Office文档的链接地址格式如下所示:

 

http://view.officeapps.live.com/op/view.aspx?src=http%3a%2f%2fvideo.ch9.ms%2fbuild%2f2011%2fslides%2fTOOL-532T_Sutter.pptx

 

这个链接分为了两部分,一部分是http://view.officeapps.live.com/op/view.aspx?src=,后面那个是具体的文档地址,用URLEncode进行处理的链接地址。

 

非常酷的效果,使用这个服务唯一的要求就是你的网站是部署在互联网上的,这样服务才可以调用你的文档地址然后进行展示。

 

这个是使用微软的预览Office服务,当然你可以部署自己的Office预览服务,也就是需要安装Office Web Apps服务(系统要求为Windows Server 2012)

 

一般情况下,Office Web Apps要与其他应用配合使用,如下图所示(看起来还是很复杂的,这些东西好像也要独立安装在不同的机器):

 

clip_image035

 

好在微软给我们提供了在线的Office文档预览服务,其实好像Google Doc Viewer也是可以的,但是已经不可使用了。这样,我们就可以利用公开的接口地址实现Office文档的在线预览了。

 

以常用的Excel文档为例,它可以提供了完美的在线预览效果。

 

 

 

我们还注意到上面有一排菜单,可以展开进行相关功能的操作,尤其是文档的下载和打印很吸引。

 

 

 

这样我们就可以在我们的文档预览操作页面上进行集成了,下面是我在我的《基于MVC4+EasyUI的Web开发框架》集成的一个例子,对Office文档进行查看

 

 

 感觉效果还不错吧。

 

Word文档也是可以顺利进行预览,但是就没有打印和下载的功能了,不过预览的效果还是很不错的。

 

 

 

 

2、把Office文档生成HTML文件后进行查看

 

上面说了,使用在线的Office预览服务来查看Office文档,如果我们的管理系统是在局域网内跑的应用,那么我们就是用不了了,那么我们如果需要使用这种在线预览Office文档的服务,应该如何操作呢?

 

虽然自行搭建Office Web Apps服务应用可以解决这个问题,但是一般来说,搭建这样的平台环境,太过繁琐和昂贵了,有没有更好的方式实现Office文档的查看呢?

 

有的,下面我来介绍一下,如何使用Aspose组件把Office文档生成HTML,然后进行查看的做法。

 

对应不同的Office文档,Aspose提供了不同的组件,如Aspose.Word、Aspose.Cells、Aspose.Slides等不同的组件用来处理Word/Excel/PPT等几种文档。

 

我们知道,Aspose组件在处理Office文档方面非常的强大,但是也是收费软件,所以需要可以购买支持,但是我们这里纯粹讨论它的功能效果。

 

对不同的文件类型,我们调用不同的组件进行HTML的转换就可以了,核心部分代码如下所示。

 

复制代码
                            if (ext == "doc" || ext == "docx")
                            {
                                Aspose.Words.Document doc = new Aspose.Words.Document(templateFile);
                                doc.Save(generateFilePath, Aspose.Words.SaveFormat.Html);
                            }
                            else if (ext == "xls" || ext == "xlsx")
                            {
                                Workbook workbook = new Workbook(templateFile);
                                workbook.Save(generateFilePath, SaveFormat.Html);
                            }
                            else if (ext == "ppt" || ext == "pptx")
                            {
                                templateFile = templateFile.Replace("/", "\\");
                                PresentationEx pres = new PresentationEx(templateFile);
                                pres.Save(generateFilePath, Aspose.Slides.Export.SaveFormat.Html);
                            }
复制代码

 

这样,我们第一次使用的时候,判断目录里面是否有对应的HTML文件了,如果没有,就使用上面的代码生成就可以了,查看的时候,就返回对应的路径给客户端进行查看文件就可以了。

 

下面是几个文档的效果截图,供参考。

 

 

 

 

 

 

3、集成在线和本地生成文件两者的预览方式

 

我们在做项目的时候,往往不知道具体的应用是部署在公网(互联网)的环境,还是在局域网的环境,因此要求我们很多功能需要有一定的弹性,如果能够使 用公网网的,利用公网微软的Office预览功能,呈现出来的效果比使用aspose组件生成的效果更好,有时候使用aspose组件生成的文档,格式可 能有一些不太一样(虽然总体还好)。

 

因此,如果能够根据需要,对两者能够配置一下,进行切换,应该是比较理想的方案。

 

下面是我根据需要对它们两者的预览方案进行了集成,通过一个变量进行切换,当然,变量可以写到配置文件里面,这样以后也可以不同修改代码就可以自由切换了。

 

复制代码
                bool officeInternetView = false;//是否使用互联网在线预览
                string hostName = HttpUtility.UrlPathEncode("http://www.iqidi.com/");//可以配置一下,如果有必要

                if (ext == "xls" || ext == "xlsx" || ext == "doc" || ext == "docx" || ext == "ppt" || ext == "pptx")
                {
                    if (officeInternetView)
                    {
                        //返回一个微软在线浏览Office的地址,需要加上互联网域名或者公网IP地址
                        viewUrl = string.Format("http://view.officeapps.live.com/op/view.aspx?src={0}{1}", hostName, filePath);
                    }
                    else
                    {
                        #region 动态第一次生成文件
                        //检查本地Office文件是否存在,如不存在,先生成文件,然后返回路径供查看
                        string webPath = string.Format("/GenerateFiles/Office/{0}.htm", info.ID);
                        string generateFilePath = Server.MapPath(webPath);
                        if (!FileUtil.FileIsExist(generateFilePath))
                        {
                            string templateFile = BLLFactory<FileUpload>.Instance.GetFilePath(info);
                            templateFile = Path.Combine(System.AppDomain.CurrentDomain.BaseDirectory, templateFile.Replace("\\", "/"));

                            if (ext == "doc" || ext == "docx")
                            {
                                Aspose.Words.Document doc = new Aspose.Words.Document(templateFile);
                                doc.Save(generateFilePath, Aspose.Words.SaveFormat.Html);
                            }
                            else if (ext == "xls" || ext == "xlsx")
                            {
                                Workbook workbook = new Workbook(templateFile);
                                workbook.Save(generateFilePath, SaveFormat.Html);
                            }
                            else if (ext == "ppt" || ext == "pptx")
                            {
                                templateFile = templateFile.Replace("/", "\\");
                                PresentationEx pres = new PresentationEx(templateFile);
                                pres.Save(generateFilePath, Aspose.Slides.Export.SaveFormat.Html);
                            }
                        }
                        #endregion
                        viewUrl = webPath;
                    }
                }
                else
                {
                    viewUrl = filePath;
                }
复制代码

 

最后,我在附件管理模块里面实现所有文档的显示,对Office文档和图片文档都可以进行预览,以及其他文档进行下载的操作。

 

后面进一步介绍一下Web框架上的附件管理模块的操作功能

分享到:
评论

相关推荐

    ASP.NET MVC5+EasyUI企业开发框架源码

    ASP.NET MVC5+EasyUI企业开发框架源码是一款基于微软的ASP.NET MVC5技术和EasyUI前端框架构建的企业级应用开发框架。此框架旨在提供高效、稳定且易于维护的解决方案,适用于开发复杂的Web应用程序。下面将详细阐述这...

    ASP.NET WebAPI+mvc4.0+EasyUI快速开发框架+通用权限管理系统源码

    1、基于ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout的架构设计开发 2、采用MVC的框架模式,具有耦合性低、重用性高、生命周期成本低、可维护性高、有利软件工程化管理等优点 3、采用WebAPI,客户端完全摆脱了代理...

    007-ASP.NET MVC5+EasyUI企业开发框架源码.7z

    ASP.NET MVC5是一种微软开发的Web应用程序框架,用于构建可维护性和可测试性极高的Web应用。这个框架是ASP.NET的一部分,它结合了Model-View-Controller(MVC)设计模式,提供了对ASP.NET Web API的支持,使得开发...

    ASP.NET MVC5+EasyUI企业开发框架源码-

    ASP.NET MVC5是一种微软开发的开源Web应用程序框架,它结合了ASP.NET Web Forms的事件驱动模型和MVC(Model-View-Controller)设计模式,为Web应用开发提供了更灵活、可测试的架构。该框架主要面向专业开发人员,...

    基于ASP.NET WebAPI+mvc4.0+EasyUI快速开发框架通用权限管理系统源码+说明教程文档.zip

    基于ASP.NET WebAPI+mvc4.0+EasyUI快速开发框架通用权限管理系统源码+说明教程文档: 1、基于ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout的架构设计开发 2、采用MVC的框架模式,具有耦合性低、重用性高、生命周期...

    asp.netMVC4+Shop+easyui.zip(2014-01-05)

    asp.netMVC4+Shop+easyui.zip(2014-01-05)

    ASP.NET MVC4+EasyUI+三层工厂模式 实现权限管理系统.rar

    ASP.NET MVC4+EasyUI+三层工厂模式 实现权限管理系统 其中Entity为模型实体层类库;DAL为数据访问层类库,主要负责数据库操作;BLL为业务逻辑类库,Common为公共帮助类库,WebUI为用户层。

    C# MVC4+EasyUI 管理系统完整源码

    1. 本例子采用Vs2012编译(其它VS版本可以转换后使用) 2. MVC + easyUI + sqlserver2005(及以上) 3. 主要功能:新增、修改、删除、分页、表格多表头、表格行内编辑、导出Excel文件、上传图片、权限设置。

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    在基于MVC4+EasyUI的Web开发框架中,界面控件是构建用户交互界面的关键元素。EasyUI是一个轻量级的JavaScript库,它提供了一系列的组件,使得开发者能够快速地构建美观且功能丰富的Web应用界面。在本文中,我们将...

    一套通用的Easyui+asp.net mvc开发框架源码

    【标题】"一套通用的Easyui+asp.net mvc开发框架源码"揭示了这是一个用于构建Web应用程序的基础架构,结合了两种技术:Easyui和asp.net MVC5。Easyui是一个基于jQuery的用户界面库,提供了丰富的组件和主题,用于...

    【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用.docx

    【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用 在ASP.NET的Web应用开发中,经常会遇到文件上传的需求,而Uploadify是一款非常实用的JQuery插件,它能实现无刷新的文件上传功能。...

    ASP.NET MVC5+EasyUI 企业开发框架源码

    ASP.NET MVC5+EasyUI 企业开发框架源码。 开发工具:VS2013,数据库:Sqlserver2012 开发语言:Asp.net MVC5 ,界面UI:jquery easyui1.4.4,包含框架权限管理部分核心功能,是一套基础的BS开发框架,权限管理到按钮...

    C#基于MVC+EasyUI+ECharts后台管理系统完整源码

    MVC + easyUI + sqlserver2014 + ECharts 3. 主要功能:新增、修改、删除、分页、导出Excel文件、上传图片、权限设置、图形报表展示 (权限设置只是为了练习easyUI tree的使用,具体项目具体分析) (例子涉及两张表...

    MVC4+EasyUI商城源码

    【MVC4+EasyUI商城源码】是一个基于ASP.NET MVC4框架和EasyUI前端库构建的电子商务系统源代码。这个项目旨在提供一个完整的在线购物平台的实现,可以帮助开发者理解和学习如何在实际环境中运用MVC架构和EasyUI设计...

    MVC5+EF6+EasyUI后台管理系统源码+文档

    MVC5(Model-View-Controller)是Microsoft开发的一款基于ASP.NET框架的Web应用开发模式,它鼓励分离关注点,使得开发者可以独立地处理业务逻辑、用户界面和应用程序控制。MVC5在之前的版本基础上进行了优化,提供了...

    Spring MVC+mybatis+easyui+ueditor+shiro权限框架管理系统

    总结来说,Spring MVC+MyBatis+EasyUI+UEditor+Shiro的组合,提供了一种高效且灵活的Web应用开发模式,为企业的后台管理系统提供了强大的技术支持。通过熟练掌握并运用这套框架,开发者可以打造出符合业务需求,且...

Global site tag (gtag.js) - Google Analytics