Web在线操作Office之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

        NET技术Web在线操作Office之Word,转载需保留来源!

        郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。