Flash与数据库交互帮助文档

Flash 与数据库交互技术的帮助文档与数据库交互技术的帮助文档 作者 王禹稼 李寅 前言 前言 该项技术对于个人的要求不是很高 简单的应用无需团队合作 但是作为一种现 存的技术还是有必要了解一下它的 它本身并不是单独存在的 而是依靠多个技术结 合而成的 主要涉及到的技术有 Flash 动画制作 ActionScript3 0 编程 JSP Servlet HTML XML JDBC JavaSE 中 dom4j 类的使用 总体来说技术含量 一般 但是比较麻烦的是涉及的技术比较多 协调开发就会遇到许多意想不到的障碍 为了解决这些问题 才编撰了这篇文档 网上有几种方式 本文档只是列举一种 只 完成一次交互工作 仅供参考 开发意义 开发意义 Flash 与数据库的进行数据交互有其存在的意义 例如 在有些项目中 一些应用 需要动态的展示某种过程变化 或是想让画面看起来更美观人性化并且还需要显示底 层数据 面对这种要求我们就需要考虑使用这项技术了 首先 Flash 动画制作对个人 的要求并不是很高 因为 Adobe 公司的 Flash 已经经历了数个版本的更新 无论是从 功能上还是操作的人性化上来说都已经十分的成熟了 因此学习起来不会花费很多的 时间 如果 Flash 想要与外界交流 单靠本身的 ActionScript 脚本语言是不够的 因为 ActionScript3 0 目前对数据库的支持还是不够好 所以就要考虑间接地方式了 正文 正文 一 一 开发流程总览 开发流程总览 Flash 与数据库交互的方式有很多 本文档只选择一种 Flash 通过 ActionScript 解 析 XML 文件获取数据 而 XML 文件则是由 Servlet 生成在服务器端的工程路径下 该 XML 文件的内容就是通过 JDBC 查出来的数据 而 ActionScript 访问 XML 文件的 URL 是 JSP 页面动态的给 Flash 以参数的形式传入的 根据以上说明 开发就可以分工进行了 美工主要负责 Flash 的制作 AcrionScript 的编写视情况而定 美工本身有能力的可以全权负责 这样便于开发 再 者就可以让程序员来完成 只需要获得的美工提供动态显示数据的元件的实例名称即 可 再有就是 HTML 页面的编写 视情况而定 也不是必须的 程序员主要是负责 Servlet JDBC 以及 JSP 页面的编写工作 而最终完成效果 就是用户通过单击 HTML 页面 发送一个请求 这个请求中包 含有相关的信息 方便服务器端知道要操作哪些数据或是由 JSP 页面显示哪些 Flash 服务器端 Servlet 接到请求后 根据 request 中 param 获得参数 交给业务 Bean 处理这 个参数 以便查询数据 之后将获得的查询数据以一定的格式写到 XML 文件中 这 里用到了 dom4j 类 在 XML 输出完毕后再通过 Servlet 将 request 重定向到显示 Flash 的 JSP 之前要把 XML 的 URL 和其他相关数据存到 Session 中 以便 JSP 获取 待重 定向到 JSP 页面后 解析 Session 中数据 把 XML 文件的 URL 以参数的形式传给 swf 文件 Flash 的不可编辑的可演示文件 swf 通过 JSP 页面生成的 HTML 文件中的标 签获得 XML 文件的 URL 最终通过解析 XML 文件获得并显示相关的数据 实现整 个过程 二 各项技术具体应用 二 各项技术具体应用 1 Flash动画制作动画制作 根据客户的要求制作相应的演示动画 具体制作技术网上都可以查到 本文档 只是简述 这里的关键工作就是处理能够动态显示数据的元件 主要是用动态文本 框 见图 1 1 这个文本框可大可小 可单行显示可多行显示 视情况而定 最重 要就是确定这个元件的实例名称 见图 1 2 这个关系到 ActionScript 的编写工作 而且必须是唯一 以免冲突 图 1 1 动态文本框 图 1 2 实例名称 2 ActionScript的编写的编写 首先要确定代码的书写位置是哪一帧 然后单击那一帧 打开 动作 编辑窗口 见图 2 1 在工具栏 窗口 动作 图 2 1 ActionScript 书写位置 下面就正式介绍 ActionScript3 0 以下简称 AS3 的编写 首先 3 0 开始 AS 的风 格转向了 OOP 方法和属性可以用 AS 的类来封装 而且扩充了 API 摒弃了一些不 良的编程格式 不允许再 AS 语句中出现影片剪辑控制语句 但是由于这次开发的时 间紧迫就没有再细研究 AS3 的编程规范 而是沿用 AS2 的格式摸索着写得 下面介 绍几个重要的语句 import flash events 导入类 关键字是 import import var param Object root loaderInfo parameters 这个是从 JSP HTML 页面中获取参 数 var xmlURL String param xmlURL 通过一个 Key 而取得 Value var XML URL String xmlURL XML 文件的 URL var myXML XML new XML new 一个 XML 对象 System useCodePage true 这句话很重要 是编码转化 AS3 还是只识别 UTF 8 var myXMLURL new URLRequest XML URL 封装请求 var myLoader new URLLoader myXMLURL 封装读取对象 myLoader addEventListener complete xmlLoaded 注册监听器 与 Java 类似 myXML ignoreWhite true 忽略空白数据 function xmlLoaded event 事件发生时所调用的方法 myXML XML myLoader data 将 loader 读取的数据封装为 XML 对象 trace myXML toXMLString 在控制台输出 XML 对象的内容 var bahe XMLList myXML elements 楼梓庄闸 获取子节点对象 lzzz up text bahe elements UPZ child 获取标签中的内容 同时赋给 lzzz flow text bahe elements Q child 接上 动态文本框 语法上基本跟 Java 没什么太大的区别 流程控制也相同 有兴趣的可以试一试 上面的代码对于一次交互的情况基本上够用了 唯一需要注意的是声明变量的关键字 是 var AS3 0 也是严格区分大小写的 而变量类型是写在变量名后的 变量名 类型 AS 是在动画播放到其所在的那一帧时才运行的 无论是在舞台场景下还是在影片 剪辑的场景下都一样编写 需要注意的是测试只要 ctrl enter 就可以 发布的话 设置发布的路径和相关参数即可 3 Servlet的编写的编写 Servlet 的代码量不是很大 主要是获取参数 调用持久层的方法 调用 XML 生 成的方法 之后添加参数重定向到 JSP 页面 还有就是编码是 UTF 8 首先是从 request 中获取参数 这个参数是业务相关的 之后根据这个参数做数据 库的访问或是转发不同页面 用途视情况而定 这里主要提一下将参数重定向到 JSP 的时候一定要用绝对路径 因为最后生成的页面中要加载 swf 文件 而且这个 swf 还 要获取参数 如果用相对路径有可能会无法加载 而且原因尚不明确 为了避免不必 要的麻烦 还是都是用绝对路径的好 不光是 Servlet 其他用到路径 URL 的时候 最好都用绝对路径 而且特别注意一定要是重定向重定向到 JSP 页面 否则加载不了 swf 文 件 String serverPath request getServerName request getServerPort String filePath request getSession 将XML保存在工程路 径下 这个很重要 getServletContext getRealPath static String name request getParameter name XmlParse dom4j new XmlParse filePath 自定义的生成XML 文件的类 dom4j create filePath HttpSession session request getSession String xmlURL http serverPath byh static mycatalog xml session setAttribute name name session setAttribute xmlURL xmlURL String requestPath http serverPath 注意一定是绝对 路径 byh static b jsp response sendRedirect requestPath 4 访问数据库的相关功能的编写 访问数据库的相关功能的编写 这里主要 JDBC 的相关知识 我就不再重复了 程序员都很熟的 而且在这里不 是最关键的技术 最关键的 Flash 与 JSP 的交互和 Flash 对 XML 文件的解析 5 生成 生成XML文件功能的编写文件功能的编写 这里涉及到一个类 dom4j 顾名思义是文档相关的实现类 这里主要介绍几个重 要的方法 try OutputFormat format OutputFormat createCompactFormat 按格式输出xml文挡 format setEncoding UTF 8 设置encoding为utf 8 XMLWriter output new XMLWriter new FileWriter fileName mycatalog xml format 按格式新建一个xml文档 Document doc DocumentHelper createDocument 创建根节点DB Element root doc addElement ZB SQL Bean bean new SQL Bean 连接数据库 String sql select c stnm d upz d tm a q from ST STBPRP B c st was r d ZB GATE RQ a su sgit b b where c stcd d stcd and a stcd b sc and c sttp DD and c stnm b sln and d tm a tm and to char d tm yyyy MM dd hh24 mi ss to char sysdate 365 yyyy MM dd 08 00 00 order by d tm Connection con bean getConnection Statement stmt con createStatement ResultSet rs stmt executeQuery sql 创建XML元素 Element LL null Element STNM null Element UPZ null Element TM null Element Q null 测试用 LL root addElement 楼梓庄闸 UPZ LL addElement UPZ Q LL addElement Q UPZ setText 555 55 Q setText 444 44 添加闸坝的数据到XML文件中 while rs next 在根节点下添加子节点 LL root addElement rs getString STNM 在子节点下添加子节点 STNM LL addElement rs getString STNM UPZ LL addElement UPZ TM LL addElement TM Q LL addElement Q 在子节点中添加数据 XML标签中数据 STNM setText rs getString STNM UPZ setText rs getString UPZ TM setText rs getString TM Q setText rs getString Q output write doc 将document对象写入xml文档 output close 关闭XMLWriter对象 System out println 创建XML完成 rs close catch Exception e System out println e toString 需要注意的是文档的编码方式依然是 UTF 8 dom4j 类的 API 比较简单 没有必 要仔细研究 用到的上面都已经写到了 要是涉及到并发访问的问题那就麻烦了 必 须重新设计一下结构 这里就不在介绍了 6 JSP页面的编写页面的编写 这里主要的就是 swf 文件的加载和向 swf 文件传递参数 当然编码还是 UTF 8 这个标签是嵌套在标签里的 param name movie value http byh static name swf embed src http byh static name swf quality high bgcolor 000000 width 814 height 522 name name align middle allowScriptAccess sameDomain allowFullScreen false type application x shockwave flash pluginspage 需要着重注意的地方已经标出来了 首先和是一定要一致的 这是确定 swf 文件位置的属性 而且必须是绝对路径 切记 就是向 swf 文件传的参数 注 意 name 值的大小写 参数书写如同 get 方式传参的格式 Key1 Value1 这句话的位置 一定 要是在封装请求之前的 在别的位置会报错 4 问 System useCodePage true 这句话老师报错 答 同上 注意这句话的位置 5 问 在网页上只是显示 Flash 动画但是没有数据 答 这个问题的原因有很多 第一 检查所有路径 看看是不是用的绝对路径 第二 检查 ActionScript 中 XML 的 URL 地址是否正确 第三 检查 Servlet 是不