一起谈.NET技术,Web在线操作Office之Word

简介:   最近公司有个项目,需要直接在IE浏览器中操作Word文档,随后在网上搜了一些资料,感觉都不是很理想。不过,最后还是找到了一个功能比较强的控件,是老外开发的控件,需要注册。还好,没有注册时,只是在页面关闭时弹出一个对话框,如果某人能把它…掉,本人非常感激。

  最近公司有个项目,需要直接在IE浏览器中操作Word文档,随后在网上搜了一些资料,感觉都不是很理想。不过,最后还是找到了一个功能比较强的控件,是老外开发的控件,需要注册。还好,没有注册时,只是在页面关闭时弹出一个对话框,如果某人能把它…掉,本人非常感激。好了,废话不多说。先说说最近搜集的成果,不同级别的功能有不同级别的对应方案,要看大家需要了,这里我提三个方案。

  第1个方案、原汁原味

  Word,Excel或Vioso文档等Office,2003以后的版本,是都可以进行转换的,比如转换为Xml或Html,所以最简单的方案就是直接通过代码将Word文档转为Html格式,这样就可以在线浏览,只是在线浏览,是不能编辑的。

  其中,Excel文件如果转为Xml格式,是可以在线操作的,详细操作方式请参考我之前写的一篇贴子WebExcel文件展现。

  附件,还附加了一个用代码方式将Word文件转为Html格式的例子,仅供大家参考吧,偶也是从其他地方下下来的,经测试可以使用
  第2个方案、大树底下好乘凉

  说这句话,我们的第2个方案就是要用微软的东东,其实微软有好多好东东的,只是它喜欢偷偷摸摸的放出来,很少被人知道。或者说,他根本不打算推这个产品, 只能说:这个可以有。

  好了,我们要用到的就是微软的dsoframer控件,它是免费的,比第1个方案,功能稍强,这个控件没有详细研究,看了看别人的demo,感觉功能不强就没研究下去,附件中也有相关代码的,大家直接参考下好了。
  第3个方案、另辟蹊径

      既然微软这棵大树我们靠不住,就只能借助于第三方控件了,老外在这方向做得很牛X,方方面面的控件或插件都有,只有想不到,没有找不到…唉,中国啊…

      这个控件是OfficeOCXSetup插件,当前版本是7。4。0。236,附件有此安装程序,安装完以后有各编程工具的示例,安装程序提供的示例只提供了简单的打开,关闭,保存等操作。

      看提供的Demo里,好像可以对Word,Excel,PPT,Vioso等Office文件操作,确实很强大哈!

      下面我说一个比较复杂的业务场景:客户的某个单据需要录入,但单据里面的标签等其他帮助性文字是不允许客户修改的,客户所允许修改的地方我们要预留出来。 也就是说,Word本身提供的文档,也相当于ASPX页面,只留一些控件允许客户编辑就行了。

  同时,Word本身还提供一些简单的控件,比如日期,下拉菜单等。如果对下拉菜单取值,赋值等。好了,制作流程如下所示

  环境要求

  a) Word2007,最好是2007版本,因为控件有所新增

  b) 可维护xsd文件的工具(推荐使用VS2005或VS2008)

  名词解释

  a) 书签

  Word文档里的书签,我也不太好讲,可以理解为在文档中预留一个标识符,找数据的时候可以按此标识符查找即可

  b) 结点

  Word本身支持导入XSD架构文档,结点功能与书签功能类似,可理解为书签,只是功能更强大

  结点操作步骤

  a) 制作Word模板文件,如图-1所示:

clip_image002图-1

  b) 开发员收到Word文档后,需要制作xsd文档(相当于定义XML文件结构的,如图-2和图-3所示:

clip_image003图-2

clip_image005图-3

  说明:

  i. xsd提供可视化和编码维护两种方式,个人建议使用编码方式维护。

  ii. <xs:element name=”死亡报卡”>结点为报卡名称。

  iii. <xs:element name=”xingming”>为某个结点,相当于DbTable中的某个DbColumnName名称。

  iv. <xs:attribute name=”dbtablename”为结点的自定义属性,是由我们自行增加的,目前的属性定义如:

dbtablename

结点所属Db表名称

dbcolumnname

结点所属Db表中列名称

dbcolumndatatype

列数据类型,如int,varchar等

dbcolumnedittype

列编辑类型,如textbox,dropdownlist

dbcolumnvalue

列栏值,若编辑类型是下拉菜单,则数据值写入此属性

helpsign

公用帮助标识,如民族,疾病等

comments

列中文含义,可用于必输项检测,弹出提示内容

  v. 只需复制结点,修改其自定义属性值即可。

  c) 完成xsd文档的编写,我们就需要将xsd文档并入Word中,因为我们使用结点方式操作数据。

  i. 打开Word文档,选择”开发工具”页面。

  ii. 单击”架构”菜单,出现”模板和加载项”对话框,如图-4所示:

clip_image007图-4

  iii. 再单击”添加架构”,将我们刚才定义好的xsd文件引入其中,并为其定义一个别名,如图-5所示:

clip_image008图-5

  iv. 上述操作完成后,再点击如图-4所示”结构”菜单,结果会出现如图-6所示界面。注意:”仅列出当前元素的子元素”不要勾选。

clip_image009图-6

  v. 在如图-6所示的界面中,子项中有”死亡报卡”一项,它是我们所有<xs:element>项目的父级结点,需要将其引入其中,注意引入时必须选择”应用于整篇文档”,如图-7所示:

clip_image011图-7

  vi. 接下来的事情,我们就可以选择子项到单元格了,只需单击即可,操作效果如图-8所示:

clip_image013图-8

  vii. 选择我们刚才新增的结点,右键,属性,弹出如图-8所示的界面,这个界面用于将我们自定义的属性加入到结点中,即增加至”分配的属性”项中。这样我们就可以通过代码方式取值和赋值自定义属性了,增加后的效果如图-9所示:

clip_image014图-9

  viii. 通过上述步骤,我们完成了报卡的设置工作,到此我们就可以通过编码方式对文档操作,包括结点取值和赋值,结点自定义属性取值和赋值。不过,如果直接拿给客户使用,会造成某些文字误删,因此,还需要对文档进行保护处理,同时,设置好只允许客户编辑的区域。

  d) 对文档进行保护,只允许录入,详细操作步骤如下。

  i. 切换到”开发工具”页面,单击”保护文档”,出现如图-10所示界面:

clip_image016图-10

  ii. 选中某个我们刚才编辑好的模板,将右侧”仅允许在文档中进行此类编辑”勾选,再勾选”每个人”复选框即可。

  iii. 其余结点均按此操作步骤即可,设置完以后,选择”是,启动强制保护”即可(没有设置密码)。这样操作以后,交付给客户使用时,客户就不会误删数据了,因为所有数据都被保护起来了,留下来的都是允许客户编辑的。

  iv. 保护起来后,效果如图-11所示,可以停止保扩,注意:不要勾选”突出显示可编辑的区域”复选框,它的作用是显示/隐藏保护区域。

clip_image017图-11

  e) 最后,我们需要美化一下,如图-12所示:

  不要勾选”在文档中显示XML标记”复选框,它的作用是显示/隐藏结点项。

clip_image018图-12

  设置书签步骤

  a) 以设置页眉为例

  i. 在页眉中,录入”医院名称”文字,然后按几个空格,再选中刚才的空格,切换到”插入”页面,选择书签,弹出如图-13所示页面,录入一个书签名称,添加至列表框中即可。

clip_image020图-13

  ii. 设置完以后,如图-14所示,这是我们设置好以后的书签,是否保护可以通过设置结点保护方式即可。

clip_image021图-14

  控件安装程序说明

  a) 安装完此控件后,找到安装路径,如图-15所示。

  i. Officeviewer.cab文件就是我们asp.net程序所要加载的cab控件包。

  ii. Samples文件夹,是各编程工具的示例,可直接运行,里面有asp.net示例,我们以此为例:

clip_image023图-15

  b) 打开asp.net页面,cab加载方式也按它的加载方式即可。

  i. 我们在使用时,直接照搬过来即可,例:打开Word文档,事件注册方式等。

  ii. 这里重点说明我们以后会频繁操作的事件,就是双击事件,因为我们需要双击事件弹出公用帮助,提供快速录入功能,如图-16所示:

clip_image024图-16

  c) 代码说明

  i. 声明页面变量array_xmlnodenameist和array_bookmarknamelist两个变量,用于存储Word文档中结点名称列表和书签名称列表,目的是提高性能,不必每次再循环获取。上述变量可在OA1_DocumentOpened事件中赋值。

  ii. 控件与Db表数据取值和赋值方式如图-17和图-18所示。

  iii. Js方法可参考edrawoffice.js文件,已对一些功能有所封装。

clip_image026图-17

clip_image028图-18

  Word控件使用

  a) 使用Word2007中自带的控件,实现数据的简单定义后,数据的取值和赋值操作,如日期,性别下拉菜单等,如图-22所示:

clip_image029图-22

  b) 数据赋值时,是下拉菜单操作,需要将显示值显示在页面控件,数据值存储在结点的自定义属性中,此功能已实现,代码在edrawoffice.js中。

  备注

  1. 本要提供对此控件的技术支持,有问题可以与我联系,同时我提供的类库中若在问题,也请与我联系。

  2. 此控件的评估版本,页面关闭时会弹出对话框,如图-23所示,若有高手可以解决,本人不胜感谢。

clip_image030图-23

  代码及安装程序:Web在线操作Office文件.File

目录
相关文章
|
10天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
1月前
|
前端开发 数据库 UED
构建高性能Web应用的关键技术
本文将介绍构建高性能Web应用的关键技术,包括前端优化、后端优化、数据库优化等方面。通过深入讨论各项技术的原理和实践方法,帮助开发者们提升Web应用的响应速度和用户体验。
|
1月前
|
存储 前端开发 JavaScript
从前端到后端,探索现代Web开发技术
本文探索了现代Web开发技术的各个方面,包括前端和后端开发以及多种编程语言的应用。通过对JavaScript、Java、Python、C、PHP和Go等语言的介绍,深入探讨了前端和后端开发的基本原理和常用工具。同时,还涵盖了数据库技术在Web开发中的重要性和应用场景。无论你是初学者还是有经验的开发者,本文都能为你提供全面的视角和实用的知识,帮助你在Web开发领域取得更好的成果。
|
1月前
|
SQL 存储 数据库
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
基于Web技术的在线考试系统的设计与实现(论文+源码)_kaic
|
1月前
|
网络协议 安全 网络性能优化
基于web技术的企业网设计与实现_kaic
基于web技术的企业网设计与实现_kaic
|
1月前
|
开发框架 Dart 前端开发
构建响应式Web界面:Flutter的跨界前端技术
【2月更文挑战第23天】随着移动互联网的飞速发展,响应式Web设计成为现代前端开发的重要趋势。在众多框架中,Google推出的Flutter以其高效的渲染性能、跨平台能力及丰富的组件生态,为前端开发者带来了新的选择。本文将深入探讨如何利用Flutter进行高效、美观的响应式界面构建,同时剖析其与传统前端技术的差异和优势。
|
1月前
|
网络协议 安全 网络性能优化
基于web技术的企业网设计与实现_kaic
基于web技术的企业网设计与实现_kaic
|
1月前
|
缓存 前端开发 JavaScript
现代Web开发中的前后端分离技术探究
本文旨在探讨现代Web开发中的前后端分离技术,包括前端框架、后端接口设计、数据交互等方面。通过深入分析,我们将了解如何优化开发流程、提高性能和用户体验,以及如何选择适合项目需求的技术栈。
|
1月前
|
前端开发 安全 区块链
前沿技术探索:Web3.0与前端开发的融合之路
【2月更文挑战第12天】 在数字技术快速发展的今天,Web3.0作为互联网的新阶段,不仅预示着去中心化、更加智能化的网络环境,还为前端开发带来了前所未有的挑战与机遇。本文将深入探讨Web3.0对前端开发的影响,分析其在实际应用中如何与前端技术融合,以及前端开发者如何适应这一变革,把握新时代的技术趋势。通过案例分析与技术展望,我们将一窥Web3.0与前端开发融合的未来图景,为前端开发者提供新的思考和行动指南。
136 26
|
1月前
|
前端开发 安全 搜索推荐
未来前端开发的新趋势:Web3.0与区块链技术的融合
【2月更文挑战第12天】 本文探讨了Web3.0和区块链技术对未来前端开发领域的影响。不同于传统摘要的简单概括,我们将通过一个创新的视角,深入解析这两项技术如何共同塑造前端开发的新生态,引领未来互联网的方向。文章首先介绍了Web3.0和区块链技术的基本概念,随后详细分析了它们在提高数据安全性、增强用户体验和推动去中心化应用(DApp)开发上的具体应用。最后,我们将展望这一趋势对前端开发者技能要求的变化,以及如何准备迎接这一变革。