校园聊天室的制作毕业设计论文.doc

毕业设计（论文）论文题目：校园聊天室的制作论文题目：Campus Chatting-rooms Development作者姓名: 所在系部: 班级名称: 指导教师: 年 月摘 要利用ASP和ACCESS数据库技术开发聊天室系统，实现具有在线用户聊天、在线用户注册、在线用户个人资料修改、在线用户资料查询和在线点歌等功能。此毕业论文主要详细介绍了这些功能实现的全过程，包括数据库的设计、数据流程与页面的设计等，并附有完整的ASP程序和HTML代码。关键词： 聊天 ，聊天室 ，ASP程序  ，HTML代码ABSTRACTBy using the technology of ASP and ACCESS Database, the thesis provided many on-line services, for example, chatting on-line, registering on-line, information modifying or requiring on-line, and music ordering on-line. For the realization of these function, the writer mainly introduced the whole produce, including the designing of the database, the produce of all data the devising of the pages, and so on. Whats more, you can find the ASP produce and the HTML code integrally.Keywords: Chats, Chatting-room, ASP, HTML 目 录第1章 引言1第2章 ASP基础22.1 ASP技术的产生22.2 ASP的特点22.3 ASP内嵌了6种基本的对象22.4 使用ADO访问数据库32.5 ASP运行环境42.6 ASP安装设置4第3章 聊天室的设计53.1 聊天室功能分析53.2 聊天室开发环境及工具53.3 聊天室功能模块设计63.4 聊天室的数据库的设计7第4章 软 件 实 现84.1 数据库链接文件conn.asp84.2 信息配置文件文件config.asp94.3 用户登陆及注册页面index.asp94.4 聊天主页面 chat.asp134.5 管理员管理页面 admin.asp144.6 用户密码修改页面pwd.asp184.7 用户资料修改页面zl.asp194.8 用户管理功能区页面 cd.asp204.9 发布信息页面 di.asp204.10 用户头像选择页面 allface.asp224.11 用户退出页面 exitchat.asp234.12 用户在线名单显示页面 left.asp244.13 发布信息条件判断页面 post.asp244.14 用户在线听歌页面song.asp25第5章 总结与展望27参考文献28致谢29第1章 引言随着internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务。在众多internet关联功能中，有一项新的业务正成为所有用户所津津乐道的交流方式，这就是网上聊天。根据调查现在网民使用现状，网上聊天室的使用百分比居榜首。所谓聊天室就是一个可以让许多用户同时互相通信的网上园地，个人用户可以通过网上聊天室将自己融入整个主流社会中。由于目前上网的一般都是具有高学历的新一代创业者，因此，在网上聊天室这个虚拟的社会中，可以结交各层次各地方的朋友，从而为自己获取更多的知识和更多的阅历。由于Web技术的飞速发展，人们对网页的要求再也不是局限于简单的、静止的Web页，而是一种根据用户要求控制Web页信息的"活动"页面。所谓Web是交互式的，主要表现在用户能向Web站点发送信息或命令，从而对Web服务器上运行的应用程序进行控制，服务器则根据相应的命令对使用者的操作做出响应。在这种需求的推动下，微软公司推出了"活动服务器页"（ASP，Active Server Page）。本设计所制作的网络聊天室也采用了ASP技术。第2章 ASP基础2.1 ASP技术的产生Active Server Pages（ASP）是一套微软公司开发的服务器端脚本环境。ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。2.2 ASP的特点ASP具有以下特点:（1）使用Vbscript、Jscript等简单易懂的脚本语言，结合HTML代码，即可快速地创建网站的应用程序。（2）只要使用一般的文书编辑程序，如Windows记事本，即可进行编辑。（3）无须Compile编译，容易编写，可在服务器端直接执行。（4）通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。（5）语言相容性高，ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。（6）隐密安全性高，如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因杰ASP程序先于网站服务（eb Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。2.3 ASP内嵌了6种基本的对象Active Server Pages 提供内建对象，这些对象使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息（如用户首选项）。主要包括以下六大对象：(1) Request对象：读取提交表单中的数据或Cookies中的数据。(2) Response对象：向浏览器输出文本、数据和cookies以及控制在传送网页过程中的每一个阶段。(3) Sever对象：创建COM对象和Scripting组件等。(4) Application对象：被用于存放在同一个应用中为多个用户之间的共享信息。(5) Session对象：为单个用户保持数据。(6) ObjectContext对象：用于中止或者提交当前的事务。2.4 使用ADO访问数据库ActiveX Data Objects (ADO) 是一项容易使用并且可扩展的将数据库访问添加到 Web 页的技术。可以使用 ADO 去编写紧凑简明的脚本以便连接到 Open Database Connectivity (ODBC) 兼容的数据库和 OLE DB 兼容的数据源。如果您是一个对数据库连接有一定了解的脚本编写人员，那么您将发现 ADO 命令语句并不复杂而且容易掌握。同样地，如果您是一个经验丰富的数据库编程人员，您将会正确认识 ADO 的先进的与语言无关性和查询处理功能。（1）创建 ODBC DSN 文件在创建数据库脚本之前，必须提供一条使 ADO 定位、标识和与数据库通讯的途径。数据库驱动程序使用 Data Source Name (DSN) 定位和标识特定的 ODBC 兼容数据库，将信息从 Web 应用程序传递给数据库。典型情况下，DSN 包含数据库配置、用户安全性和定位信息，且可以获取 Windows NT 注册表项中或文本文件的表格。通过在 Windows 的“开始”菜单打开“控制面板”，您可以创建基于 DSN 的文件。双击“ODBC”图标，然后选择“文件 DSN”属性页，单击“添加”，选择数据库驱动程序，然后单击“下一步”。按照后面的指示配置适用于您的数据库软件的 DSN。（2）配置 Microsoft Access 数据库的文件 DSN在“创建新数据源”对话框中，从列表框选择“Microsoft Access Driver”，然后单击“下一步”。键入您的 DSN 文件名，然后单击“下一步”。单击“完成”创建数据源。在“ODBC Microsoft Access 2000 安装程序”对话框中，单击“选择”。选择 Microsoft Access 数据库文件 (*.mdb)，然后单击“确定”。2.5 ASP运行环境要浏览ASP文件必须经过服务器解析才能够浏览得到。如果是将asp文件上传到支持asp的服务器，那就能够直接浏览。但是如果是在本机上面，那就必须将自己的电脑设置成为服务器。单机并不需要设置成为局域网，只需要设置成为单机服务器就可以。ASP运行所需的环境如下：·Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server·Microsoft Peer Web Services Version 3.0 on Windows NT Workstation·Microsoft Personal Web Server on Windows 95/98也就是说我们经常所使用的window95/98/2000/XP都可以运行asp，只需要将其设置为单机服务器就行了。归结一点：window95/98，需要安装PWS；window2000/XP,需要安装IIS。才能发挥其asp的作用。可以说，WIN95/98的PWS和WIN2000/XP/2003的IIS就是ASP的运行环境。2.6 ASP安装设置Asp的安装可以通过以下三步完成：a. 将本网站拷贝到硬盘上的某一目录下，如：拷贝至E:btsj文件夹下。b. 运行IIS，新建一虚拟目录（假设目录别名为zhangdan），接着点击“下一步”，浏览“E:btsj文件夹”。c. 在浏览器地址栏里输入http:/localhost/zhangdan/index.asp便可以运行本网站了。第3章 聊天室的设计3.1 聊天室功能分析本系统是一个比较综合的聊天室，能够实现目前比较流行的网络聊天室的多种功能，大致具体如下功能：（1） 能够实现对所有人聊天；（2） 能够对单独的个人进行私下聊天；（3） 能够附加发言人的表情及图片；（4） 能够修改字体的颜色；（5） 能够修改个人资料；（6） 能够在线听歌；（7） 自动显示在线聊天室的成员；（8） 设有超级管理员能够进行各种管理；（9） 设有普通管理员能够进行踢人管理；（10） 管理员能够发布公告。3.2 聊天室开发环境及工具随着众多软件的推广和应用，系统的开发环境对于大多数软件已经不是那么重要，然而现阶段大多数用户所用的系统环境基本上是一样的，因此我们还是必须在通用性的基础上考虑到大多数用户的系统环境来开发程序。首先，是操作系统的选定。操作系统是计算机的操作平台，是计算机的灵魂所在，因此必须先要决定软件开发所应用的操作系统。操作系统种类繁多，如微软公司的Dos、Windows操作系统，还有在网络服务器上广泛应用的Unix操作系统，还有红级一时的中国人的操作系统Linux等等。根据应用的广泛性、普遍性和实用性，系统决定选用Microsoft Windows 98/XP操作系统作为软件的操作系统平台。其次，是编程软件的选定了。具体的软件编程就依赖于编程软件了编程软件的优良从根本上决定了一个软件的质量，它也是选择系统开发环境中的最重要的一个环节。编程软件的种类是最多、也是最不好选择的，如Asp、Jsp、Php等，在种类繁多的编程软件中本系统选用的是Asp。最后,就是数据库软件的选定。数据库是一个软件的存储中心，数据库软件就是这个存储中心的缔造者，数据库的可用性直接影响着一个软件的功能。随着数据库技术的飞速发展，数据库软件也是多如牛毛，如关系型数据库Database、Foxpro、微软的Access、Mysql、标准查询语言SQL等等。Acess操作简单、功能强大、应用广泛，因此本系统决定选用。聊天室开发主要应用的工具：Dreamweaver MX、Photoshop、Flash MX、Access、IIS等等。通过Photoshop和Flash可以制作自己想要的图片和Flash动画，这样可以增添聊天室的美观，给用户新异的感觉。3.3 聊天室功能模块设计聊天室最基本的原理就是: 从客户端收集消息,然后通过服务器端消息分发程序中转,将全局消息发送给的所有用户. 其原理图如下:聊天服务器消息分发引擎用户1(聊天客户端IE)用户2(聊天客户端IE)用户3(聊天客户端IE)用户4(聊天客户端IE)发送聊天消息发送聊天消息发送聊天消息发送聊天消息接收全局聊天消息接收全局聊天消息接收全局聊天消息接收全局聊天消息图3-1 聊天室最基本的原理图根据本聊天室系统功能分析，得到系统的整体原理图如下：校 园 聊 天 室 系 统用户聊天功能管理员功能用户资料修改聊天设置功能用户在线听歌一般管理员功能超级管理员功能用户密码修改踢人踢人设定管理员删除会员图3-2 本聊天室系统功能图3.4 聊天室的数据库的设计采用的数据库是Microsoft Access ，拟建立xylts.mdb库文件，包含如下一个注册用户表（user）文件：表3-1 用户注册表(user)列名数据类型可否为空说明id自动编号否序号name文本否用户名pwd文本否用户密码sex文本否用户性别qq文本否用户QQ号码email文本否用户邮箱face文本否用户头像admin是/否否是否设为管理员regtime日期/时间否注册时间logintime日期/时间否最近一次登陆时间第4章 软 件 实 现本校园聊天室是一个功能比较齐全的聊天室，因此文件比较多，校园聊天室包括如下文件：（1） index.asp，该文件为登陆及注册页面； （2） admin.asp 该文件为管理员管理页面（3） allface.asp 该文件为用户头像选择页面（4） cd.asp 该文件为用户管理功能区页面（5） chat.asp 该文件为信息显示页面（6） config.asp 该文件为信息配制文件（7） conn.asp 该文件为数据库链接文件（8） di.asp 该文件为发布信息页面（9） exitchat.asp 该文件为用户退出页面（10）left.asp 该文件为用户在线名单显示页面（11）post.asp 该文件为发布信息条件判断页面（12）pwd.asp 该文件为用户密码修改页面（13）zl.asp 该文件为用户资料修改页面（14）song.asp该文件为用户在线听歌页面4.1 数据库链接文件conn.asp为了更好的运行该网站，提供两种数据库链接方式，一种是Access;另一种是SQL。管理员和注册用户信息内容数据全部储存在数据库中，要在用户登陆或注册时判断某些信息，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而要打开数据库则必须使用ADO对象群的Recordset对象，程序： Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，使用RS.Open方法存取”xylts.mdb”数据库<% dim conn,connstr on error resume nextif chatdate=1 then 如果数据库是SQL，则chatdate=1 connstr="Provider=SQLOLEDB;SERVER=(Local);UID=sa;PWD=;DATABASE="elseif chatdate=0 then 如果数据库是Access，则chatdate=0 connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath("db/xylts.mdb")end if set conn=server.createobject("adodb.connection") conn.open connstr if err then err.clear else conn.open connstr if err then err.clear end if end if%>4.2 信息配置文件文件config.asp<%dim chatname,mastername,copy,chatdate,useragentchatname="校园聊天室" /聊天室名字mastername="adan20" /超级管理员帐号，多个请用“|”分开copy="校园聊天室" chatdate=0 /0代表ACCESS数据库，1代表SQL数据库 %>以上四个变量在其他文件中经常被调用，所以把它们单独设立在一个文件中，如果需要修改时，只要打开该配置文件从新给变量赋值就行了，即方便又提高了程序执行效率。4.3 用户登陆及注册页面index.asp本页面包括了用户登陆和注册两个页面，突破自己原有的能力加以创新。该页面也是首页，它是用户首先接触的，首页美工的好坏直接关系到用户对聊天室的看法，能否有效的吸引游客的注意力，是我考虑的重要因数之一，功能上以简单实用为主。页面截图如下：图4-1用户登陆及注册页面index.asp用户名和密码表单代码如下：<form action="index.asp?action=chk" method="post" onSubmit="return checkform()" name="login"><td background="images/cen202.jpg" class="setwhite"><table width=100% border=0 cellpadding=0 cellspacing=0 height=100%><tr><td align=center><font color="#ffffff">用户名：</font><input name="name" size="15" class="input1" maxlength="10" onBlur="this.value=ignoreSpaces(this.value);"></td></tr><tr><td align=center><font color="#ffffff">用户密码：</font><input type="password" name="pwd" size="15" class="input1" maxlength="10" onBlur="this.value=ignoreSpaces(this.value);"></td></tr><tr><td align=center><input type="submit" style="CURSOR:hand" class="p9" value="登 陆"><input type="radio" name="new" onclick="javascript:select_radio('注册')"id="0"><label for="0"><font color="#ffffff"><span style="CURSOR:hand">新会员注册</span></font></label></td></tr></table></td></form>接下来对用户名和密码进行判断，用户必须是曾经注册过的，数据库里有记录，如果用户没有输入用户名或密码将调用下面过程：function checkform()if(document.login.name.value="") window.alert("请输入您的用户名！"); document.login.name.focus(); return false ; if(document.login.pwd.value="") window.alert("请输入您的密码！"); document.login.pwd.focus(); return false ; return true;如果用户名或密码输入有误就需要利用数据库查询语句select进行判断下：<% elseif request("error")=3 then %>var errmsg = "用户名或密码错误！"set rs=conn.execute("select name,pwd,admin from user where name='"&name&"' and pwd='"&pwd&"'") if rs.eof and rs.bof then response.redirect "index.asp?error=3"response.end 新用户注册页面如下图所示；图4-2 新用户注册页面注册页面的核心部分也在与对各个输入数据的判断上，我首先对邮箱格式进行了格式上定义：function isEmail(vEMail)var regInvalid=/(.*)|(.)|(.)|(.)|(.)/;var regValid=/.+(?)a-zA-Z0-9-.+.(a-zA-Z2,3|0-91,3)(?)$/;return (!regInvalid.test(vEMail)&&regValid.test(vEMail);对输入数据的具体要求是：用户名输入不能为空并且长度要在2到6位之间，用户密码长度4-10位，密码需要输入两次确认，QQ号码长度保证在4-10位之间，邮箱格式要正确；用户名格式判断代码如下：function checkform1()if(document.reg.name.value = "") window.alert("请输入您的用户名！"); document.reg.name.focus(); return false ; if(document.reg.name.value.length<2) window.alert("用户名长度在2-6位之间！"); document.reg.name.focus(); return false ; 其他的输入数据格式要求判断方法与上面类似。邮箱的格式判断代码如下：if (document.reg.email.value="") window.alert("请输入您的E-mail号码！"); document.reg.email.focus(); return false ; if(!isEmail(document.reg.email.value) window.alert("请输入正确的邮件格式！"); document.reg.email.focus(); return false;return true;4.4 聊天主页面 chat.asp chat.asp是一个框架页面（采用框架形式的页面结构，以便在一个IE窗口中显示多个WEB页面，使之构成一个完整实用的聊天室界面。），也就是聊天室的主页面，用户可以在聊天室界面中做各种操作。该页面被分成了4个部分，由若干个文件组成：(1)左上部分文件名为 UntitledFrame-7.htm(2)左下部分文件名为 di.asp(3)右上部分文件名为 left.asp、zl.asp、pwd.asp、song.asp4个文件轮流显示(4)右下部分文件名为 cd.asp从该界面可以看出，可以进行各种聊天处理，如对某个人进行私聊，以及和所有人聊天等。同时还可以支持命令行，可以很方便地处理各种操作图4-3 聊天主页面 chat.asp4.5 管理员管理页面 admin.asp管理员管理页面包括了一般管理员页面和超级管理员管理页面，一般管理员只有踢人功能，他的权限受超级管理员限制。而超级管理员具有踢人、管理员设定和删除会员三种功能。1 踢人功能的实现<form method="post" action="admin.asp?action=tiren"> 在线用户列表<select name="name" size="9"><option>-</option><%online=Application("onlinelist")online=split(online," ")for i=lbound(online) to ubound(online)-1Response.Write "<option value="&online(i)&">"&online(i)&"</option>"next%></select>这里我通过用Application对象统计在线用户名单。 踢人理由文本框 <input name="liyou" size="15" value="不守聊天室纪律"> 提交命令按钮 <input type="submit" value="我踢" style="CURSOR:hand"> 重置理由按钮 <input type="reset" value="重写" style="CURSOR:hand"></form>前台表单所做的操作还必须经过下面程序进行动态的判断分析才能实现最终合理化的踢人功能（“action="admin.asp?action=tiren"”指向了下面的程序进行执行）：<%if request("action")="tiren" thenname=request("name")liyou=request("liyou")set rs=conn.execute("select admin from user where name='"&name&"'")if rs.eof and rs.bof then response.write "<script Language=JavaScript>window.alert('错误数据！');window.history.go(-1);</script>" response.endend if当管理员踢人时必须选择一个用户对象，这样才能准确的踢人。否则将弹出对话框提醒你“错误数据！”。if rs(0)=True or name=session("netname") then response.write "<script Language=JavaScript>window.alert('对不起，不能踢自己或管理员！');window.history.go(-1);</script>" response.end上面程序限制了管理员不能踢自己或其他管理员。else Application.lock Application("onlinelist")=replace(Application("onlinelist"),name&" ","") Application.Unlock saystr="parent.getmsg('"&name&"','大家','对','<font color=#ff0000>【系统提示】</font>【"&name&"】因为"&liyou&"被管理员踢出聊天室！','2','AA00CC','AA00CC','0','"&time()&"'); " Application.Lock sd=Application("chat_sd") line=int(Application("chat_line") Application("chat_line")=line+1 Dim newsd(50) j=1 for i=3 to 50 step 2 newsd(j)=sd(i) newsd(j+1)=sd(i+1) j=j+2 next newsd(49)=line+1 newsd(50)=SayStr Application("chat_sd")=newsd Application.UnLock response.write "<script Language=JavaScript>window.alert('踢人成功！');window.location='admin.asp'</script>" response.endend ifend if如果满足以上三个步骤，系统就会提示被踢人员的原因，且弹出对话框输出“踢人成功！”。2 管理员设定功能的实现<form method="post" action="admin.asp?action=adm"> 在线管理员列表<select name="select" size="9"> <option>-</option> <%online=Application("onlinelist")online=split(online," ")for i=lbound(online) to ubound(online)-1Response.Write "<option value="&online(i)&">"&online(i)&"</option>"next%></select> 设定按钮<input type="submit" value="设 定" style="CURSOR:hand"></form>同样对前台表单所做的操作还必须经过以下程序进行动态的判断分析才能实现最终合理化的管理员设定功能（“action="admin.asp?action=adm"”指向了下面的程序进行执行）：if request("action")="adm" thenname=request("name")chatmatname=split(mastername,"|")for i=0 to UBound(chatmatname)if name=chatmatname(i) then gjmaster=Trueend ifnextif gjmaster=True then response.write "<script Language=JavaScript>window.alert('对不起，他是超级管理员！');window.history.go(-1);</script>" response.endend ifset rs=conn.execute("select admin from user where name='"&name&"'") if rs.eof and rs.bof then response.write "<script Language=JavaScript>window.alert('对不起，没有这样的用户！');window.history.go(-1);</script>" response.end elseif rs(0)=True then conn.execute("update user set admin=False where name='"&name&"'") elseif rs(0)=False then conn.execute("update user set admin=True where name='"&name&"'") end if response.write "<script Language=JavaScript>window.alert('设定成功！');window.location='admin.asp'</script>" response.endend if3 会员删除功能的实现<form method="post" action="admin.asp?action=del"> 会员列表<select name="name" size="9"><option>-</option><%set rs=conn.execute("select name from use