[教程]Flash处理外部XML文档数据详细教程[ASP,JSP]

chooseflash 楼主

准备:
首先你得有台电脑.其次是要装上Windows系统和Flash8.

XML基础:

既然是处理XML文档.就要先来了解下XML文档.下面是我所了解的,有些是在Flash中用不到的.
XML扩展标记语言(Extensible Markup Language)是SGML(Structured Generalized Markup Language)的子集.
XML是由World Wide Web Consortium(W3C)的XML工作组定义的.

下面开始了解XML的结构.
XML是由序言和文档元素组成的.
序言包括:
        1.声明(declaration),文档的第一行,它说明这是一个XML文档. [可选]
        2.注释,增强文档的可读性. [可选]
        3.文档类型声明(document type declaration),XML文档类型定义必须在XML声明之后,文档元素之前,中间可以插入XML处理指令,它说明文档的类型和结构. [可选]
        4.处理指令(processing instruction),在XML声明之后,处理XML信息的指令. [可选]
注:文档类型声明(document type declaration)需要用到xml词汇表.如果想了解详细信息请访问http://www.w3c.org.

文档元素:
        元素说明了文档的逻辑结构,元素包函起始标签,元素内容,元素属性和结束标签.一个xml文档必须有一个顶层元素,所有的元素都嵌套在这个顶层元素中.文档元素名,属性名全部都是自定义的.

说明:
先看代码:

1.         <?xml version="1.0" encoding="gb2312" standalone="yes"?>
   
2.         <!--xml注释-->
   
3.         <!DOCTYPE ChooseFlash>
   
4.         <!--<!DOCTYPE 类型 SYSTEM "一个dtd文件的地址" >没有地址或地址错误都会出错,SYSTEM 一个关键字-->
   
5.         <?xml-stylesheet type="text/css" href="处理xml文档信息的css.css"?>
   
6.         <元素>
   
7.                 <子元素 属性="子元素">信息</子元素>
   
8.         </元素>
   
9.        

复制代码

        上面是一个加了文档类型声明,处理指令的简单xml文档.下面一一解释.
       

1.         <?xml version="1.0" encoding="gb2312"?>
   
2.        

复制代码

        这句是xml的声明信息.version是版本号,encoding是字符编码,如果有中文就需要用gb2312编码,standalone属性可以取yes和no,属性值yes,说明文档没有外部声明.属性值no,说明文档有外部声明.
       

1.         <!--xml注释-->
   
2.        

复制代码

        这句是xml的注释.

1.         <!DOCTYPE ChooseFlash>
   
2.        

复制代码

        这句是文档类型声明,DOCTYPE标记是声明类型用的.ChooseFlash是类型.这里的类型是指xml中的词汇表.

1.         <?xml-stylesheet type="text/css" href="处理xml文档信息的css.css"?>
   
2.        

复制代码

        这句是处理指令,xml-stylesheet是一个处理指令,type是类型,href是地址.这个处理指令把CSS链接到XML文档.跟html中应用css差不多一样.

1.         <元素>
   
2.                 <子元素 属性="子元素">信息</子元素>
   
3.         </元素>
   
4.        

复制代码

        这个是文档元素(Flash用节点表示).<元素>是顶层元素,<子元素>是嵌套在顶层元素中的元素,"属性"是一个属性,"信息"是字符串.
        也可以这样写: <子元素 属性="子元素" 信息="信息" />
        如果用了文档类型声明,顶层元素命名最好跟声明的类型一至.否则会出错(要有词汇表时,像这个ChooseFlash这不会出错,因为没有这个词汇表.)

下面是一个完整xml文档.

1. <?xml version="1.0" encoding="gb2312"?>
   
2. <!--firstNode是一个顶层元素-->
   
3. <firstNode>
   
4.         <!--childNode是一个嵌套在顶层元素firstNode中的子级元素,有一个nodeName的属性-->
   
5.         <childNode nodeName="childNode">childNode</childNode>
   
6. </firstNode>

复制代码

好,xml方面就到这里.--如果有错,请指教.如果想了解详细信息的请访问http://www.w3c.org.
下面就是怎么在Flash中调用XML文档和处理XML中的数据.

Flash方面:

在Flash中调用xml文档需要用到XML类和XMLNode类中的一些方法和属性.这里我们就不需要用到那么多.
把用到的方法和属性列出来:
XML类:
        XML.ignoreWhite;//处理xml文档中的空白,设为true时,忽略空白,默认值为false.
        XML.load("xml文档的地址");//加载指定的xml文档.
        XML.onLoad=function(success:Boolean){};//成功加载了xml文档时调用.
        XML构造函数.

XMLNode类:
        XMLNode.attributes;//用来指定xml文档对象节点的属性.
        XMLNode.childNodes;//返回指定xml文档对象的子级的数组.
        XMLNode.firstChild;//引用父级节点的子级列表中的第一个子级.
        XMLNode.nodeValue;//返回XML对象的节点值.
        XMLNode.nodeName;//XML 对象的节点名称

开始实验:
首先说明:
在xml声明处加上encoding="gb2312".使用gb2312编码.;
Flash中如果有中文需要在加载代码前面加上System.useCodepage = true;
使用系统编码.防止乱码.


实验1:
一个简单的实验.把xml文档中的节点在Flash输出来.
新建一个xml文档.在记事本输入下面的代码.保存为 xml-001.xml ;

1. <?xml version="1.0"?>
   
2. <!--xml-001.xml-->
   
3. <firstNode name="1">
   
4.         <childNode name="1.1" />
   
5.         <childNode name="1.2" />
   
6.         <childNode name="1.3" />
   
7. </firstNode>

复制代码

上面是一个简单的xml文档.结构是一个顶层节点中嵌套三个子级节点.现在在Flash中如何读出来呢?来看操作:
打开Flash,新建一个Flash文档,保存到刚才的xml文档中的目录中,命名 xml-001.fla ;
在第一帧输入下面代码:

1. //xml-001.fla.
   
2. //实例化一个xml对象.
   
3. var myxml:XML = new XML();
   
4. //分析时忽略xml文档中的空格.
   
5. myxml.ignoreWhite = true;
   
6. //加载xml-001.xml文档.
   
7. myxml.load("xml-001.xml");
   
8. //调用XML.onLoad事件.
   
9. myxml.onLoad = function(success:Boolean)
   
10. {
    
11.         //如果加载成功,success=true;否则success=false;
    
12.         if (success) {
    
13.                 trace("加载成功!");
    
14.                 //输出顶层节点的节点名和顶层节点中属性name的值.
    
15.                 trace(myxml.firstChild.nodeName+":"+myxml.firstChild.attributes.name);
    
16.                 //用一个数组来引用顶层节点中子级节点的数组.
    
17.                 var child_arr:Array = myxml.firstChild.childNodes;
    
18.                 //用嵌套for语句遍历出xml文档中的所有数据.
    
19.                 //这个for遍历的是顶层节点下的子级节点.
    
20.                 for (var i = 0; i<child_arr.length; i++) {
    
21.                         //输出顶层节点下的子级节点的节点名和顶层节点下的子级节点中属性name的值.
    
22.                         trace(child_arr[i].nodeName+":"+child_arr[i].attributes.name);
    
23.                 }
    
24.         } else {
    
25.                 trace("加载失败!");
    
26.         }
    
27. };

复制代码

实验2:
现在做的是把一个多层嵌套节点的xml文档在Flash中输出来.
新建一个xml文档.在记事本中输入下面的代码.然后保存为 xml-002.xml

1. <?xml version="1.0"?>
   
2. <!--xml-002.xml-->
   
3. <firstNode name="1">
   
4.         <childNode name="1.1">
   
5.                 <Node name="1.1.1" />
   
6.                 <Node name="1.1.2" />
   
7.                 <Node name="1.1.3" />
   
8.         </childNode>
   
9.         <childNode name="1.2">
   
10.                 <Node name="1.2.1" />
    
11.                 <Node name="1.2.2" />
    
12.                 <Node name="1.2.3" />
    
13.         </childNode>
    
14.         <childNode name="1.3">
    
15.                 <Node name="1.3.1" />
    
16.                 <Node name="1.3.2" />
    
17.                 <Node name="1.3.3" />
    
18.         </childNode>
    
19. </firstNode>

复制代码

上面是一个多层嵌套节点的xml文档.结构是一个顶层节点中,嵌套3个子级节点,3个子级节点分别嵌套3个子级节点.现在又应该怎样在Flash中读出来呢?其实原理跟上面一样.在for中嵌套一个for就可以了.

打开Flash新建一个Flash文档,保存到刚才的xml文档的目录中,命名为 xml-02.fla
在第一帧中输入以下代码:

1. //xml-002.fla.
   
2. //实例化一个xml对象.
   
3. var myxml:XML = new XML();
   
4. //分析时忽略xml文档中的空格.
   
5. myxml.ignoreWhite = true;
   
6. //加载xml-002.xml文档.
   
7. myxml.load("xml-002.xml");
   
8. //调用XML.onLoad事件.
   
9. myxml.onLoad = function(success:Boolean)
   
10. {
    
11.         //如果加载成功,success=true;否则success=false;
    
12.         if (success) {
    
13.                 trace("加载成功!");
    
14.                 //输出顶层节点的节点名和顶层节点中属性name的值.
    
15.                 trace(myxml.firstChild.nodeName+":"+myxml.firstChild.attributes.name);
    
16.                 //用一个数组来引用顶层节点中子级节点的数组.
    
17.                 var child_arr:Array = myxml.firstChild.childNodes;
    
18.                 //用嵌套for语句遍历出xml文档中的所有数据.
    
19.                 //这个for遍历的是顶层节点下的子级节点.
    
20.                 for (var i = 0; i<child_arr.length; i++) {
    
21.                         //输出顶层节点下的子级节点的节点名和顶层节点下的子级节点中属性name的值.
    
22.                         trace(child_arr[i].nodeName+":"+child_arr[i].attributes.name);
    
23.                         //这个for遍历的是顶层节点下的子级节点下的子级节点.
    
24.                         for (var j = 0; j<child_arr[i].childNodes.length; j++) {
    
25.                                 //输出顶层节点下的子级节点下的子级节点的节点名 和 顶层节点下的子级节点下的子级节点中属性name的值.不要晕.看看输出面板就会明白它们之间的关系了哦.
    
26.                                 trace(child_arr[i].childNodes[j].nodeName+":"+child_arr[i].childNodes[j].attributes.name);
    
27.                         }
    
28.                 }
    
29.         } else {
    
30.                 trace("加载失败!");
    
31.         }
    
32. };

复制代码

实验3:
利用xml文档数据做用户登录.
新建一个xml文档.在记事本中输入下面的代码.然后保存为 xml-003.xml

1. <?xml version="1.0" encoding="gb2312"?>
   
2. <!--xml-003.xml-->
   
3. <UserDataList>
   
4.         <manager Post="经理">
   
5.                 <UserData username="MChooseFlash01" password="MChooseHappiness" />
   
6.                 <UserData username="MChooseFlash02" password="MChooseHappiness" />
   
7.         </manager>
   
8.         <Employee Post="职员">
   
9.                 <UserData username="EChooseFlash01" password="EChooseHappiness" />
   
10.                 <UserData username="EChooseFlash02" password="EChooseHappiness" />
    
11.         </Employee>
    
12. </UserDataList>

复制代码

首先分析下结构.
<UserDataList>是顶层节点.
<manager Post="经理">是顶层节点下的子级节点.Post是manager节点的属性.
<Employee Post="职员">是顶层节点下的子级节点.Post是Employee节点的属性.
<UserData username="MChooseFlash01" password="MChooseHappiness" /> 是顶层节点下的子级节点下的子级节点.username和password是UserData节点的属性.

这次也需要用到嵌套for.
打开Flash新建一个Flash文档,大小为300*100,保存到刚才的xml文档的目录中,命名为 xml-03.fla
新建3个图层分别命名Actions , cont , bg .
bg层在第一帧画三个文本框大小的虚线框.
cont层在第一帧拉二个输入文本框,实例名分别为username_txt和password_txt,在拉一个动态文本框,实例名为status_txt.将这三个文本框对齐须虚线框.再点窗口->公用库->按钮.拉一个按钮出来.实例名为login_btn.
如图:
Actions层在第一帧中输入以下代码:

1. //xml-003.fla.
   
2. //使用系统编码.防止乱码.
   
3. System.useCodepage = true;
   
4. //实例化一个xml对象.
   
5. var myxml:XML = new XML();
   
6. //分析时忽略xml文档中的空格.
   
7. myxml.ignoreWhite = true;
   
8. //加载xml-002.xml文档.
   
9. myxml.load("xml-003.xml");
   
10. //调用XML.onLoad事件.
    
11. myxml.onLoad = function(success:Boolean)
    
12. {
    
13.         //如果加载成功,success=true;否则success=false;
    
14.         if (success) {
    
15.                 trace("加载成功!");
    
16.                 login_btn.onRelease = function()
    
17.                 {
    
18.                         //用一个数组来引用顶层节点中子级节点的数组.
    
19.                         var child_arr:Array = myxml.firstChild.childNodes;
    
20.                         //用UserData指定xml文档节点的attributes对象.
    
21.                         var UserData:Object;
    
22.                         //这个for遍历的是顶层节点下的子级节点.
    
23.                         for (var i = 0; i<child_arr.length; i++) {
    
24.                                 //这个for遍历的是顶层节点下的子级节点下的子级节点.
    
25.                                 for (var j = 0; j<child_arr[i].childNodes.length; j++) {
    
26.                                         //用UserData指定child_arr[i].childNodes[j].attributes对象
    
27.                                         UserData = child_arr[i].childNodes[j].attributes;
    
28.                                         //判断用户名和密码.
    
29.                                         //这里的UserData.username其实就是child_arr[i].childNodes[j].attributes.username的简写.UserData.password同理.
    
30.                                         //username和password是xml文档节点中的属性.因为xml和Flash区分大小写.所以在输入时要注意大小写.
    
31.                                         if ((username_txt.text == UserData.username) && (password_txt.text == UserData.password)) {
    
32.                                                 //Post这个是顶层节点下子级节点的Post属性.
    
33.                                                 status_txt.text = child_arr[i].attributes.Post+":"+UserData.username+"登录成功";
    
34.                                                 //如果用户名和密码正确就退出for.这个重要.如果不用这个,就会一直重复判断用户名和密码.直到将xml文档节点遍历完.那样就不是我们想要的.所以一有正确的就退出for;
    
35.                                                 return;
    
36.                                         } else {
    
37.                                                 status_txt.text = "用户名或密码错误";
    
38.                                         }
    
39.                                 }
    
40.                         }
    
41.                 };
    
42.         } else {
    
43.                 trace("加载失败!");
    
44.         }
    
45. };

复制代码

实例4:
利用List组件做个mp3播放列表.
新建一个xml文档.在记事本中输入下面的代码.然后保存为 xml-004.xml

1. <?xml version="1.0" encoding="gb2312"?>
   
2. <mp3List>
   
3.         <mp3 path="jmzcg.mp3">啊桑-寂寞在唱歌</mp3>
   
4.         <mp3 path="jmjywsls.mp3">寂寞是因为思念谁</mp3>
   
5.         <mp3 path="szwspdxd.mp3">老狼-睡在我上铺的兄弟</mp3>
   
6.         <mp3 path="qf.mp3">誓言-求佛</mp3>
   
7.         <mp3 path="xyzth.mp3">下一站天后</mp3>
   
8.         <mp3 path="nswdxfm.mp3">伊能静-你是我的幸福吗</mp3>
   
9.         <mp3 path="aqfx.mp3">爱情复兴(容祖儿)</mp3>
   
10.         <mp3 path="qrlg.mp3">水木年华-秋日恋歌</mp3>
    
11.         <mp3 path="qnyh.mp3">张国荣-倩女幽魂</mp3>
    
12.         <mp3 path="a.mp3">一首很棒的英文歌(酒吧里常放)</mp3>
    
13. </mp3List>

复制代码

xml结构:
<mp3List>xml文档中的顶层节点.
<mp3 path="jmzcg.mp3">啊桑-寂寞在唱歌</mp3>顶层节点下的子级节点.path是mp3节点下的属性."啊桑-寂寞在唱歌"是mp3的节点值.


打开Flash新建一个Flash文档,大小为200*150,保存到刚才的xml文档的目录中,命名为 xml-04.fla
新建2个图层分别命名Actions , cont .
cont层中拉一个List组件到第一帧.大小为200*150,实例名为mp3_list.
Actions层第一帧输入下面代码:

1. //xml-004.fla.
   
2. //使用系统编码.防止乱码.
   
3. System.useCodepage = true;
   
4. //实例化一个xml对象.
   
5. var myxml:XML = new XML();
   
6. //分析时忽略xml文档中的空格.
   
7. myxml.ignoreWhite = true;
   
8. //加载xml-004.xml文档.
   
9. myxml.load("xml-004.xml");
   
10. //调用XML.onLoad事件.
    
11. myxml.onLoad = function(success:Boolean)
    
12. {
    
13.         //如果加载成功,success=true;否则success=false;
    
14.         if (success) {
    
15.                 trace("加载成功!");
    
16.                 //用一个数组来引用顶层节点中子级节点的数组.
    
17.                 var child_arr:Array = myxml.firstChild.childNodes;
    
18.                 //这个for遍历的是顶层节点下的子级节点.
    
19.                 for (var i = 0; i<child_arr.length; i++) {
    
20.                         //将歌曲添加到List组件中.
    
21.                         //child_arr[i].firstChild.nodeValue这个是xml节点的节点值.
    
22.                         //child_arr[i].attributes.path这个是xml节点下的path属性.
    
23.                         mp3_list.addItem({label:(i+1)+"."+child_arr[i].firstChild.nodeValue, data:child_arr[i].attributes.path});
    
24.                 }
    
25.         } else {
    
26.                 trace("加载失败!");
    
27.         }
    
28. };
    
29. //listEvent函数是执行List组件中change事件
    
30. function listEvent():Void
    
31. {
    
32.         //这个就是歌曲地址.用Sound类的loadSound方法就可以播放歌曲了.例:mysound.loadSound(mp3_list.selectedItem.data);详细请看帮助文档.
    
33.         trace(mp3_list.selectedItem.data);
    
34. }
    
35. //添加帧听器.
    
36. mp3_list.addEventListener("change", listEvent);

复制代码

教程源文件：xml教程.rar
先写到这了.手好痛.我的小黒不干了.喂它吃东西去了.有时间把ASP生成xml文档数据也贴上来.如果有错,请指教.

[ 本帖最后由 chooseflash 于 2007-5-15 09:40 编辑 ]

unmen

辛苦啦,谢谢!

xiaona1217

教程源文件  下不了哦

chooseflash 楼主

我已经做过测试的.可以下载.楼上的在试试.

jimohuoshan

确实挺详细的，很适合新手入门，楼主写的很用心，打分鼓励！希望楼主能把ASP生成XML的部分也完成！

[ 本帖最后由 jimohuoshan 于 2007-5-9 21:02 编辑 ]

chooseflash 楼主

呵,一定.会将JSP的也一起写出来.

yyqllh

path的属性也列出来？trace(mp3_list.data)？

chooseflash 楼主

trace(mp3_list.data);这样是错误的.  写成这样  trace(mp3_list.selectedItem.data);        楼上的是不是想把path的值显示出来?

DJRender

太感谢楼主了 真的很适合我们这些新手  最喜欢这种教程 简单而使用
楼主辛苦了

lu6428

楼主真是强啊

chooseflash 楼主

继续:

这次讲ASP生成XML文档.常用的是利用ASP将数据库中的数据用XML文档格式显示.方便Flash调用或应用在其它方面.
ASP基础这里就不做说明了,不过会尽量让大家都明白(不明白的请提问).
         
开始:
说明:因为是访问ASP,需要通过IIS,Flash默认是访问本地文件的.不能访问网络.所以要将访问本地改成访问网络.
在 文件-->发布设置-->Flash 选项卡的最下面的"本地回放安全性"选项中的"只访问本地文件"改成 "只访问网络",
下面发布的Flash,如没特殊说明,都按此设置.


实验5:

先做一个简单的实验.用ASP生成XML文档.
        打开记事本,输入下面的代码,然后保存为 xml-005.asp

1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
   
2. <%
   
3. 'xml-005.asp
   
4. '设置文档类型
   
5. Response.ContentType="text/xml"
   
6. '输出XML文档,用一个Response.Write()就可以做到的.这样写便于大家理解.
   
7. Response.Write("<?xml version='1.0'?>")
   
8. Response.Write("<!--xml-005.asp-->")
   
9. Response.Write("<firstNode name='1'>")
   
10.         Response.Write("<childNode name='1.1' />")
    
11.         Response.Write("<childNode name='1.2' />")
    
12.         Response.Write("<childNode name='1.3' />")
    
13. Response.Write("</firstNode>")
    
14. 
    
15. %>

复制代码

        打开IIS新建一个网站,别名xml,路径为刚才的asp文件的目录.
        然后在IIS中浏览刚才的asp文件,看到的就是一个xml文档,不同的就是后缀名,写法.
        那现在怎样在Flash中调用呢?
        很简单.打开之前的 xml-001.fla 文件,
        将加载xml的地址改成 xml-005.asp 文件的地址就行了.
        例:
       

1.                         myxml.load("http://localhost/xml/xml-005.asp");
   
2.                

复制代码

        但这样还不行.还要加上个随机数,防止调用缓存.改成下面这样.
       

1.                 myxml.load("http://localhost/xml/xml-005.asp?ran="+Math.random(9999));
   
2.                

复制代码

               
                这个效果跟之前做的xml-001.fla效果是一样的.只是xml文档换成asp生成的了.
               
               
               
               
               
实验6:

这个实验跟上面的差不多.但数据是从数据库中调出来的.这样做就能很方便的更新数据了.

数据库:

打开Access数据库,新建一个空白数据库,命名为 Data.mdb,保存到之前asp文件的目录中.
再点 使用设计器创建表,新建二个表,表名分别为:
--------------------------------------------------
first
child
--------------------------------------------------
               
first表中:
输入二个字段,分别为:
--------------------------------------------------
firstID 自动编号
name 文本
--------------------------------------------------
在 firstID 字段点右键-->主键,保存,
打开first表.在name字段输入一条数据,数据为:
--------------------------------------------------
1
--------------------------------------------------
保存.
               
child表中:
输入二个字段,分别为:
--------------------------------------------------
childID 自动编号
name 文本
--------------------------------------------------
在 childID 字段点右键-->主键,保存.
打开child表.在name字段输入三条数据,数据分别为:
--------------------------------------------------
1.1
1.2
1.3
--------------------------------------------------
保存.关闭数据库.
               
数据库到这可以了.下面是ASP:
打开记事本,输入下面的代码,然后保存为 xml-006.asp

1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
   
2. <%
   
3. 'xml-006.asp
   
4. 
   
5. dim conn,rs,sqlcom
   
6. 
   
7. '设置文档类型
   
8. Response.ContentType="text/xml"
   
9. 
   
10. Response.Write("<?xml version='1.0'?>")
    
11. Response.Write("<!--xml-006.asp-->")
    
12. '创建连接对象
    
13. Set conn=Server.CreateObject("Adodb.Connection")
    
14. '这里用字符串方法连接数据库.
    
15. '"Provider=Microsoft.Jet.OLEDB.4.0; 这个是数据库驱动.
    
16. 'Data Source="Server.MapPath("Data.mdb") 数据库文件的相对路径.
    
17. conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& Server.MapPath("Data.mdb")
    
18. '创建记录集对象.
    
19. Set rs=Server.CreateObject("Adodb.RecordSet")
    
20. '查询数据库的sql语句.因为 first 是SQL中的关键字,所以要用[]中括号括起来.
    
21. sqlcom="select * from [first]"
    
22. '执行sql语句.
    
23. '1,1 只读.
    
24. '1,3 可读可写.
    
25. rs.Open sqlcom,conn,1,1
    
26. '如果记录集中有数据.
    
27. if not rs.eof then
    
28.         '输出XML节点,rs("name")是first表中字段name的数据.
    
29.         Response.Write("<firstNode name='"&rs("name")&"'>")
    
30. end if
    
31. '关闭记录集
    
32. rs.Close
    
33. 
    
34. '查询数据库的sql语句.
    
35. sqlcom="select * from child"
    
36. '执行sql语句.
    
37. rs.Open sqlcom,conn,1,1
    
38. '用for语句将数据库中的数据循环出来.
    
39. for k=1 to rs.RecordCount
    
40.         '输出XML节点,rs("name")是child表中字段name的数据.
    
41.         Response.Write("<childNode name='"&rs("name")&"' />")
    
42.         '移到下一条数据
    
43.         rs.MoveNext
    
44. Next
    
45. '结束firstNode节点
    
46. Response.Write("</firstNode>")
    
47. 
    
48. '关闭记录集
    
49. rs.Close
    
50. '释放记录信对象
    
51. Set rs=nothing
    
52. '关闭连接
    
53. conn.Close
    
54. '释放连接对象
    
55. Set conn=nothing
    
56. 
    
57. %>

复制代码

               
                然后在IIS中浏览xml-006.asp文件,会跟实验5的asp输出xml文档一样的.
                在Flash中还是跟实验5一样调用.
               
               
               
               
               
实验7:

重新做实验3,不过XML文档数据从数据库中调用.
用户登录不推荐使用XML.推荐在ASP或其它语言中,做隐式判断.
了解:
JSP请点:http://bbs.blueidea.com/thread-2729530-1-1.html
ASP请点:http://bbs.blueidea.com/thread-2729523-1-1.html

这个还是要讲的.便于理解下一个实验.

数据库:

打开Data.mdb数据库.新建二个表.
表名分别为:
--------------------------------------------------
post
user
--------------------------------------------------

post表中:
输入二个字段:分别为:
--------------------------------------------------
postID 自动编号
postName 文本
--------------------------------------------------
在 postID 字段点右键-->主键,保存.
打开post表,在postName字段输入二条数据,数据分别为:
--------------------------------------------------
经理
职员
--------------------------------------------------
保存.

user表中:
输入四个字段,分别为:
--------------------------------------------------
userID 自动编号
username 文本
password 文本
postName 文本
--------------------------------------------------
在 userID 字段点右键-->主键,保存.
打开user表,分别在username,password,postName字段输入四条数据,数据分别为:
--------------------------------------------------
  username                password         postName
MChooseFlash01                                MChooseHappiness                         经理
MChooseFlash02                                MChooseHappiness                         经理
EChooseFlash01                                EChooseHappiness                         职员
EChooseFlash02                                EChooseHappiness                         职员
--------------------------------------------------
保存.关闭数据库.

数据库到这可以了.下面是ASP:

打开记事本,输入下面的代码,然后保存为 xml-007.asp

1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
   
2. <%
   
3. 'xml-007.asp
   
4. 
   
5. dim conn,rs,sqlcom,post_arr
   
6. 
   
7. '设置文档类型.
   
8. Response.ContentType="text/xml"
   
9. '输出XML文档.
   
10. Response.Write("<?xml version='1.0' encoding='gb2312'?>")
    
11. Response.Write("<!--xml-007.asp-->")
    
12. Response.Write("<UserDataList>")
    
13. '创建连接对象.
    
14. Set conn=Server.CreateObject("Adodb.Connection")
    
15. '这里用字符串方法连接数据库.
    
16. '"Provider=Microsoft.Jet.OLEDB.4.0; 这个是数据库驱动.
    
17. 'Data Source="Server.MapPath("Data.mdb") 数据库文件的相对路径.
    
18. conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& Server.MapPath("Data.mdb")
    
19. '创建记录集对象.
    
20. Set rs=Server.CreateObject("Adodb.RecordSet")
    
21. '查询数据库的sql语句.
    
22. sqlcom="select * from post"
    
23. '执行sql语句.
    
24. '1,1 只读.
    
25. '1,3 可读可写.
    
26. rs.Open sqlcom,conn,1,1
    
27. '重定义数组.
    
28. 'rs.RecordCount 记录集中总的记录数.
    
29. Redim post_arr(rs.RecordCount)
    
30. '用for语句将post表中的数据循环出来.
    
31. 'Ubound数组的最大上标.
    
32. for i=1 to Ubound(post_arr)
    
33.         '将post表中的postName字段中的值存入数组post_arr.
    
34.         post_arr(i)=rs("postName")
    
35.         '移到下一条数据.
    
36.         rs.MoveNext
    
37. Next
    
38. 
    
39. 
    
40. '这里用了嵌套for语句,
    
41. '第一个for j是将post_arr数组中的数据读出来.也就是post表中的数据.
    
42. '第二个for k是将user表中的数据读出来.
    
43. 
    
44. '用for语句将post_arr数组中的数据循环出来.
    
45. for j=1 to Ubound(post_arr)
    
46.         '关闭记录集.
    
47.         rs.Close
    
48.         '查询数据库的sql语句.
    
49.         '根据post_arr(j)数组中的值为条件来重复执行sql语句.
    
50.         'user是SQL中的关键字.要用[]中括号括起来.
    
51.         sqlcom="select * from [user] where post='"&post_arr(j)&"'"
    
52.         '执行sql语句.
    
53.         rs.Open sqlcom,conn,1,1
    
54.         '输出XML节点.
    
55.         Response.Write("<Post post='"&post_arr(j)&"'>")
    
56.         '用for语句将user表中的数据循环出来.
    
57.         for k=1 to rs.RecordCount
    
58.                 '输出XML节点.
    
59.                 Response.Write("<UserData username='"&rs("username")&"' password='"&rs("password")&"' />")
    
60.                 '移到下一条数据.
    
61.                 rs.MoveNext
    
62.         Next
    
63.         '结束Post节点.
    
64.         Response.Write("</Post>")
    
65. Next
    
66. '结束UserDataList节点.
    
67. Response.Write("</UserDataList>")
    
68. 
    
69. '释放记录信对象.
    
70. Set rs=nothing
    
71. '关闭连接.
    
72. conn.Close
    
73. '释放连接对象.
    
74. Set conn=nothing
    
75. 
    
76. %>

复制代码

在IIS中浏览xml-007.asp文件.跟实验3中的xml文档大致一样.
打开实验3中的Flash文件,把Flash中的加载xml地址换成:

1. myxml.load("http://localhost/xml/xml-007.asp?ran="+Math.random(9999));

复制代码

然后测试影片.效果跟实验3一样.




实验8:

怎么都讲些不实用的东西啊?别急.下面就开始讲实用的.
这个实验比较有实用价值.就如蓝色网站的侧边菜单来说.
如图:
放置的内容是有限的.这个实验就可以用来扩展侧边菜单.
利用Accordion组件做容纳多内容的网站侧边菜单.
效果图:
下面开始:

数据库:

打开Data.mdb数据库.新建二个表.
表名分别为:
--------------------------------------------------
column
columnData
--------------------------------------------------

column表中:
输入三个字段:分别为:
--------------------------------------------------
columnID 自动编号
columnName 文本
columnIndex 数字
--------------------------------------------------
在 columnID 字段点右键-->主键,保存.
打开column表,分别在columnName,columnIndex字段输入五条数据,数据分别为:
--------------------------------------------------
columnName         columnIndex
专题栏目-01              0
专题栏目-02              1
专题栏目-03              2
专题栏目-04              3
专题栏目-05              4

--------------------------------------------------
保存.

columnData表中:
输入四个字段,分别为:
--------------------------------------------------
cdID 自动编号
cdName 文本
cdURL 文本
columnIndex 数字
--------------------------------------------------
在 cdID 字段点右键-->主键,保存.
打开columnData表,分别在cdName,cdURL,columnIndex字段输入下面的数据:
--------------------------------------------------
  cdName                                      cdURL                                                 columnIndex
ChooseFlash-01.1                        http://www.happiness01.com                            0
ChooseFlash-01.2                        http://www.happiness02.com                            0
ChooseFlash-01.3                        http://www.happiness03.com                            0
ChooseFlash-01.4                        http://www.happiness04.com                            0
ChooseFlash-01.5                     http://www.happiness05.com                            0

ChooseFlash-02.1                        http://www.happiness01.com                            1
ChooseFlash-02.2                        http://www.happiness02.com                            1
ChooseFlash-02.3                        http://www.happiness03.com                            1
ChooseFlash-02.4                        http://www.happiness04.com                            1
ChooseFlash-02.5                     http://www.happiness05.com                            1

ChooseFlash-03.1                        http://www.happiness01.com                            2
ChooseFlash-03.2                        http://www.happiness02.com                            2
ChooseFlash-03.3                        http://www.happiness03.com                            2
ChooseFlash-03.4                        http://www.happiness04.com                            2
ChooseFlash-03.5                     http://www.happiness05.com                            2

ChooseFlash-04.1                        http://www.happiness01.com                            3
ChooseFlash-04.2                        http://www.happiness02.com                            3
ChooseFlash-04.3                        http://www.happiness03.com                            3
ChooseFlash-04.4                        http://www.happiness04.com                            3
ChooseFlash-04.5                     http://www.happiness05.com                            3

ChooseFlash-05.1                        http://www.happiness01.com                            4
ChooseFlash-05.2                        http://www.happiness02.com                            4
ChooseFlash-05.3                        http://www.happiness03.com                            4
ChooseFlash-05.4                        http://www.happiness04.com                            4
ChooseFlash-05.5                     http://www.happiness05.com                            4
ChooseFlash-05.6                        http://www.happiness06.com                            4
ChooseFlash-05.7                     http://www.happiness07.com                            4

--------------------------------------------------
保存.关闭数据库.

数据库到这可以了.下面是ASP:

打开记事本,输入下面的代码,然后保存为 xml-008.asp

1. <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
   
2. <%
   
3. 'xml-008.asp
   
4. 
   
5. dim conn,rs,sqlcom,name_arr,index_arr
   
6. 
   
7. '设置文档类型.
   
8. Response.ContentType="text/xml"
   
9. '输出XML文档.
   
10. Response.Write("<?xml version='1.0' encoding='gb2312'?>")
    
11. Response.Write("<!--xml-008.asp-->")
    
12. Response.Write("<ColumnList>")
    
13. '创建连接对象.
    
14. Set conn=Server.CreateObject("Adodb.Connection")
    
15. '这里用字符串方法连接数据库.
    
16. '"Provider=Microsoft.Jet.OLEDB.4.0; 这个是数据库驱动.
    
17. 'Data Source="Server.MapPath("Data.mdb") 数据库文件的相对路径.
    
18. conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& Server.MapPath("Data.mdb")
    
19. '创建记录集对象.
    
20. Set rs=Server.CreateObject("Adodb.RecordSet")
    
21. '查询数据库的sql语句.column是SQL中的关键字.要用[]中括号括起来.
    
22. sqlcom="select * from [column]"
    
23. '执行sql语句.
    
24. '1,1 只读.
    
25. '1,3 可读可写.
    
26. rs.Open sqlcom,conn,1,1
    
27. '重定义数组.
    
28. 'rs.RecordCount 记录集中总的记录数.
    
29. Redim name_arr(rs.RecordCount)
    
30. Redim index_arr(rs.RecordCount)
    
31. '用for语句将column表中的数据循环出来.
    
32. 'Ubound数组的最大上标.
    
33. for i=1 to Ubound(name_arr)
    
34.         '将column表中的columnName字段中的值存入数组name_arr.
    
35.         name_arr(i)=rs("columnName")
    
36.         '将column表中的columnIndex字段中的值存入数组index_arr.
    
37.         index_arr(i)=rs("columnIndex")
    
38.         '移到下一条数据.
    
39.         rs.MoveNext
    
40. Next
    
41. 
    
42. 
    
43. '这里用了嵌套for语句,
    
44. '第一个for j是将name_arr和index_arr数组中的数据读出来.也就是column表中的数据.
    
45. '第二个for k是将columnData表中的数据读出来.
    
46. 
    
47. '用for语句将name_arr和index_arr数组中的数据循环出来.
    
48. for j=1 to Ubound(name_arr)
    
49.         '关闭记录集.
    
50.         rs.Close
    
51.         '查询数据库的sql语句.
    
52.         '根据index_arr(j)数组中的值为条件来重复执行sql语句.
    
53.         sqlcom="select * from columnData where columnIndex="&index_arr(j)&""
    
54.         '执行sql语句.
    
55.         rs.Open sqlcom,conn,1,1
    
56.         '输出XML节点.
    
57.         Response.Write("<Column name='"&name_arr(j)&"'>")
    
58.         '用for语句将column表中的数据循环出来.
    
59.         for k=1 to rs.RecordCount
    
60.                 '输出XML节点.
    
61.                 Response.Write("<ColumnData name='"&rs("cdName")&"' url='"&rs("cdURL")&"' />")
    
62.                 '移到下一条数据.
    
63.                 rs.MoveNext
    
64.         Next
    
65.         '结束Column节点.
    
66.         Response.Write("</Column>")
    
67. Next
    
68. '结束ColumnList节点.
    
69. Response.Write("</ColumnList>")
    
70. 
    
71. '释放记录信对象.
    
72. Set rs=nothing
    
73. '关闭连接.
    
74. conn.Close
    
75. '释放连接对象.
    
76. Set conn=nothing
    
77. 
    
78. %>

复制代码

在IIS中浏览xml-008.asp文件.可以看到xml文档的结构跟实验7中的xml文档结构一样.
下面就是Flash了.

Flash中:
打开Flash,新建一个Flash文档,大小200*230,命名 xml-008.fla ;
新建一个图层,命名为:Actions
--------------------------------------------------
新建一个影片剪辑,命名为:btn_over ;此影片剪辑用来装饰鼠标滑过时的效果.
新建二个图层.分别命名为:
--------------------------------------------------
Actions
cont
--------------------------------------------------
在图层cont的第一帧画一个200*18,没有边框的矩形,填充颜色为#0099FF;透明度为0,x,y值为0,
在第三帧按[F6],选中该帧的矩形,将透明度调为50;再选中第一帧,打开属性面板,在补间那选形状.
在图层Actions的第三帧按[F6],在该帧输入代码: stop();
完成如图:


回到主场景,新建一个按钮.命名为:btn ;
在'指针经过','按下'帧按[F6].
将库中的 btn_over 影片剪辑拉到'指针经过'帧,x,y值为0,
再在'按下'帧画一个200*18,没有边框的矩形,填充颜色为#FFF3CC; 透明度为50, x,y值为0,

回到主场景,新建一个影片剪辑.命名为:columnItem,
在高级选项那 标识符为:columnItem,在勾选上 '为ActionScript导出','第一帧导出'.
新建三个图层,分别命名为:
--------------------------------------------------
btn
text
line
--------------------------------------------------
在图层line的第一帧画一条100*1的虚线.填充颜色为#660000; 透明度为80 ; x值为0,y值为18;
在图层text画一个动态文本框,大小为200*18; 文本颜色为:#660000; x,y值为0, 实例名为: cName ;
在图层btn中,将btn按钮元件拉到第一帧.x,y值为0,实例名为: btn ;
完成如图:


回到主场景.
打开组件面板,拉一个Accordion组件到库中;
在Actions图层的第一帧输入下面的代码:

1. //导入类.
   
2. import mx.core.View;
   
3. import mx.containers.Accordion;
   
4. //===========================================
   
5. //使用系统编码.防止乱码.
   
6. System.useCodepage = true;
   
7. //隐藏按钮的鼠标手形.
   
8. Button.prototype.useHandCursor = false;
   
9. //===========================================
   
10. //实例化一个xml对象.
    
11. var columnData:XML = new XML();
    
12. //分析时忽略xml文档中的空格.
    
13. columnData.ignoreWhite = true;
    
14. //加载http://localhost/xml/xml-008.asp.
    
15. columnData.load("http://localhost/xml/xml-008.asp?ran="+Math.random(9999));
    
16. //调用XML.onLoad事件.
    
17. columnData.onLoad = function(success:Boolean)
    
18. {
    
19.         //如果加载成功,success=true;否则success=false;
    
20.         if (success) {
    
21.                 //执行dragColumn函数.
    
22.                 dragColumn(columnData.firstChild.childNodes);
    
23.         }
    
24. };
    
25. //==========dragColumn函数用来绘制专栏数据===========
    
26. function dragColumn(column_arr:Array):Void
    
27. {
    
28.         //创建Accordion组件的实例.
    
29.         //createClassObject(类名称,"实例名",深度,{初始对象});
    
30.         createClassObject(Accordion, "column", 0, {_x:0, _y:0, _width:200, _height:240});
    
31.         //执行columnStyle函数.
    
32.         columnStyle();
    
33.         //获取数组的长度.
    
34.         var columnLen:Number = column_arr.length;
    
35.         //专栏的子菜单数组.
    
36.         var columnChild:Array;
    
37.         //引用专题栏目的对象.
    
38.         var MainItem:Object;
    
39.         //循环创建专题栏目.
    
40.         for (var i = 0; i<columnLen; i++) {
    
41.                 //创建专题栏目.MainItem引用新创建的对象.
    
42.                 //createSegment(类名称,值或实例名称,显示的标题);
    
43.                 MainItem = column.createSegment(View, i, column_arr[i].attributes.name);
    
44.                 //获取专栏的子菜单数组.
    
45.                 columnChild = column_arr[i].childNodes;
    
46.                 //循环创建专题栏目的子菜单.
    
47.                 for (var j = 0; j<columnChild.length; j++) {
    
48.                         //使用with语句简写代码.
    
49.                         //创建专题栏目的子菜单.
    
50.                         //createChild("库中的链接名","实例名称",{初始对象});
    
51.                         //18.5是columnItem影片剪辑的高度和行距.
    
52.                         with (MainItem.createChild("columnItem", "columnItem", {_x:0, _y:18.5*j})) {
    
53.                                 //显示子菜单.
    
54.                                 cName.text = columnChild[j].attributes.name;
    
55.                                 //获取点击的URL;
    
56.                                 btn.cURL = columnChild[j].attributes.url;
    
57.                                 //btn.onRelease事件.
    
58.                                 btn.onRelease = btnEvent;
    
59.                         }
    
60.                 }
    
61.         }
    
62. }
    
63. //========执行btn.onRelease事件的函数=========
    
64. function btnEvent():Void
    
65. {
    
66.         //连接点击的URL.
    
67.         getURL(this.cURL, "_blank");
    
68. }
    
69. //=======columnStyle函数设置专栏的样式=========
    
70. function columnStyle():Void
    
71. {
    
72.         //文本颜色.
    
73.         column.setStyle("color", 0x660000);
    
74.         //字体.
    
75.         column.setStyle("fontFamily", "隶书");
    
76.         //主题.
    
77.         column.setStyle("themeColor", "haloOrange");
    
78.         //点击专栏的动画.
    
79.         column.setStyle("openEasing", mx.transitions.easing.Bounce.easeOut);
    
80. }
    
81. //===========================================

复制代码

现在大家就可以测试影片了.

教程源文件:

个人水平有限，有缺陷之处，欢迎大家指正
此教程到此结束.
晕.刚好2000字节.只好把JSP的贴下面了.源文件在这下.
呼..呼..呼..
今天想到一个有趣的程序.自己先看看,做出来就会贴到经典的.

[ 本帖最后由 chooseflash 于 2007-7-13 05:17 编辑 ]

chooseflash 楼主

//===========================================
JSP的就贴代码和注释了,因为原理一样.大家变通下就可以了.
以实验8为例:
在Flash中把加载地址改成JSP文件所在地址就行了.配置这里就不说了.对JSP有兴趣的可以去找找资料.
JSP生成XML代码:

1. <%@ page contentType="text/xml; charset=gb2312" %>
   
2. <%@ page import="java.sql.*" %>
   
3. 
   
4. <%
   
5. //输出xml文档.
   
6. out.println("<?xml version='1.0' encoding='gb2312'?>");
   
7. out.println("<!--xml-008.jsp-->");
   
8. out.println("<ColumnList>");
   
9. //新建一个连接到Data数据库的对象.
   
10. Connection conn = DriverManager.getConnection("jdbc:odbc:Data","","");
    
11. //SQL查询字符串.
    
12. String sqlcom="SELECT * FROM [column]";
    
13. //将SQL语句发送到数据库中.
    
14. PreparedStatement ps = conn.prepareStatement(sqlcom);
    
15. //执行查询,将查询结果付给记录集对象column_rs.
    
16. ResultSet column_rs = ps.executeQuery();
    
17. //声明一个记录集对象.
    
18. ResultSet cd_rs;
    
19. //使用ResultSet.next()判断是否有记录;有就返回 True ,否则返回 False;
    
20. while(column_rs.next()){
    
21.     //输出xml节点.
    
22.     out.println("<Column name='"+column_rs.getString("columnName")+"'>");
    
23.     //SQL查询字符串.
    
24.     sqlcom="SELECT * FROM columnData Where columnIndex="+column_rs.getString("columnIndex")+"";
    
25.     //将SQL语句发送到数据库中.
    
26.     ps = conn.prepareStatement(sqlcom);
    
27.     //执行查询,将查询结果付给记录集对象column_rs.
    
28.     cd_rs = ps.executeQuery();
    
29.     //使用ResultSet.next()判断是否有记录;有就返回 True ,否则返回 False;
    
30.     while(cd_rs.next()){
    
31.          //输出xml节点.
    
32.         out.println("<ColumnData name='"+cd_rs.getString("cdName")+"' url='"+cd_rs.getString("cdURL")+"' />");
    
33.     }
    
34.     //关闭记录集对象.
    
35.     cd_rs.close();
    
36.     //结束Column节点.
    
37.     out.println("</Column>");
    
38. }
    
39. //结束ColumnList节点.
    
40. out.println("</ColumnList>");
    
41. //关闭记录集对象.
    
42. column_rs.close();
    
43. //关闭ps对象
    
44. ps.close();
    
45. //关闭连接对象
    
46. conn.close();
    
47. 
    
48. %>

复制代码

sayhelen

很久不顶贴了，刚好最近做的一点东西涉及到这部分，发现自己这部分太薄弱了，谢谢楼主的教程，通俗易懂！

leoleoyangyang

一点不懂！

i232324

顶，代码解释得那么详细，万年潜水员也浮个龟头上来顶死你，楼主

riantboy

研究中！！！谢谢搂主！！

xingxingxp

楼主太好了..这个贴对偶实在太有用了..

xingxingxp

我已经按照你说的统统做了一遍,发现一个小错误..

Microsoft JET Database Engine (0x80040E10)
至少一个参数没有被指定值。
/测试/flash+access/xml-007.asp, 第 53 行

chooseflash 楼主

楼上的学习精神不错.代码应该是自己输的吧.请检查下查询语句.因为有些是SQL中的关键字.需要用[]中括号括起来.源文件我全部做过测试.请参考下源文件.

janyin

正需要这方面的教程,谢了楼主,收藏先

Jexm

very good! TOP!

bushifeiyu

无法显示 XML 页。
使用 XSL 样式表无法查看 XML 输入。请更正错误然后单击 刷新按钮，或以后重试。


--------------------------------------------------------------------------------

应有一个字符串文字, 但找不到左引号。处理资源 'http://localhost/xml/xml-007.asp' 时出错。第 1 行，位置: 94

<?xml version='1.0' encoding='gb2312'?><!--xml-007.asp--><UserDataList> <font face="宋体" size=2>
---...

bushifeiyu

参考你的代码发现问题出现在数据库中。
我在仔细研究下！

bushifeiyu

谢谢楼主！
实验全部成功！jsp还没有试试。
正在努力变成自己的知识！

chooseflash 楼主

呵.楼上个性应该比较急.给你个建议.遇到问题尽量自己解决.多尝试.实在不行再来问.还有就是坚持加努力.这样学习效率将成倍增长.如果需要JSP配置说明.我找个时间贴上来.

DJRender

楼主 太感谢你了
不过我遇到了一个小问题  我想你肯定没问题 帮我解决下  谢谢了
当点击LIST的时候  我想单及按扭时  动态文本 出现他们的路径

roye2008

好贴..支持楼主,呵呵..万年中出现一次..谢谢了

chooseflash 楼主

谢谢.

1. trace(mp3_list.selectedItem.data);

复制代码

这个就是点击List选中的路径.貌似我写的很清楚.偶的文字表达能力有待加强.呵.玩笑.

cc1007

总算了解程序生成xml格式的原理了,感谢楼主
不知道直接生成.xml后缀的文件怎么实现

chooseflash 楼主

生成.xml的文件原理是利用文件的操作将数据写入xml文件.ASP需要用FSO组件.JSP需要操作文件的类库才能对文件进行操作.