收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[组图]利用输入文本制作简易留言本         ★★★
利用输入文本制作简易留言本 Flash+ASP留言板的制作
作者:佚名 文章来源:原创 点击数:2564 更新时间:2011-7-13 23:00:55

Flash+ASP留言板的制作(一)

Flash+Asp+Access留言本制作。在这之前,希望您能熟悉Flash的动画制作和Actionscript知识,如果您还有一点的编程基础,那么我想您一定可以轻松的做出这个实例来。

此留言本所有文件清单如图5.5.2所示。

一、主要原理:

1. 发表留言:Flash作为前台来获取用户的提交的信息(数据),然后把搜集到的用户信息(数据)传递给Asp;接下来在Asp中接收Flash传过来的用户信息(数据),用统一的格式写入到我们的数据库中(Access),这样完成留言的发表。

2. 读取留言:用户通过使用Flash来向Asp发出一个读取留言的请求,Asp接到请求后根据要求从数据库(Access)中提取用户所要的信息(数据),然后这些信息(数据)再由Asp发送给Flash,最后在Flash中把这些信息(数据)表现出来。

二、关于FlashçèAsp数据传递问题

关于Flash与Asp的数据传递问题可以说是留言本制作的重点和难点。

可以用来解决它的方法有很多,比如说现在最时髦的XML。但是在这里我要用别的方法来解决。这里不使用XML,主要是因为如果涉及了XML那么将要花很多精力来解释XML这一部分内容,而这篇教程的主要目的是为了让一些初学者来感受一下如何使用Flash来制作留言本。

下面我要通过举个简单的例子让大家来了解我是如何解决数据传递问题的:

首先通过Flash中的输入文本框搜集到访客名(nick)、访客的邮箱地址(email)、留言的内容(message),然后我们把这些数据交给Asp,我们该如何做呢?可以使用loadVar对象,关于这个对象的具体说明,您可以察看AS的中文帮助,我在这里就不作具体介绍了。

myload = new LoadVars();

myload.nick = nick.text

myload.email = email.text

myload.message = message.text

myload.sendAndLoad ("myasp.asp",myload,"post");

在Flash里通过以上的语句就把nick、email、message这三个变量传给了myasp.asp这个文件,在myasp.asp里,我们可以通过以下的语句来获取这三个变量:

<%

nick = request("nick")

email = request("email")

message = request("message")

%>

在Asp中获得这三个变量后就可以通过ADO把他们记录到我们的数据库(Access)中。

以上则是FlashèAspèAccess的一个过程,那么如何实现AccessèAspèFlash这一过程呢?

我们知道当我们使用一个留言本的时候,留一次言只要写入一条记录,而察看一次留言的时候往往要一下显示很多条记录,所以AccessèAspèFlash这个过程中要传输的数据量可能是刚刚FlashèAspèAccess的几倍或者十几倍、甚至几十倍,我是这样做的:

首先通过Asp向Access提取我们所要的记录集,存放在一个rs对象里,然后用循环生成类似这样的一个字符串:

gbook=nick1^email1^message1^nick2^email2^message2^……

最后用response.write将它输出。

接下来还记得刚才在Flash中最后那句

myload.sendAndLoad ("myasp.asp”,myload,”post”);

吗,这句话一方面可以向Asp发送数据,同时还可以从Asp中获取反馈的数据。通过它我们就可以在Flash中使用myload.gbook,即

nick1^email1^message1^nick2^email2^message2^……

那么在Flash中获得像

nick1^email1^message1^nick2^email2^message2^……

这样的字符串是不可以直接使用,所以我们需要这样再来处理一下。

myString = new String(myload.gbook);

//myload.gbook的值即为

//nick1^email1^message1^nick2^email2^message2^……

temp = new Array();

temp = mystring.split("^");

通过了mystring.split("^");我们就把myload.gbook中的值以“^”为分隔符,放入一个数组中(temp),接下来我们就可以通过这个数组来操作并显示这些数据。到此为止AccessèAspèFlash过程就算完成了,接下来的事就是让Flash把这些数据表现出来,至于如何表现就可以充分发挥你的想象力了:)

在最后我要说明的是,之所以使用“^”这个作为分隔符完全是出于个人喜好,你可以使用一个字符作为分隔符,但前提是你必须牺牲这个符号而保证使它不出现在你的留言信息中。

三、设计数据库(Access):

打开Microsoft Access,新建一个“空Access数据库”,保存为 gbook.mdb ,使用“设计视图”新建一张表,在表中建立如下字段:id(自动编号)、name(文本)、message(文本)、face(文本)、email(文本)、oicq(文本)、dt(日期/时间)、ip(文本)。并将id字段设为主键,最后保存表名为 gbook   。

Flash+ASP留言板

图 5.5.3 数据库设计视图

四、Flash制作部分 :

1. 新建一个Flash文件,场景设置如下:width 780px,height 300px,Frame rate 24fps。

2. 首先我们把时间轴的设计好(如图5.5.4)。我认为这一步比较重要,一个好的时间轴安排可以让我们在编程时省掉很多代码。

首先将第一个层更名为action,我们将把所有的代码写在这个层上。在此层上新建5个关键帧,并在第2、3、4关键帧中写上帧标签 read 、 write 、 loop ,并适当延长几帧。接下来再新建一个层 bg ,放在最下面,用来放置留言本的背景图案(在这里美化留言本我就不介绍了,您自己可以在bg层里面画留言本的边框和背景),并将它的第一帧延长至与action层的最后一帧对齐。在bg层的上方再新建两个层,分别起名为:write和button。从命名上我们就可以知道他们分别是用来放输入框和按钮的,如 图5.5.4 分别延长刚才新建两层的第一个关键帧至action层write帧结尾处。最后在button层的第一帧处新建一个空白的关键帧。(如图5.5.4)至此我们这个留言本的框架搭建完成,最后请再仔细检查一下,看看您做得是否与图中相一致。

图 5.5.4 时间轴的设计安排

3. 做完了上面的工作后,我们可以轻松一下。我们来制作一个填写留言的MC(影片夹MovieClip)。首先按Ctrl+F8新建一个空白的MC,并取名为write。

图 5.5.5 动画剪辑write

(1)在write里我们简单的绘制一下背景

(2)在上面放置4个输入文本框,分别命名为“name”(姓名,20字符),“email”(邮件,50字符),“oicq”(10字符),“message”(留言,多行)。另外再放上两个按钮,提交按钮和取消按钮,分别命名为“submit”(提交),“cancle”(取消)。

图 5.5.6 文本框的属性

(3)从组件面板里拖出一个CombBox,命名为“face”。这个是用来给用户选择头像,所以我们设置它的Labels,添加24个标签,分别填入:“请选择头像”、“1”、“2”……“23”。之所以是24个标签,是因为我们准备了23个头像,加上那句“请选择头像”。那么头像放在哪里呢,别急,我们下面会介绍的。最后在这个CombBox的Change Handler里填入“changeface”,如图5.5.7所示。

图 5.5.7 CombBox组件changeface的设置

(4)我们再按Ctrl+F8新建一个MC,命名为“head”。从外部导入23个头像,分别放在第1~23关键帧上,调整好他们的位置,尽可能的保证中心点在同一位置,并在第一帧处写上stop()。

(5)

图 5.5.8 动画剪辑head的时间轴

[1] [2] [3] [4]  下一页

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长