其 7 别每个标记都增加了一个命名空间 。
他数据集成在一起是一种用文本方式描述矢量图形的语 VML 有自己的坐标系使用 CoordSize 属性就是用来 言。
VML 在 Web 上建立的高效、灵活和简洁的矢量图形 定义坐标这样动态改变它的坐标就可以实现放大、缩 可以任意放大缩小而不损失图形的质量在制作地图上有 小、旋转等功能。
很大用途。
结合一种网络编程语言就能设计出动态的统 Shape 对象是VML 最基本的对象它最主要的属性 计图形。
并能够结合客户端脚本让图形产生动态的效 是Path 利用它可以画出所有想要的图形。
Shape 对象派 果。
在数据交互的过程中服务器只须将变化的数据发送 生出来的一些对象 比如说 Rect 矩形 RoundRect 圆角 到客户端即可。
不仅易于对绘制的图形进行控制而且充 矩形 Oval 圆 Line 线 PolyLine 不规则折线 Image 分利用了客户端的资源减轻了服务器的负荷。
图形文件 等等。
其基本规则是:单个的元素被定义为形状大多数形 Group 容器能让一系列的VML 对象使用共同的坐标 状是由矢量路径描述的它提供了一些预定义的形状如直 系如果使用了超过一个 VML 对象的页面都使用 Group 线、曲线等。
VML 形状可以单独产生也可多个形状相 容器 同时可以通过动态改变它的CoordSize 值放大或缩 关。
因为各个形状本身都包含了自身的特征比率信息所 8 小整个 Group 里面的VML 对象 。
以整个组可以扩展而不会影响到其中包含的内容。
下面就是定义绘制图形的脚本函数以及进行页面初 2. 2 VML 的特点 始化和数据读取的过程。
主页面中带有脚本可以实现诸 XML 是公认的拥有无穷生命力的下一代网络标记语 如增加VML 元素的功能。
子页面是个ASP 程序从数据 言3 XML 和 HTML 一起使用极大地扩展了Web 页面 库中读取数据生成相应的脚本。
的能力4 VML 作为 XML 的一个子集 具有先天的优 script language “JavaScript ” 势它的表示方法简单易于扩展。
支持高质量的矢量图 function draw Graph x y value 形显示它们基于由相连接的直线和曲线描述路径。
在 VML 中使用两个基本的元素:Shape 和 Group 这两个元 …… 素定义了VML 的全部结构。
Shape 描述一个矢量图形元 素而 Group 用来将这些图形结合起来这样它们可以作 / script 为一个整体进行处理。
VML 规范包括大量的支持多种不 然后就是在Body 中初始化脚本和读取数据。
可以使 同矢量图形特征的元素。
其预定义的主要图形元素有: 用一个 Iframe 做后台用来读取数据库中的数据前台用 ?? 1994-2010 China Academic Journal Electronic Publishing House. All rights reserved. http://www.cnki.net ----------------------- Page 3----------------------- 计算机技术与发展 第 16 卷 ·220 · 脚本生成。
VML 生成的文本表示的矢量图与 HTML 技术生成 body 的GIF 或J PG 图形相比具有存储量小、下载快速、可以 v :shape style “position :relative width :100 height :50px” 任意放大缩小而不损失图形的质量等优点 VML 嵌入 / v :shape HTML 页面中具有重用性好 通过拷贝相关文件即可在 v : group ID “group 1”style “WIDTH : 200px HEI GHT : 其他的应用中使用 、扩展性好、与其他网页技术结合方便 200px ”coordsize “200 200 ” 的优点如结合 CSS JavaScript 等技术。
/ v :group iframe src “readData. asp ”name “data ”style “display : 3 程序实现 none” / iframe 文中例子实现采用的Web 服务器为 IIS 后台数据库 / body 为 SQL Server 2000 安装有 SQL Server 的ODBC 驱动程 由于可能会产生后台已完成读数据操作而前台还没 序用来和 SQL Server 数据库进行连接。
客户端浏览器 有初始化的情况因此把脚本放在Body 的前面Iframe 放 为 IE 6. 0 其他浏览器只需安装 XML 语法分析器即可实 在Body 的最后面。
相应的在readData. asp 里面: 现。
script 在例子中数据库中存放有从 1978 年 1 月到2005 年 ??数据库连接部分 5 月的中国宏观经济监测的各种指标项的数据。
这种数 ??读数据部分 据分为两类一类是大类别指标数据项另一类是小类别 Do Until rs. EOF 指标数据项。
其中大类别数据项本身又作为它自己的小 指标数据项并且本身又包含有其它的属于该项指标的小 parent. draw Graph x y value 类别指标数据项。
在每个小类别的指标数据项中包含有 各种比较指标。
每个小指标数据项都保存在一个表中记 录了这些年份月份时间内的各种比较指标的数据并且以 Loop 按列存储的方式记录比较指标数据。
ASP 通过ADO 连接 ??数据库关闭部分 访问数据库找到该表从该表中选择两种指标项数据画 出其数据统计走势图并进行比较。
/ script 步骤及主要核心代码如下: 这样就实现了读取数据库中的数据并运行脚本语言 1 首先进行数据库的连接。
进行画图的功能。
2 建一个 Chart GetData. asp 文件其中有一个取数据 2. 4 ASP 结合 VML 动态开发原理 的函数getData 。
该函数的作用是:通过条件查找出满足 ASP 使用ADO 存取数据库。
而ADO 的实际数据存 条件的数据共包括有 indexName start Year startMonth 取操作是通过 OL E DB 或ODBC 驱动程序进行的。
使用 endYear endMonth topCounter shiftNumber 共 7 个参数。
ADO 可以在ASP 中编写可以直接操作执行的 SQL 语句 VML 进行画图时就使用这些数据。
来操作数据库。
其基本任务就是和数据库建立连接、向数 3 将该取到的数据输出到客户端并采用VML 方式 据库发送 SQL 语句、处理数据库返回的结果2 。
画统计比较走势图。
图1 为ASP 与 VML 结合的原理图。
数据层存放大 html xmlns :v “urn :schemas - microsoft - com :vml” 量数据资源。
中间层为 Web 服务器端ASP 动态程序通 head 过OL E DB 或者ODBC 驱动的ADO 与数据库进行数据交 title 数据项动态走势比较图 / title 互负责从数据层中查询出所要的统计信息。
表示层采用 meta http - equiv “Content - Type ”content “text/ html VML 动态生成统计结果图表在此采用页面中嵌入VML charset gb2312 ” 语句和使用ASP 动态生成VML 相结合的方式动态生成 link rel “stylesheet ”type “text/ css”href “style/ style. css” 表示统计结果的矢量统计图形也就是生成了一个用文本 STYL E 语言表示的Web 矢量统计图。
v :BEHAVIOR :url default VML / STYL E …… / head body left Margin 0 topMargin 0 bgcolor eeeeee onresize “JavaScript :set WindowStategroup ” onload “JavaScript :set WindowStategroup ” div style “position :relative top :0px left :0px” 图1 ASP 与VML 结合原理图 SCRIPT LAN GUA GE “JavaScript ” ?? 1994-2010 China Academic Journal Electronic Publishing House. All rights reserved. http://www.cnki.net ----------------------- Page 4----------------------- 第 11 期 夏立民等:基于VML 的矢量图形动态生成过程的研究 ·221 · ????初始化脚本 …… ????获得数据库中的数据 …… ????进行画图 drawLineChart chart ID formatArray dataArray bAnimate 1 chart Title / SCRIPT / div / body / html 在此过程中VML 绘制了统计图背景和 统计走势曲线。
其中drawLineChart 函数实现 同时间段内不同比较指标数据
上一篇:
《C语言大学实用教程》课件 教材简介
下一篇:
法律专业开题报告范文