发新话题
打印

[原创]Flash+ASP+Access打造动感留言簿

[原创]Flash+ASP+Access打造动感留言簿

[b]4.2制作写入数据的asp页面[/b] 4.2.1新建站点和页面 ①打开Dreamweaver MX(Dreamweaver MX2004),在这里以Dreamweaver MX2004为例。 单击“站点->管理站点”出现“管理站点”对话框,如图17所示。 图 17 管理站点对话框 ②单击“新建”按钮,在弹出的对话框中设置“站点名称”和“本地根文件夹”。这里需要根据自己的情况填写。如图18所示。 图 18 设置“本地信息” ③在左边选择“测试服务器”选项,“服务器模型”选择“ASP VBScript”,“访问”选择“本地/网络”,“测试服务器文件夹”和上一个设置中的“本地根文件夹”相同,“URL前缀”为“http://localhost/flashbook”。如图19所示。 图 19 “测试服务器”选项 ④单击“文件->新建”命令,在弹出的对话框中“类别”选择“动态页”,“动态页”选项选择“ASP VBScript”。创建一个新的ASP页。如图20所示。 图 20 创建新的ASP页 ⑤单击“修改->页面属性”,将页面编码改为“Unicode(UTF-8)”。如图21所示。 图 21 设置文档编码 ⑥将此文件保存为“write.asp”。此文件的在“代码视图”下观察应该如图22所示。 图 22 write.asp文件内容 4.2.2链接数据库 ①单击“窗口->数据库”命令,打开数据库面板,选择“自定义连接字符串”命令。如图23所示。 图 23 连接数据库 ②“链接名称”为“conn”,连接字符串为: "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="&Server.MapPath("/flashbook/gb.mdb") 注意,输入连接字符串的时候一定不能出错,区分大小写,如果你的数据库路径与上面的不同,请自行更改。选择“使用测试服务器上的驱动程序”,然后单击“测试”按钮。如图24所示。 图 24 连接字符串 ③如果连接正确,Dreamweaver会弹出提示。如图25所示。 图 25 正确提示 ④此时“数据库”面板如图26所示。 图 26 连接后的“数据库”面板 ⑤单击“conn”左边的加号,可以看到数据库的结构。如图27所示。 图 27 数据库结构 ⑥此时的“文件”面板应该如图28所示。 图 28 文件面板 4.2.3创建表单 ①切换到“设计”视图。单击“插入->表单->表单”命令。如图29所示。 图 29 插入表单 ②插入的表单如图30所示。 图 30 插入的表单 ③此表单的名称为“form1”,方法为“POST”。如图31所示。 图 31 表单属性 ④单击“插入->表单->文本字段”,在表单中插入一个文本字段。如图32所示。 图 32 插入文本字段 ⑤此字段的名称为“userName”。如图33所示。 图 33 文本字段属性 ⑥复制这个文本字段两次,将另两个文本字段的名称设为“userEmail”和“userMessage”。如图34所示。 图 34 其他字段 ⑦单击“服务器行为”面板的“插入记录”命令。如图35所示。 图 35 ⑧在“连接”中选“conn”,第2项选择“book”,第3项填入“done.htm”。然后选择“确定”。 图 36 ⑨此时的write.asp应该如图37所示。 图 37 4.2.4删除不需要的html元素。 ①切换到“代码视图”。注意下图中反白的部分,这是一个隐藏字段,我们需要在Flash中设置它的值。把它拷贝到一个文本文件中保存,我们马上要删除它。 图 38 ②选择标签中的所有内容,当然也包括 图 39 ③找到“Response.Redirect……”也就是下图中反白的部分,将其改为图41所示。 图 40 图 41 ④此时“服务器行为”面板会出现惊叹号,不要管他。 图 42

TOP

[原创]Flash+ASP+Access打造动感留言簿

[b][color=red]前5课教程[/color][/b]
[url]http://bbs.flasher123.com/dispbbs.asp?boardID=5&ID=4482[/url]

4.3制作Flash影片的写入数据部分
[b][color=blue]注意:从此例开始,不会使用一步步讲解的方法,而是先看完成的效果,然后分析源文件结构。读者可以打开源程序,然后根据教程分析源文件并制作自己的影片。[/color][/b]
此部分的Flash源程序和所有相关文件请到这里下载:
[url]http://music.flasher123.com/zrong/tutorial/flashbook/ch4/flashbook_write.rar[/url]
注意:此例所讲的内容必须放在http://localhost/flashbook虚拟目录下才能成功。如果放在其他虚拟目录下或者放在自己的网站空间里,需要更改数据库的连接字符串。
此部分完成后的截图如图43所示。在舞台上只有一个“发送信息框”影片剪辑,其实例名称为“postData_mc”。双击此影片剪辑,进入其内部观察。

图 43 写入留言部分
4.3.1组成部分
①此影片剪辑内部如图44所示。在舞台上有3个输入文本框,实例名称由上至下分别为“userName_txt”,“userEmail_txt”和“userMessage_txt”。

图 44 组成部分
②在“留言”文本框(即“userMessage_txt”)右边有一个“scrollBar”组件,这个组件可以在“组件”面板中找到,打开“组件”面板的方法是“窗口->组件”。
③设置这个组件的方法是:将scrollBar组件拖动到舞台上的“userMessage_txt”组件上方,这时组件会自动设置自己的参数,并自动吸附到“userMessage_txt”组件右边。如果没有出现这样的情况,就单击舞台上的这个组件,在“参数”面板中将“target TextField”参数设置为“userMessage_txt”。这个组件的作用是当“留言”过多时出现滚动条。如图45所示。

图 45 设置组件参数
④右下方有一个“提交”按钮,实例名为“send_btn”。
⑤在“sending”帧中只有一段文字提示数据正在传输。如图46所示。

图 46 sending帧
⑥在“done”帧有一段文字提示数据已经输入,并有一个“再写”按钮,此按钮上只有一句脚本:gotoAndStop(1)。如图47所示。

图 47 done帧
4.3.2动作脚本
在第1帧有如下动作脚本。
[quote]
1.stop();
2.//新建两个LoadVars对象,send_var负责发送数据,load_var负责接收数据
3.send_var = new LoadVars();
4.load_var = new LoadVars();
5.//将send_var对象中的MM_insert变量的值设为“form1”,这个变量实际是我们在4.2.4.①(图38)中删除的那个隐藏字段。
6.send_var.MM_insert = "form1";
7.//当单击send_btn按钮时执行sendData()函数。
8.send_btn.onRelease = function() {
9.sendData();
10.};
11.//定义sendData()函数
12.function sendData() {
13.//将send_var对象中的userName、userEmail和userMessage变量的值定义为对应的三个输入文本域中的文字。Send_var对象中的三个变量的名称必须与write.asp文件中设置的相同。
14.send_var.userName = userName_txt.text;
15.send_var.userEmail = userEmail_txt.text;
16.send_var.userMessage = userMessage_txt.text;
17.//发送send_var对象中的值给write.asp。使用load_var对象接收返回的值
18.send_var.sendAndLoad("http://localhost/flashbook/write.asp", load_var, "OST");
19.//如果返回正确就跳转到done帧
20.load_var.onLoad = function() {
21.gotoAndStop("done");
22.};
23.//跳转到senging帧
24.gotoAndStop("sending");
25.}
[/quote]
4.3.3测试影片
①测试影片,在输入文本框中写入文本并单击“提交”按钮,稍后将会出现成功画面,如图48、49所示。

图 48 提交留言

图 49 提交成功
②用access打开“gb.mdb”,可以看到刚才提交的数据。如图50所示。

图 50

TOP

[原创]Flash+ASP+Access打造动感留言簿

[b][size=4]后面的教程还没有写,但是每周会更新一次,应该还有两周就能讲完。[/size][/b]

TOP

[原创]Flash+ASP+Access打造动感留言簿

我的是98  在FLASH里加上system.usecodepage=ture,
运行FLASH也看不到接收的数据

TOP

[原创]Flash+ASP+Access打造动感留言簿

能不能说说具体情况?什么都看不见吗?

TOP

[原创]Flash+ASP+Access打造动感留言簿

对啊,什么也没有,而且asp属性还是设了uft-8了

TOP

[原创]Flash+ASP+Access打造动感留言簿

不知道你做到那一步了?3.2.2中的测试影片的效果看了吗?

TOP

[原创]Flash+ASP+Access打造动感留言簿

你看看

TOP

[原创]Flash+ASP+Access打造动感留言簿

我的是win98

TOP

[原创]Flash+ASP+Access打造动感留言簿

[这个贴子最后由zrong在 2004/02/06 07:11pm 第 1 次编辑]

我这可以呀!你是不是虚拟目录的名称没有写对?先检查你的PWS能不能运行?
我看你的getURL语句:
getURL("http://192.168.0.6/index.asp","_blank","GET");
你先直接访问 http://192.168.0.6/index.asp 看行不行?

TOP

发新话题