毕业设计（论文）-基于Flash聊天室的设计.doc

基于flash聊天室的设计摘 要 聊天是我们进行沟通交流的方式之一，即便相隔千里也可以利用聊天室与朋友畅谈，所以建立聊天室是必不可少的，并且聊天室也是实用性强的人机交互系统。目前聊天室的实现方式有很多种，使用flash制作的聊天室上网发布容易、交流和实时性强。本设计采用flash和asp技术，结合数据库的应用完成。设计制作过程中采用了asp技术，它是基于服务端的一个脚本环境，具有编程简单、功能强等特点。利用flash和asp技术建立的聊天室能够结合音乐、动画，更能结合视频等通信技术，给用户带来耳目一新的感觉，也使用户之间能够更好的交流。设计通过需求分析、系统设计、详细实施、系统发布四个主要阶段进行。关键词 flash聊天室，asp技术，access数据库abstract we are talking on the way of communication, even though miles you can also use chat with friends, so is essential to establish a chat room, and a chat room is also high practicability of the man-machine an interactive system. the realization of a chat room there are many kinds of using flash making chat online publishing easy, communication and timely. this design adopts the flash and asp technology, combined database application. design during the asp technology, it is based on the server of a script with the programming environment and simple, functional, strong features. the use of flash and asp technology to establish a chat to combine music, animation, a video can be combined with communications technology, for users of fresh and users to communicate design demand. through detailed analysis, systems and system design, implementation of the four major phases.key words: flashchat room,asp technology,access database目 录1.绪论11.1 选题的目的和意义11.2国内外对本课题涉及问题的研究现状11.3本课题应解决的主要问题21.3.1 flash动画的制作21.3.2 web数据库访问技术21.4 系统的开发方法32.关于flash的介绍42.1 flash的发展历史42.2 flash的发展方向53.项目开发工具简介73.1 flash professional 8的应用73.2 asp技术73.3 数据库的介绍84.聊天室的需求分析94.1 项目设计背景94.2 项目实现的功能95.聊天室的系统设计105.1 基本设计105.2 系统层次概括106.聊天室的详细设计126.1 聊天室的基本原理126.2 flash设计126.2.1flash相关函数126.2.2 flash制作136.3 数据库的建立186.4 asp的设计阶段196.4.1 asp的运行环境196.4.2 asp与数据库连接207 聊天室的发布257.1 配置iis25总结27参考文献28致谢2929 1.绪论1.1 选题的目的和意义聊天系统1为人们进行交流和联系提供了一个平台，随着现代科技的不断发展、技术的不断提高，更好的完善聊天系统的管理，以达到增进人们之间信息交流和沟通的目的，并以此加快人们的信息化建设。flash聊天室结合了声音、视频和实时对话的综合通信技术，丰富了用户因特网聊天互动的体验，同时提供一种新的实现技术。现在计算机网络的快速发展深深的改变了我们的生活，使得人们能以更低廉的价格，开发出更方便、更实用的网络工具。各种在线服务系统，更是深刻的影响了人们的联系和交流方式，使得人们可以在远隔千里之遥随时通讯。以往一封家书需要邮寄几天时间才能到达亲人的手上，而现在即使千里之遥也可以进行视频聊天，过去陈旧的联系方式已经满足不了现代生活的需要，所以更好更强的完善聊天系统是必不可少的。1.2国内外对本课题涉及问题的研究现状 聊天室是当今广泛应用的一种网络服务, 存在基于java、php和vc等的聊天室的设计，为用户之间交流沟通搭建一个平台，但聊天室的内容比较单一。如今基于flash聊天室的设计使用并不是十分的广泛，但是flash player作为客户端，几乎跨域任何操作系统和电脑，并且flash拥有广大的客户群和认知度，这无疑对未来视频聊天系统产生革命性的影响；同时可以通过flash开发工具，如flex开发客户端flash，在界面开发以及功能开发上所花费的时间远远小于其它开发软件或插件需要花费的时间。1.3本课题应解决的主要问题1.3.1 flash动画的制作 动画2是通过连续播放一系列画面，在视觉上形成连续变化的图画，在flash中，最简单的动画制作是通过补间形状和补间动画来创建。在制作聊天室的过程中需要利用flash制作用户登录界面、注册界面以及聊天界面，并且通过设置action来实现不同帧之间的跳动。所谓的action3就是一套在特定事件发生时执行的指令，能够触发action的事件就是当影像播放到了某一帧，或是当用户点击了按钮，或者按动键盘上某些键的行为，这些都称之为事件。通过action，可以制作出随停随放的动画效果。1.3.2 web数据库访问技术www中使用的网页4，经历了从静态网页到动态网页的过程。静态网页为不管何时何人都可以进行访问，无需输入任何信息并且看到的网页都是相同的。而动态网页是根据输入数据的不同，要求网页显示不同的内容，用户可以同web服务器进行交互，用户通过web浏览器，可以访问服务器中的数据库。从上可知，与数据库连接是动态网页最重要的特征之一，同样也是建立聊天室需要解决的重要问题之一。这种通过web技术访问的数据库成为web数据库。在此次设计中采用asp技术访问数据库，asp既不是一种编程语言，也不是一种开发工具，而是一种服务器端的脚本运行环境，利用它可以开发动态的、交互的、高性能的web数据库应用。它的优点是运行环境的构造简单、方便，而且使用asp内置对象、activex server组件可以很容易的实现对数据库的访问。1.4 系统的开发方法 该聊天室系统可以在windows7操作系统平台上运行，登录界面及其它功能界面由flash professional 8设计，web服务器为iis，数据库服务器为microsoft access数据库，开发工具采用的vbscript和dreamweaver8。2.关于flash的介绍2.1 flash的发展历史flash5的前身是future wave公司的future splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑flash文档。1996年11月，美国macromedia公司收购了future wave，并将其改名为flash。macromedia 公司在1997年6月推出了 flash 2.0 ；1998年5月推出了flash3.0。自 flash 进入4.0 版以后，原来所使用的 shockwave 播放器便仅供 director 使用。flash 4.0开始有了自己专用的播放器，称为“flash player”，但是为了保持向下相容性，flash仍然沿用了原有的扩展名：.swf（shockwave flash）。 2000年8月macromedia 推出了flash5.0 ，它所支持的播放器为 flash player 5。2002年3月 macromedia 推出了flash mx支持的播放器为 flash player 6。2005年9月macromedia 推出了flash 8 pro ，增强为移动设备开发的功能,方便创建flash web,增强的网络视频。2005年12月5日, macromedia被adobe公司以34亿美元的天价收购，其旗下的网页三剑客也归属到adobe旗下。 2.2 flash的发展方向flash5被称为是“最为灵活的前台”，由于其独特的时间片段分割（timeline）和重组（mc嵌套）技术，结合actionscitp的对象和流程控制，使得在灵活的界面设计和动画设计成为可能，同时它也是最为小巧的前台。flash具有跨平台的特性，所以无论你处于何种平台，只要你安装了支持的flash player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为ie或netspace各设计一个版本。flash在以下方面都有很大的发展空间：1、应用程序开发：由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用flash制作的应用程序具有很强的生命力，在与用户的交流方面具有其它任何方式都无可比拟的优势2、软件系统界面开发：flash对于界面元素的可控性和它所表达的效果无疑具有很大的诱惑。对于一个软件系统的界面，flash所具有的特性完全可以为用户提供一个良好的接口。 3、手机领域的开发：手机领域的开发将会对精确（像素级）的界面设计和cpu使用分布的操控能力有更高的要求，但同时也意味着更加更广泛的使用空间。4、游戏开发：事实上，flash中的游戏开发已经进行了多年的尝试，但至今为止仍然停留在中、小型游戏的开发上。不过现在flash的发展很快，性能也提高很多，最新版本的flash提供了项目管理和代码维护方面的功能，actionscript 2.0的发布也使得程序更加容易维护和开发。 5、web应用服务：随着网络的逐渐渗透，基于客户端-服务器的应用设计也开始逐渐受到欢迎，并且一度被誉为最具前景的方式。但是，这种方式开发者可能要花更多的时间在服务器后台处理能力和架构上，并且将它们与前台（flash端）保持同步。 6、多媒体娱乐： flash本身就以多媒体和可交互性而广为推崇。交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。3.项目开发工具简介3.1 flash professional 8的应用flash2聊天室的设计过程中需要使用flash8来进行界面设计。flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。在flash中创作内容时，需要在flash文档文件中工作。flash文档有四个主要部分：舞台是在回放过程中显示图形、视频和按钮等内容的位置；时间轴用来通知flash显示图形和其它项目元素的时间；库面板是flash显示文档中的媒体元素列表的位置；action代码用来向文档中的媒体元素添加交互式内容。实现聊天室的过程中可以根据自己的喜好将其它媒体元素导入flash文档中，并在场景中添加文本框、按钮和背景音乐等来完善聊天室的界面。3.2 asp技术asp内含于iis当中，提供一个服务器端的脚本环境，利用它可以产生和执行动态的、交互式的高频率web服务器应用程序。asp技术是必须在服务器端执行的script语言，建立网络聊天室必须建立web服务器。使用asp代码还需要安装dreamweaver。使用dreamweaver8的站点定义向导工具，完成本地站点的创建，并在站点根目录下编写建立聊天室所需要的asp代码。3.3 数据库的介绍数据库系统6是一种计算机化得数据保存系统，它以特有的数据存储方式将相关的数据内容整合在一起。可以将数据库本身看成是一个电子档案柜，在这个电子档案柜内，存放着一些电子数据文件。数据库系统主要的目的在于维护信息，并在必要时为用户提供协助取得这些信息。数据库系统7是管理大量的、持久的、可靠的和共享的数据工具。其内部的数据时高度结构化的，大体上可以分为数据库和数据库管理系统两大部分。如果进一步解析数据库系统内部各个数据项之间的关系，还可以从模型的角度来分析数据库系统，即层次模型、网状模型和关系模型。在聊天室的设计中需要建立数据库表，把用户的相关资料记录在数据库中，有利于查询、修改和删除。4.聊天室的需求分析4.1 项目设计背景网络时代的到来给人们的生活带来了跳跃式的发展，以往人们的信息交流通过电话、通信来实现，往往一封家书需要几天才能邮寄到目的地，功能的局限给人们的生活带来了很多的不方便。现在随着时代的发展，出现了网络聊天、电子邮件和万维网的高端技术，几天才能寄到的书信利用网络只需要几分钟或是更短的时间。如今聊天室的建立也是至关重要的，可以实现远距离的聊天、视频，在很大程度上为那些相隔远的家人朋友带来倾诉的机会。4.2 项目实现的功能此聊天室的设计需要实现用户登录、用户注册、显示聊天内容和显示在线用户等功能。用户登录：选择聊天室，输入登录的昵称与密码向服务器发送请求，服务器检测后如果昵称与密码合法就自动转入到聊天界面。用户注册：无法登录的用户需要输入个人资料进行注册，对注册的昵称进行检测，如没人使用将显示注册成功。显示聊天内容：显示每一个在线用户的聊天内容及昵称。显示在线人数：显示用户所在聊天室的在线人数 密码修改：用户可以根据自己的意愿修改登录密码，并且可以在数据库表中及时更新，以方便下次登录。5.聊天室的系统设计5.1 基本设计在上述聊天室的需求分析中我们已经了解到聊天室需要实现的功能，为了实现聊天室的功能我们需要对不同的模块进行设计。聊天室的系统设计框图如所示。5.2 系统层次概括根据对该聊天系统的功能分析，该系统功能主要分为两大块，服务器端模块和客户端模块。服务器端模块1、配置服务器：提供服务器ip和端口号，便于客户端进行连接。2、记录聊天记录：以便管理员了解用户的情况，禁止进行谈论不健康的内容。 3、显示在线列表：使管理员了解在线人的情况，以便对用户进行管理。4、统计在线人数：使管理员能够随时了解系统的负荷，便于对系统进行维护。客户端模块1、进行聊天：首先登录客户端系统，选择聊天对象后在发送信息的窗口编辑信息，点击发送即可进行聊天。2、显示注册界面：如果未进行注册将会弹出注册界面，无法完成登录。3、保存聊天记录：记录用户聊天的内容，以便查阅。4、修改登录密码：用户可随意改变登录密码，提高安全性。客户模块如所示：6.聊天室的详细设计6.1 聊天室的基本原理结合flash和asp制作一个简单的聊天室，有在线聊天、在线人员、在线时间以及修改信息的功能。原理就是在flash端发送请求到服务器端，然后根据返回的数据做出相应的操作。6.2 flash设计6.2.1flash相关函数 loadvariables（）2loadvariables提供了一种简单的方法让我们可以从服务器的asp或者php页面载入变量，除了使用get方法，它还可以使用post方法将客户端提交的数据传递给服务器。使用form数据集合可以取得客户端用post方式传送的表单上各对象内容值；使用querystring数据集合可以取得客户端用get方式传送的各参数内容值。actionscriptas是actionscript的缩写，也称为动作脚本，是一种符合ecma标准、类似于c语言的程序语言。使用flash动作脚本语言，可以控制动画中的对象，实现单纯依靠时间轴无法达到的一些特殊效果；还可以让一些复杂琐碎的制作过程得到简化；也可以对flash进行扩展，制作高级交互影片或网站。要使flash动画具有交互性，应将动作脚本添加到flash中，使之响应和处理各种事件。6.2.2 flash制作 登录部分进入聊天室必须通过登录，只有登录成功才可以进行聊天。在flash端输入用户名和密码，通过asp查询数据库是否与表里的信息相符合，如果输入是正确的直接跳转到聊天主界面，否则登录失败。在场景第一帧上放置两个文本框，分别输入username和password；插入四个按钮元件，分别为：登录、注册、取消和修改密码。登录界面如所示：在场景中登录button的动作面板下输入代码来实现从服务器的asp页面载入变量，此设计使用post方法将客户端提交的数据传递给服务器。主要实现代码为：lv.sendandload(index.asp, lv, post);lv.onload = function(s) if (s) if (lv.ok = no) _root.xianshi.text = 用户不存在,请注册!; else if (lv.ok = ok) _root.lv.t1 = _root.user.text;lv.sendandload(enter.asp, lv, post);lv.onload = function(s) if (s) if (lv.user = no) _root.xianshi.text = 该用户正在使用中!; else _root.lv.t1 = _root.user.text;_root.gotoandstop(4); else if (lv.ok = sorry) _root.xianshi.text = 密码错误!; else _root.xianshi.text = 用户名或密码错误!;注册部分如果数据库表不存在用户信息，就需要申请注册。在flash端输入注册信息后，通过asp查询数据库检测是否有相同的用户名，如果没有则显示注册成功。注册成功界面如所示：场景中提交button的动作面板下主要语句为：lv.sendandload(login.asp,lv,post)lv.onload=function(s)if(s)if(lv.cg=ok)_root.xianshi.text=恭喜你,注册成功!_root.cmd._visible=trueelse_root.xianshi.text=由于不明原因注册失败!请重新注册!场景第二帧中检测用户名button的动作面板下输入的主要代码为：var lv:loadvars=new loadvarslv.user=_root.user.text lv.sendandload(jianche.asp,lv,post)lv.onload=function(s:boolean)if(s)if(lv.user=)_root.xianshi.text=请输入要检测的用户名!else if(length(_root.user.text)10)_root.xianshi.text=用户名长度为3-10!else if(lv.us=ok)_root.xianshi.text=可以使用的用户名!else_root.xianshi.text=该用户已被注册,请重新注册用户聊天界面用户登录成功后直接跳转到聊天界面，可以根据自己的意愿选择好友进行聊天，并且显示在线人数以及聊天内容。登录成功如所示：场景中发送button的动作面板中主要代码为： _root.lv.sendandload(shuru.asp, _root.lv, post);_root.lv.onload = function(s:boolean) if (s) if (_root.lv.ok = ok) _root.shuru.text = ;_root.tishi.text = ;for (i=1; ircount; i+) _root.neirong.text = _root.neirong.text+eval(_ss+i)+ +说:+r+eval(_root.lv.neirong+i)+r; else _root.tishi.text = 网络错误!;6.3 数据库的建立启动access2003，选择“新建数据库”，数据库名称为flashchat.mdb，在数据库中建立新的数据库表，分别为denglu、liuyan、login、zaixian。使用asp脚本语言来更新及添加数据库表中的内容，并且根据数据库表中数据作出相应的操作。6.4 asp的设计阶段6.4.1 asp的运行环境asp文件是一种web应用程序文件，客户端需要web浏览器，服务器端需要web服务器，而windows平台的web服务器软件是windows集成的iis或pws。以windows7系统为例，构建web服务器如下：打开控制面板-选择【程序和功能】选项-打开左侧的【打开或关闭windows功能】，勾选【internet信息服务】和【microsoft.net framework 3.5.1】两项。在internet信息服务下万维网服务中必须将应用程序开发功能全部选中，尤其为asp选项。如所示：点击确定后安装iis。6.4.2 asp与数据库连接对于数据库8网页来说，asp应用程序本身不能与数据库直接进行通信，必须借助数据库驱动程序才能与后台数据库进行连接。可以使用数据库连接（odbc）驱动程序或嵌入式数据库（ole db）提供程序连接到access数据库。ole db是一种连接数据库的驱动程序，由微软开发，针对不同类型的数据库，均有其专属的数据库驱动程序名称。使用ole db提供程序与数据库进行通信，创建特定的ole db连接，可以消除web应用程序和数据库之间的odbc层，提高连接速度。在dreamweaver8中进行聊天室的设计中，利用如下的代码实现asp与名为flashchat的数据库的连接，文件名为conn.asp：该语句为access数据库指定提供程序，并将实体数据库所在位置指定为data source。 注册部分：在dreamweaver中建立名为login.asp的文件，访问数据库里的数据反馈给asp，然后在flash端显示出相应的网页或提示，同时对数据库login表进行了更新，添加了新的注册记录。主要代码为：set rs=conn.execute( select * from login where username= & user & )if rs.bof or rs.eof thenset rs2=server.createobject(adodb.recordset)rs2.open select * from login,conn,1,3rs2.addnewrs2(username)=userrs2(pwd)=passrs2(names)=namesrs2(home)=homers2(tell)=tellrs2(qq)=qqrs2(email)=emailrs2.updateresponse.write &cg=okelseresponse.write &sb=okend if 发送部分:在dreamweaver中建立名为shuru.asp的文件，来实现好友之间的聊天。在flash端聊天界面的shuru文本框中输入聊天内容，点击发送后会在neirong文本框中显示出来，同时在数据库表liuyan中记录下来，以方便以后查阅。主要实现代码为：set rs=server.createobject(adodb.recordset)rs.open select * from liuyan,conn,1,3if rs.recordcount20 thenrs.movefirstrs.deleteelsers.movelastrs.addnewrs(neirong)=shururs(names)=namesrs(times)=wdtimers.updateend ifend ifset rs2=server.createobject(adodb.recordset)rs2.open select * from liuyan,conn,1,3rcount=rs2.recordcountresponse.write &rcount=&rcountfor i=1 to rcount if not rs2.eof thenresponse.write &namess&i&=&rs2(names)response.write &neirong&i&=&rs2(neirong)response.write &wwtime&i&=&rs2(times)rs2.movenext end ifnextif 1=1 thenresponse.write &ok=okelseresponse.write &ok=noend if 修改密码部分：如果用户想要修改自己的登录密码，在flash端修改密码界面输入新的密码，然后点击提交即可。当修改成功后数据库表login中也会根据个人的修改而更新注册信息。在dreamweaver中建立名为xiugai.asp的文件，来实现密码修改功能并更新数据库，主要实现代码为：set rs=server.createobject(adodb.recordset)rs.openselect*from login where username=&user&,conn,1,3if rs.eof and rs.bof thenresponse.write &ok=noelseif rs(pwd)oldpass thenresponse.write &ok=sorryelseif newpass1newpass2 thenresponse.write &ok=two elseconn.execute update login set pwd=&newpass2& where username=&user&response.write &ok=okend if7 聊天室的发布7.1 配置iis发布聊天室是为了能使更多的用户使用flash聊天室，首先对asp的运行环境iis进行配置。打开控制面板-管理工具iis管理器；右击网站选择添加网站，设置如所示：如上图中ip地址下拉列表框，用来设置该web服务器的ip地址，若该web服务器只用来在本机调试asp程序，则选择默认的“全部未