怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

FlashJSP后台技术结合制作动态线路信息系统

作者:Margg(西脖子)

日期:2004-5-16

好多交通信息网站用文字说明的方法,来说明道路状况,如果能有直观的动态线路图配合文字说明,便会使线路信息一目了然。下面以陕西省公路路况信息为例,来说明FlashJSP后台技术结合如何制作动态线路信息系统。

一. 设计思路

动态线路信息系统分为两个模块:1、线路信息维护模块;2、线路信息及动态线路图显示模块。

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

二. 线路图制作

准备工作:需要一张陕西省公路交通图,可以为JPGGIFBMP……(Flash可以导入的图形文件格式)。

第一步:导入地图。

运行Flash软件,新建文件保存为“陕西省公路交通图”,在主场景的最底层导入准备好的交通图片,作为临描的底图。

第二步:绘制矢量线路图。

新建一层,以底图作为母板,根据需要,通过Flash提供的绘图工具,把整个交通图描绘出来。最好能分层,把不同的线条类型放在不同的层,以方便管理。交通图描绘完成,删除地图所在层。

第三步:制作动态线路片段影像

交通图描绘完成,开始制作线路片段动画(线路片段:就是把所有公路分解成一个个小片段,由这些小片段组成了整个公路网,每一小片段可以单独闪动,互不影响。用户根据实际情况自己定义线路片段,建议为两城市节点之间)。下面是制作过程:

1) 选中一线路片段的所有线条,并复制。

2) 按键“Ctrl”和“F8”创建新元件,填写线路片段名称,选择元件类型为影片剪辑,并“确定”。

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

3) 把复制的线路片段粘贴在新建元件的主场景中,在第五帧插入关键帧,并把第五帧的线段颜色设置为黄色(与线段原色相异),线形设置为虚线。这样一条线路片段动画就制作完成了,依次作完所有线路片段动画。

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

 

4) 返回到交通图主场景中,新增一线路片段动画层,按键“F11”,打开库面板,从库中所有的线路片段动画依次拖入线路片段动画层,调整其位置,与交通图该线路片段重合,在属性面板设置该线路片段动画的实例名称。

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

5) 在主场景第十帧插入关键郑因为和后台交换数据需要一定时间,所以必须设定一定的时间间隔。

6) 编写命令脚本。

新增一命令层,在第一帧添加如下帧命令:

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

在第十帧插入关键帧,为该帧添加如下帧命令:

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?

7) 导出影片,影片为swf文件格式,命名为sxlk.swf

 

三. 创建数据库

我们要把所有的线路信息存储在数据库中,以方便检索维护。表结构设计如下:

 

字段名

字段类型

是否主键

说明

roadcode

字符型(20

是(不能为空)

表示线路片段动画实例是否可见属性的变量名

roadname

字符型(50

否(不能为空)

线路片段名称

roadstatus

布尔型

是否畅通(0不畅通,1畅通)

datebad

日期型

线路片段不畅通日期

dategood

日期型

线路片段预计修复日起

remark

字符型(200

线路故障说明

flag

布尔型

线路片段是否显示有效(0不显示,1显示)

数据库创建完毕后,初始化数据库(把所有的线路片段动画实例是否可见属性的变量名,和线路片段名称添加至库中。该例中的数据库是Access创建的,命名为sxlk.mdb

四. JSP页面程序设计

1) 线路信息维护页面

线路信息维护页面的程序很简单,在这个页面用户设置线路片段是否有效(如果设置为无效,即使线路片段设置为不畅通,在显示页面也不做县市)、线路是否畅通等等。这里不作介绍,有兴趣的朋友可以自己编写。

2) 线路信息及动态线路图显示页面

线路信息及动态线路图显示页面主要是读取数据库中线路信息资料,随机写成路况信息文本文件并保存到计算机中(这样Flash文件每次调用的路况信息文本文件与数据库中的线路信息保持一致),并显示路况信息和动态线路图。Txt文件中的变量要用“&”符号连接,如:Y_fs1=1&Y_sy1=0&Y_yj1=1&

下面给产生路况信息文本文件的关键代码:

怎么样将Flash和JSP后台技术结合制作动态线路信息系统?