用OWC控件实现基于模板的Web应用程序

ＭｉｃｒｏｃｏｍｐｕｔｅｒＡｐｐｌｉｃａｔｉｏｎｓＶｏ１．２６，Ｎｏ．７，２０１０　丌发　微型电脑应用　２０１０年第２６卷第７期　

文章编号：１　００７・７５７Ｘ（２０　１　０）７－００４　１－０３　

用ＯＷＣ控件实现基于模板的Ｗｅｂ应用程序　

崔学荣，张浩　

摘要：为了满足用户对灵活多变的Ｗｅｂ应用程序的需求，避免重新开发设计程序，提出了一种用ＯＷＣ（Ｏｆｉｆｃｅ　Ｗｅｂ　

Ｃｏｍｐｏｎｅｎｔ）控件实现的基于模板的Ｗｅｂ应用程序。同时设计了一套完整的模板制作、编辑数据、查看数据的流程，并介绍　

了其中的关键技术和实现方法。这样，可以大大地减轻软件开发人员的工作量，增强系统的灵活性，满足用户随时变化的显　

示、录入方式，提高人机界面的友好性。　

关键词：０ｆｉｆｃｅ　ａｃｔｉｖｅＸ控件；ＯＷＣ；模板；Ｗｅｂ应用程序　

中图分类号：ＴＰ３１１．５２　文献标志码：Ａ　

０引言　

对数据源的数据进行检索等，该控件在运行时，不可见，经　

常与上述３个子控件联合使用。常用的ＯＷＣ控件的版本为　

随着计算机网络的发展，基于Ｗｅｂ的Ｂ／ｓ　Ｏｆｉｆｃｅ２００３中的ｏｗｃ１　ｌ，其ＣｌａｓｓＩＤ为‘＇ＣＬＳＩＤ：０００２Ｅ５５Ｄ　

（Ｂｒｏｗｓｅｒ／Ｓｅｒｖｅｒ）结构的应用程序越来越受到人们的喜爱　

”

。

例如：＜ｏｂｊｅｃｔ　ｉｄ＝”ＯＷＣ”　

和推广。因为Ｂ／Ｓ结构属于度客户端应用程序，只需要在服　

ｗｉｄｔｈ＝”１００％”ｃｌａｓｓｉｄ＝”ｃｌｓｉｄ：０００２Ｅ５５１－００００—００００一Ｃ０００—０００　

务器上部署系统，即可实现所有联网计算机的互操作。然而　

０００００００４６”ｖｉｅｗａｓｔｅｘｔ　ｓｔｙｌｅ＝”ｈｅｉｇｈｔ：４００ｐｘ；”＞，用户需要根　

对程序开发人员和最终用户而言，传统Ｗｅｂ应用程序最大　

据不同的ｏｆｉｆｃｅ版本，使用不同的ＯＷＣ版本，更换上方的　

的缺点就是灵活性差【１ｌ。一旦用户提出一种新的数据录入　

ｃｌａｓｓｉｄ［４】。　

或显示模式，一般都要由专业程序员重新开发或者布局Ｗｅｂ　本文设计的基于ＯＷＣ模板的Ｗｅｂ应用程序，主要分　

应用程序。为了满足用户对灵活多变的Ｗｅｂ应用程序的需　

为３个模块，如图１所示。“模板制作”模块主要是由程序　

求，最可取的方案就是实现基于模板的Ｗｅｂ应用程序，由　

员将模板固化在程序中或者系统管理员通过在线的方式编　

系统管理员自己定义各类应用的模板，由一般用户直接使用　辑完成；“编辑数据”模块主要是由终端用户打开模板，录　

这些模板来录入数据或显示打印数据『２】。基于模板的应用　入数据，保存数据；“查看数据”模块是以图表的方式打开　

程序在～般的桌面应用程序中比较容易实现，但是却一直是　

显示已经保存的数据。　

Ｗｅｂ应用程序的一大难题，本文采用ＯＷＣ控件，设计了一　

套完整的模板制作、编辑数据、查看数据的流程，可以大大　

减轻软件开发人员的工作量、增强系统的灵活性、满足用户　

随时变化的显示、录入方式、提高人机界面的友好性。　

１　ＯＷＣ控件的简介　

ＯＷＣ控件属于Ｏｆｉｆｃｅ　ＡｃｔｉｖｅＸ控件中的一个，在安装　

Ｍｉｃｒｏｓｏｆｔ　Ｏｆｉｆｃｅ时即可免费安装。虽然该控件命名为‘＇Ｗｅｂ　

Ｃｏｍｐｏｎｅｎｔ＇’，但是它不仅可以应用在ｗｌｅｂ应用程序中，而　

且也可以应用在桌面应用程序中，用于向程序中添加电子表　

格、图表等【３】。ＯＷＣ控件主要包含Ｓｐｒｅａｄｓｈｅｅｔ、Ｃｈａｒｔ、　

ＰｉｖｏｔＴａｂｌｅ和Ｄａｔａ　Ｓｏｕｒｃｅ等４个子控件。其中Ｓｐｒｅａｄｓｈｅｅｔ　

控件，能够在程序中嵌入一个类似于Ｅｘｃｅｌ表单的控件，可　

以实现排序、筛选、公式计算、格式设置、复制粘贴、导出　

Ｅｘｃｅｌ等操作：Ｃｈａｒｔ控件：能够在程序中嵌入一个类似于　

图１用ｏｗｃ创建基于模板的Ｗｅｂ应用程序的流程图　

Ｅｘｃｅｌ图表的控件，并可以将生成的各类统计图导出成图片　

格式；ＰｉｖｏｔＴａｂｌｅ组件：向系统中增加类似于Ｅｘｃｅｌ数据透　

２模版的制作　

视表的控件，实现分类统计汇总；Ｄａｔａ　Ｓｏｕｒｃｅ控件：向系　

模板制作是在编程时或者管理员在后台系统维护中在　

统中增加类似于Ｅｘｃｅｌ外部数据的控件，用来绑定数据源、　

线完成的，根据流程可以分为“制作模板”、“提取ＨＴＭＬ　

基金项目：国家８６３项目（２００７ＡＡ０１Ｚ３１７）；国家自然科学基金项目（６０９０２００５）　

作者简介：崔学荣（１９７９－），山东省莱阳市人，中国石油大学（华东）计算机与通信工程学院，讲师，博士研究生，主要研究方向：无线通信、　

计算机网络，山东青岛２５７０６１；张浩（１９７５－），江苏，中国海洋大学信息科学与工程学院，教授，博士生导师，博士，主要研究　

方向：超宽带无线通信系统、卫星导航系统、认知无线电，山东青岛２６６１００　

・４１・　

ＭｉｃｒｏｃｏｍｐｕｔｅｒＡｐｐｌｉｃａｔｉｏｎｓ　Ｖｏｌ。２６，Ｎｏ．７．２０１０　开发应用　微型电脑应用　２０１０年第２６卷第７期　

或ＸＭＬ字符流”和“保存模板”３部分。　

框中即可。　

２　ｌ制作模板　

２）通过ＯＷＣ控件制作模板：可以通过　

可以通过两种方法制作模板：　

ＯＷＣ．ＨＴＭＬＤＡＴＡ（如果是ＸＭＬ字符流则应该是　

１）在Ｏｆｉｆｃｅ的Ｅｘｃｅｌ中直接制作。这种方法制作简单、　

ＯＷＣ．ＸＭＬＤＡＴＡ，如果是ＣＳＶ字符流则应该是　

可以利用的功能菜单多，操作简单、灵活。但是需要手工将　

ＯＷＣ．ＣＳＶＤＡＴＡ）获得模板的字符流。可以通过客户端脚　

Ｅｘｃｅｌ另存为ＨＴＭＬ或ＸＭＬ格式文件。　

本语言将模板的字符流转存到隐藏型的文本框中（假定文本　

２１通过ＯＷＣ控件。利用ＯＷＣ控件以及程序员提供的　

框的ＩＤ为ＯＷＣｌｎｐｕｔ）。例如：ＯＷＣＩｎｐｕｔ．ｖａｌｕｅ＝ＯＷＣ１．　

功能在线制作模板。ＯＷＣ控件已经提供了一些在线编辑的　

ＨＴＭＬＤＡＴＡ。最后再将文本框中的数据提交到服务器。　

功能按钮和右键快捷菜单（主要在快捷菜单的“命令和选项”　２．３保存模板　

中），例如：文本、字体、数字格式、边框的格式，合并单　将文本框中的＂ＯＷＣ字符流提交到服务器中的文件中、　

元格，公式编辑等。　服务器的数据库中或者直接嵌入到程序文件中。　

但是，ＯＷＣ控件本身提供的功能非常有限，程序员还　１）保存到数据库中　

需要通过ＶＢＳｃｒｉｐｔ或ＪａｖａＳｃｎｐｔ客户端脚本语言扩充其他常　

可以将创建的模板保存到数据库的备注型字段中，保存　

用的功能，例如：冻结窗格、插入超链接、插入文件、锁定　

到数据库中时要注意，因为ＯＷＣ的字符流中包含单引号或　

单元格等。实现方法如下（假设当前的ＯＷＣ控件的ＩＤ为　双弓ｌ号等，所以最好是采用传递参数的形式来执行ＳＱＬ语　

“ＯＷＣ”，客户端脚本语言为ＶＢＳｃｒｉｐｔ）．　

句而不要直接通过连接字符串生成ＳＱＬ语句。例如在　

１）冻结窗格：将对应的行（当前单元格的上一行）或　

ＶＢ．ｎｅｔ中将模板保存到ＳＱＬ　Ｓｅｒｖｅｒ数据库中可以执行如下　

列（当前单元格的左列）冻结，当上下或左右拖动滚动条时，　

语句：　

被冻结的区域将一直显示。　

Ｄｉｍ　ｃｏｌｎｎｌ　Ａｓ　Ｎｅｗ　Ｓｙｓｔｅｍ．Ｄａｔａ．ＳｑｌＣｌｉｅｎｔ　ＳｑｌＣｏｍｍａｎｄ　

Ｓｕｂ　ｓｅｔＦｒｅｅｚｅ　ｆＳｔａｔｕｓ）’Ｓｔａｔｕｓ为逻辑型，取值为ｔｒｕｅ　

（”ＩＮＳＥＲＴ　ＩＮＴＯ　ｔｅｍｐｌａｔｅ（ｏｗｃ，ｔｉｔｌｅ）ＶＡＬＵＥＳ（＠ｏｗｃ，”’＆　

（冻结）或者ｆａｌｓｅ（不冻结）。　

ＴｒｉｌｆｅＶａｌｕｅ＆”’）”，ｃｏｎｎ）　

０ＷＣ　ＡｃｔｉｖｅＷｉｎｄｏｗ．ＦｒｅｅｚｅＰａｒｉｅｓ＝Ｓｔａｔｕｓ　

Ｄｉｍ　ＰＯＷＣ　Ａｓ　Ｎｅｗ　Ｓｙｓｔｅｍ．Ｄａｔａ　ＳｑｌＣｌｉｅｎｔ．　

Ｅｎｄ　Ｓｕｂ　

ＳｑｌＰａｒａｍｅｔｅｒ（”＠ｏｗｃ“，Ｓｙｓｔｅｍ．Ｄａｔａ．ＳｑｌＤｂＴｙｐｅ　ＮＴｅｘｔ）　

２）插入超链接　

ＰＯＷＣ　Ｖａｌｕｅ＝Ｒｅｑｕｅｓｔ．Ｆｏｒｍ（”ＯＷＣＩｎｐｕｔ”１　

Ｓｕｂ　ａｄｄＨｙｐｅｒｌｉｎｋ（ｘ，Ｙ，ｔｉｔｌｅ，ｕｒ１）　

ｃｏｎｌｎｌ　Ｐａｒａｍｅｔｅｒｓ　Ａｄｄ（ＰＯＷＣ）　

ＯＷＣ　Ｃｅｌｌｓ（ｘ，ｖ）．ｖａｌｕｅ＝ｔｉｔｌｅ’Ｘ，Ｙ为整型表示单元格位　

ｃｏｍｍ　ＥｘｅｃｕｔｅＮｏｎＱｕｅｒｙ（）　

置；ｔｉｔｌｅ为字符型，表示超链接显示的内容。　２）保存到文件中　

ＯＷＣ　Ｃｅｌｌｓ（ｘ，ｖ）Ｈｙｐ￣ｉｎｋ　Ａｄｄｒｅｓｓ＝ｕｒｌ’ｕｒｌ为字符型，　

可以将创建的模　保存到服务器的文件中，在ＡＳＥｎｅｔ　

表示超链接的地址。　

中需要使用ＳｙｓｔｅｍＩＯＦｉｌｅ命名空间，在ＡＳＰ中需要使用　

Ｅｎｄ　Ｓ　ｂｕ　

Ｓｃｉｒｐｔｉｎｇ　ＦｉｌｅＳｙｓｔｅｍＯｂｊｅｃｔ组件读写文本文件。　

３）插入文件　

３）嵌入到　序文件中　

插入文件实现的思路：首先将文件通过上传组件上传到　

对于永久　变的页面，程序员也可以将ＯＷＣ字符流直　

服务器，然后再在Ｅｘｃｅｌ中相应的单元格中对该文件做超级　接写在程序由，此时需要将ＨｑｑＶｌＬ字符流赋值给ＯＷＣ的　

连接。　

参数ｔｒｒＭＬＤＡＴＡ（对于ＸＭＬ字符流参数名为ＸＭＬＤＡＴＡ，　

４）锁定单元格：将选定的单元格锁定，通过锁定单元　

对以Ｃｓ＾，字符流参数名为ＣＳＶＤＡＴＡ）。例如：＜ｐａｒａｍ　

格可以实现固定模板的格式，使得用户只能在特定的单元格　

ｎａｍｅ－”ＨＴＭＩ　Ｄ　Ｌ１ｌＡ”　

输入数据。　

ｖａｌｕｅ”＜ｔａｂｌ　

Ｓｕｂ　ＬｏｃｋＣｅｌｔｓ（Ｓｔａｕｔｓ）　

ａｔｂｌｅ＞”＞。同时可以将对模板操作的脚本命令写着程序中。　

‘Ｓｔａｔｕｓ为逻辑型，取值为ｔｒｕｅ（锁定，该区域的单元　例如以下的ＶＢＳｃｒｉｐｔ脚本命令：　

格不能编辑）或者ｆａｌｓｅ（不锁定，该区域的单元格可以编　

ＯＷＣ．ＤｉｓｐｌａｙＷｏｒｋｂｏｏｋＴａｂｓ＝ｆａｌｓｅ’设定不显示左下方　

辑）。　的ｓｈｅｅｔ选择框　

ＯＷＣ．Ｓｅｌｅｃｔｉｏｎ．１ｏｃｋｅｄ＝Ｓｔａｔｕｓ　

ＯＷＣ．ＴｉｔｌｅＢａｒ．Ｃａｐｔｉｏｎ＝”ＴＯＡ定位方法误差统计”　设　

０ＷＣ．ＡｃｔｉｖｅＳｈｅｅｔ　Ｐｒｏｔｅｃｔｉｏｎ　Ｅｎａｂｌｅｄ＝￣ｕｅ　

定ＯＷＣ控件左上方显示的标题　

Ｅｎｄ　Ｓｕｂ　

ＯＷＣ　ＴｉｔｌｅＢａｒ．Ｖｉｓｉｂｌｅ＝ｔｒｕｅ’设定显示工具条　

２ｌ２提取ＨＴＭＬ或ＸＭＬ字符流　

ＯＷＣ．Ｒａｎｇｅ（”Ａ１：Ｊ２”１．Ｆｏｎｔ．Ｂｏｌｄ－－ｔｒｕｅ　设定　

制作的模板最终要以ＯＷＣ（ＨＴＭＬ或ＸＭＬ）字符流　该区域内所有单元格的字体为粗体　

（如果不保存格式也可以使用ＣＳＶ字符流）的形式存放在　

ＯＷＣ　Ｒａｎｇｅ（”Ａ１：Ｊ２”１　Ｉｎｔｅｒｉｏｒ．Ｃｏｌｏｒ＝”Ｙｅｌｌｏｗ”　’设定　

文本框中。　该区域内所有单元格的背景颜色为黄色　

１）在Ｏｆｉｆｃｅ的Ｅｘｃｅｌ中制作的模板：要首先将其另存　

ＯＷＣ　Ｒａｎｇｅ（”Ａ１：Ｊ２”１．ＨｏｒｉｚｏｎｔａｌＡｌｉｇｎｍｅｎｔ＝－４１０８’该区　

为ＨＴＭＬ或Ｘ／ｖＩＬ格式文件，然后用记事本打开保存的文件　

域内所有单元格均水平方向居中显示　

从而得到字符流。最后将该字符流复制、粘贴到网页的文本　

ＯＷＣ．Ｒａｎｇｅ（”Ａ１：Ｊ２”１　ＶｅｒｔｉｃａｌＡｌｉｇｎｍｅｎｔ＝－４１０８’该区域　

・４２・　

ＭｉｃｒｏｃｏｍｐｕｔｅｒＡｐｐｌｉｃａｔｉｏｎｓＶｏ１．２６，Ｎｏ．７，２０１０　开发应用　微型电脑应用　２０１０年第２６卷第７期　

内所有单元格均垂商方向居中显示　

呻定藏系麓芋均意俄鼍差‘童挺ｔ￣ｌｌａｌｔ：Ｉ聃『】　

ＯＷＣ　Ｒａｎｇｅ（ＯＷＣ　Ｃｅｌｌｓ（１，１），ＯＷＣ．Ｃｅｌｌｓ（９，９））Ｂｏｒｄｅｒｓ　

ＬｉｎｅＳｔｙｌｅ＝ｌ’该区域内所有单元格均显示边框　

．．　

ＯＷＣ　ｒａｎｇｅ（”Ｅ１”）ｆｏｒｍｕｌａ＝”＝ｒｏｕｎｄ（Ｄ１／３６５，１）”　’设定　

　－

ｉ　

１２　

一

单元格的公式　

Ｉｏ　

ＯＷＣ　Ｃｏｌｕｍｎｓ．ＡｕｔｏＦｉｔ（）’设定列宽自动调整为最适合　

董。　ｒ　ｌ　

的列宽　

Ｉ　ｅ　ｌ　

４　

－　ｌ

Ｊ

ｌ：

３编辑数据　

－　－２　：　≮¨¨　ｌ　Ｉ＝　

：．　矗　：。　。　Ｉ　。　曲舢　

编辑数据模块一般是给终端用户使用的，用ＯＷＣ的　

；　；　‘２　

Ｓｐｒｅａｄｓｈｅｅｔ将模板显示出来，用户录入数据或者直接拷贝数　

正方　定盅逸ｊ毫边长【●靠：米】　

据到表格中均可，编辑数据模块还要注意以下两个问题：　

ｌ＋艇　＋朝　ｌ　

３　１模板的显示　

图２　ＣｈａｒｔＳｐａｃｅ控件显示实例　

有以下两种显示模板的方法：　

１）模板如果是以文件的形式保存到服务器上，则应该　

５结语　

设定ＯＷＣ控件的ｈｔｍｌＵＲＬ（如果是ＸＭＬ文件则应该是　

ｘｍｌＵＲＬ，如果是ＣＳＶ文件，则应该是ｃｓｖＵＲＬ）属性，指　

本文提出了一种使用ＭｉｃｒｏｓｏｆｔＯｆｉｆｃｅ提供的ＯＷＣ（电　

向服务器的文件，例如：＜ｐａｒａｍ　ｎａｎｌｅ＝”ｈｔｍｌＵＲＬ”ｖａｌｕｅ＝”　

子表格、图表、交叉图、数据源）控件，实现了基于模板的　

ｈｔｔｐ：／／１２７．０　０　１／ｔｅｍｐｌａｔｅ／１．ｈｌｍ”＞。　

Ｗｅｂ应用程序的方法，并用该方法实现了“超宽频带无线精　

２）模板如果是以字符的形式保存到数据库中，则应该　

确定位系统”。实践证明，采用基于ＯＷＣ控件模板的数据　

查询数据库，将字符流赋值给ＯＷＣ控件的ＨＴＭＬＤＡＴＡ（如　

编辑系统，可以大大地增加Ｗｅｂ应用程序的灵活性、界面　

果是ＸＭＬ文件则应该是ｘｍｌＤＡＴＡ，如果是ＣＳＶ文件，则　

友好性和系统稳定性。　

应该是ｃｓｖＤＡＴＡ）属性。例如：＜ｐａｒａｍ　ｎａｍｅ＝”ＨＴＭＬＤＡＴＡ”　

ｖａｌｕｅ＝”＜％＝ｄａｔｅｒｅａｄｅｒ　ＯＷＣ”）．ｔｏＳｔｒｍｇ０％＞”＞。　

参考文献　

３．２提取单元格数据　

可以将整个ＯＷＣ控件的数据保存到服务器上，参照　

【１】唐贤伦，张学旺．ＯＷＣ组件在、ｖｅｂ图表统计中的应用【Ｊ］．　

‘　３保存模板”，也可以用客户端脚本语言只提取关心的单　

计算机应用，２００３，２３（Ｓ２）：４３７－４３８．　

元格的数据。方法是：　

【２】　关锋．基于ＯＷＣ的报表软件的设计与实现【Ｄ】．北京：北　

１）在客户端将单元格的数据保存到一个隐藏型的输入　

京大学软件工程系＇２００６．　

框中。例如，以下ＪａｖａＳｃｒｉｐｔ代码是将ＯＷＣ中第１列的所　

『３１　Ｊｎｕ　Ｆｕｊｉｍａ，Ｓｈｏｈｅｉ　Ｙｏｓｈｉｈａｒａ，Ｙｕｚｕｒｕ　Ｔａｎａｋａ．Ｗｌｅｂ　

有数据放在了ｉｎｐｕｔＶａｌｕｅ这个输入框中。　Ａｐｐｌｉｃａｔｉｏｎ　ｏｎ；ｈｅｓｈａｔｉｏｎ　Ｕｓｉｎｇ　Ｅｘｃｅｌ［Ｃ］．Ｐｒｏｃｅｅｄｉｎｇｓ　ｏｆ　

ｆｕｎｃｔｉｏｎ　ｇｅｔｃｅｌｌｓ（）　

ｔｈｅ　ＩＥＥＥ＾ｖＩＣ／ＡＣＭ　Ｉｎｔｅｒｎａｔｉｏｎａｌ　Ｃｏｎｆｅｒｅｎｃｅ　ｏｎ　Ｗｅｂ　

｛ｉｎｓｅｒｔ－＝””　

Ｉｎｔｅｌｌｉｇｅｎｃｅ．Ｗａｓｈｉｎｇｔｏｎ　ＤＣ：ＩＥＥＥ　Ｃｏｍｐｕｔｅｒ　Ｓｏｃｉｅｔｙ，　

ｖａｒ　Ｓｈｅｅｔ－＝ｄｏｃｕｍｅｎｔ．ａｌｌ　ＯＷＣ　

２００７：７４３—７４９．　

ｆｏｒ（ｉ：２；ｉ＜＝ＯＷＣ．ＡｃｔｉｖｅＳｈｅｅｔ．ＵｓｅｄＲａｎｇｅ　Ｒｏｗｓ．ｃｏｕｎｔ　ｉ＋＋　

『４１　Ｊａｃｅｋ　Ｓｌｏｍｃｚｅｗｓｋｉ，Ｗｏｊｃｉｅｃｈ　Ｚａｂｉｅｒｏｗｓｋｉ，Ａｎｄｒｚｅｉ　

）　

Ｎａｐｉｅｒａｌｓｋｉ．Ｕｐｄａｔｅ　ａｎｄ　Ｍｏｄｉｉｆｃａｔｉｏｎ　Ａｐｐｌｉｃａｔｉｏｎ　ｆｏｒ　

｛ｉｆ（Ｓｈｅｅｔ　Ｃｅｌｌｓ（ｉ，１）．Ｖａｌｕｅ＝＝ｎｕｌ１）　

、＾ｎ＾ｎＶ　ＴｅｍｐｌａｔｅｓＩＣ］　Ｍｏｄｅｍ　Ｐｒｏｂｌｅｌｌｉｓ　ｏｆ　Ｒａｄｉｏ　

ｂｒｅａｋ；　

Ｅｎｇｉｎｅｅｒｉｎｇ，Ｔｅｌｅｃｏｍｍｕｎｉｃａｔｉｏｎｓ，ａｎｄ　Ｃｏｍｐｕｔｅｒ　Ｓｃｉｅｎｃｅ　

ｅｌｓｅ　

Ｗａｓｈｉｎｇｔｏｎ　ＤＣ：ⅢＥＥ　Ｃｏｍｐｕｔｅｒ　Ｓｏｃｉｅｔｙ２００６：４０６—４０９．　

ｎｉｓｅｒｔ＝ｉｎｓｅｒｔ＋Ｓｈｅｅｔ．ＣｅＨ￣ｉ，１）．Ｖａｌｕｅ＋”　｝　

［５５］　Ｓａｍ　Ｃｈｕｎｇ，Ｙｕｎ－Ｓｉｋ　Ｌｅｅ，Ｍｏｄｅｌｉｎｇ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎｓ　

ｄｏｃｕｍｅｎｔ．ａｌｌ　ｉｎｐｕｔＶａｌｕｅ　ｖａｌｕｅ＝（ｎｉｓｅｒｔ）　｝　

ｕｓｉｎｇ　Ｊａｖａ　ａｎｄ　ＸⅣ匝　ｒｅｌｍｅｄ　ｔｅｃｈｎｏｌｏｇｉｅｓＩＣｌ／／　

２）在服务器端提取该输入框中的值，用ｓｐｌｉｔ方法将其　

ｒＰｏｃｅｅｄｉｎｇｓ　ｏｆ　ｔｈｅ　３６ｔｈ　Ａｎｎｕａｌ　Ｈａｗａｉｉ　Ｉｎｔｅｍａｔｉｏｎａｌ　

分离。例如：ｓｔｒｉｎｇ［］ｎｉｐｕｔ＝ｉｎｐｕｔＶａｌｕｅ．Ｖａｌｕｅ．Ｓｐｌｉｔ（’ｌＩ１＇这样　

Ｃｏｎｆｅｒｅｎｃｅ　ｏｎ　Ｓｙｓｔｅｍ　Ｓｃｉｅｎｃｅｓ一２００３．Ｗａｓｈｉｎｇｔｏｎ　ＤＣ：　

就将输入的值分离到了数组ｉｎｐｕｔ中。　

ＩＥＥＥ　ＣｏｍｐｕｔｅｒＳｏｃｉｅｔｙ，２００３：１．１０．　

ｆ６１　Ｃｈａｎｗｉｔ　Ｋａｅｗｋａｓｉ，Ｗａｎｃｈａｉ　Ｒｉｖｅｐｉｂｏｏｎ．ＷⅥ　：ａ　ｐｒａｃｔｉｃａｌ　

４查看数据　

ｍｅｔｈｏｄｏｌｏｇｙ　ｆｏｒ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　ｍｏｄｅｌｎｉｇ［Ｃ］　

Ｐｒｏｃｅｅｄｉｎｇｓ　ｏｆ　ｔｈｅ　２６ｔｈ　Ｉｎｔｅｒｎａｔｉｏｎａｌ　Ｃｏｍｐｕｔｅｒ　Ｓｏｆｔｗａｒｅ　

可以在ＯＷＣ的Ｓｐｒｅａｄｓｈｅｅｔ、Ｃｈａｒｔ、ＰｉｖｏｔＴａｂｌｅ等控　

ｎａｄ　Ａｐｐｌｉｃａｔｉｏｎｓ　Ｃｏｎｆｅｒｅｎｃｅ　ｏｎ　ｒＰｏｌｏｎｇｉｎｇ　Ｓｏｆｔｗａｒｅ　Ｌｉｒｅ：　

件中以图、表的形式查看数据。例如，图２是利用ＣｈａｒｔＳｐａｃｅ　

Ｄｅｖｅｌｏｐｍｅｎｔ　ｎａｄ　Ｒｅｄｅｖｅｌｏｐｍｅｎｔ．Ｗａｓｈｉｎｇｔｏｎ　ＤＣ：ＩＥＥＥ　

控件显示的国家８６３项目“超宽频带无线精确定位系统的开　

Ｃｏｍｐｕｔｅｒ　Ｓｏｃｉｅｔｙ，２００２：６０３—６０８．　

发与设计”中通过Ｗｅｂ浏览器实时看到ＵＷＢ定位模块运　［７］Ｍｉｃｒｏｓｏｆｔ　Ｃｏｒｐｏｒａｔｉｏｎ脚本主题【ＥＢ／ＯＬ］　

行的结果。这些图表在Ｗｅｂ浏览器中是可以拖动改变大小　

ｈｔｔｐ：／／ｗｗｗ．ｍｉｃｒｏｓｏｆｔ　ｃｏｍ／ｃｈｉｎａ／ｔｅｃｈｎｅｔ／ｃｏｍｍｕｎｉｔｙ／ｓｃｒｉｐｔ　

而显示质量并不改变的矢量图形。　

ｃｅｎｔｅｒ／ｔｏｐｉｃｓ／ｄｅｆａｕｌｔ　ｍｓｐｘ－２０ｌ０．　

ｆ收稿日期：２０１０－０３．２４）　

・４３・