JSP课程设计报告在线聊天室.doc

《JSP课程设计报告在线聊天室.doc》由会员分享，可在线阅读，更多相关《JSP课程设计报告在线聊天室.doc（22页珍藏版）》请在三一办公上搜索。

1、Web数据库开发课程设计报告（2011 2012学年 第 2 学期）题 目： 聊 天 室 专 业： 信息管理与信息系统 班 级： 09110611 学号： 0911061126/20 姓名： 张翡/罗琳 指导教师： 翟育明 目 录目 录II1 概 述11.1 设计目标11.2 项目规划11.3 开发工具的选择22 需求分析32.1 需求分析32.2 数据库表设计4 3 系统总体设计63.1系统结构64系统功能模块实现74.1 登录和注册界面模块74.2 选择聊天室界面模块104.3 聊天室主界面模块124.4 用管理员高级功能管理模块205 调试分析286心得体会29致 谢30参 考 文 献3

2、11 概 述1.1 设计目标 从功能角色上来讲，在线聊天室可以有两种类型的用户，普通用户和管理员。 其中，普通用户在登录后，可以通过聊天界面，发送聊天消息，进行聊天交流。如果是第一次进入到该聊天室，还可以通过本模块提供的注册功能，提交注册信息，成为本聊天室的用户。 1.2 项目规划本聊天室需要提供如下的界面和功能。 1、需要提供支持用户登陆以及身份验证的WEB界面和实现后台对应功能的模块。 2、需要一个支持用户注册的界面和对应的后台模块。 3、需要为普通用户提供一个浏览所有聊天室的界面和对应后台功能模块。在这个界面中，用户可以聊天室聊天。 4、需要为普通用户提供一个支持多人聊天和私人聊天的界面

3、和对应的后台模块。 5.用户可以根据自己的个人喜好选择头像，字体颜色，发送动态动画图象，查看在线用户，及用户资料1.3 开发工具的选择 SQL Server 是一个关系数据库管理系统。它最初是由Microsoft Sybase 和Ashton-Tate三家公司共同开发的，于1988 年推出了第一个OS/2 版本。在Windows NT 推出后，Microsoft与Sybase 在SQL Server 的开发上就分道扬镳了，Microsoft 将SQL Server 移植到Windows NT系统上，专注于开发推广SQL Server 的Windows NT 版本。Sybase 则较专注于SQL

4、 Server在UNIX 操作系统上的应SQL Server安装界面用。SQL Server 2005特性一瞥： 企业数据管理 开发人员生产力 商务智能 有关开发的10个最重要的特点 有关商业智能特征的10个最重要的特点JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件（*.htm，*.html）中插入Java程序段（Scriptlet）和JSP标记（tag），从而形成JSP文件（*.jsp）。用JSP开发的Web应用是跨平台的，即能在Linux下运行，也

5、能在其他操作系统上运行。 JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和 scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。JSP的1.0规范的最后版

6、本是1999年9月推出的，12月又推出了1.1规范。目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已出台。 JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP的优势 2 需求分析2.1 需求分析21世纪是网络的时代，Internet的普及已经影响了传统的交流方式。网络聊天室系统是计算机网络发展的产物，是最为常见、最受广大互联网使用者所认可的基于

7、Web的网络应用系统。随着互联网的发展，人们通过网络可以更方便快捷地进行信息交流和学习，聊天系统可以为大家提供一个更好的交流平台，在这个平台上，人们可以通过文字与符号进行实时的交谈、聊天，它是一个向整个因特网开放的地方，是提供给网民一个交友与娱乐的场所，在聊天室里网民可选择自已的聊天对象，与其进行对话交流，是网民之间相互沟通、交流情感的最佳方式之一。从传播方式上讲, 聊天室传播是非线性传播。非线形传播指聊天室传播的信息是为无数的共享空间的网络用户所发出的, 任何拥有网络传播权利的人都可以得到, 网络打破了传统媒体单向传送信息的格局, 信息传播者与接收者之间的互动变得切实可行。从传播的信息内涵上

8、讲, 聊天室的消息结构是无中心的。聊天室所给受 众带来的信息与感受作为一种现代生活资源, 在实现了从传统大众传播的单向传播向多向传播的转变后, 极大地拓展了现代生活空间, 使传播者与受众之间的直接连通成为可能。这一转变使整个传播结构与传播效果发生了巨大变化, 是传统媒体无法比拟的。 根据CNNIC 发布的第十五次中国互联网络发展状况统计报告, 有3.5%的商业网站提供网络聊天。热衷于网上聊天的人群大部分集中于1624 年龄段上, 经济上没有独立, 又缺乏网上支付手段的特点也是聊天室不为商业网站看好的重要理由之一。目前经营商获得收益的渠道有两条: 在线广告和电子商务。青少年在经济上没有自立, 经

9、营商通常很难通过电子商务获得收入; 而在在线广告方面, 各商业网站目前的广告客户主要目标人群锁定中、高收入的白领阶层, 面向青少年消费市场的网上广告几乎没有, 无法通过网上广告获得收益。因此, 对于青少年聚集的网上聊天室, 网络公司自然没有太高的热情。 实际上, 青少年的消费市场一向是规模可观、利润丰厚的一块大蛋糕。无论流行音乐、新潮服饰、娱乐场所, 青少年消费都是其中的主力。论市场规模, 全国青少年消费市场的总规模不低于一千亿。我们看到, 并非聊天的人群本身缺乏商业价值, 而是目前没有好的办法将这种价值加以发掘。在线广告理应成为聊天室获得商业收益的主要手段。 随着研发技术的进步，qq.msn

10、等聊天软件的面世，取代了聊天室。同时，聊天室内用户过激，不法等言辞，也是聊天室逐渐没落的原因。但是，聊天软件的局限性，不比聊天室开放性强，面向广。只有真正了解聊天室的主要使用人群, 才能更好地设置聊天室的主题、话题、页面风格等。要重视聊天室产品的氛围经济效益, 可以成为各种汽车俱乐部、攀岩俱乐部、自行车俱乐部等的合作伙伴, 吸引更多会员，成为网上会所。聊天室还应注意自身形象的塑造, 只有个性化、特色化才能使聊天室产品脱颖而出。要注意适当的广告宣传。在以上的种种因素下，本课题的研究方向就是运用JSP技术营造一个简单，友好的网络聊天室，为互联网使用者提供学习，讨论和交流的平台。2.2 数据库表设计

11、在123数据库中建一个名为StuInfo的表，用于保存用户信息，及保存注册用户信息 3 系统总体设计3.1系统结构 本系统将分为四大模块，即数据库通用模块、用户登录与注册模块、聊天主模块、具体描述如表3.1所示。模块名文件名功能描述数据库通用管理描述update.jsp连接和数据的查询更新操作用户登录与注册模块login.jsp用户登入界面regedit.jsp用户登录后台处理界面adduser.jsp增加新用户聊天室模块loginYc.jsp检查session信息判断用户是否登陆index.jsp聊天框架界面write.jsp聊天室输入界面writeC.jsp聊天信息发送界面showlist

12、.jsp在线用户列表界面jspread.jsp聊天信息显示界面safeout.jsp离开聊天室管理员模块advanced.jsp管理员管理高级界面deluser.jsp删除用户表3.1 系统结构表 4系统功能模块实现4.1 登录和注册界面模块登录界面模块是通过访问数据库中的StoInfo表中的userName和Password两个字段来判断用户名和密码是否匹配，如果匹配就登入成功，否则登入失败，如果用户是第一次登录该聊天室，则自动注册。如图4.1所示。图4.1 登录界面核心代码：login427聊天室姓名：密码： 注册新用户无标题文档function MM_timelinePlay(tmLnN

13、ame, myID) var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false; if (document.MM_Time = null) MM_initTimelines(); tmLn = document.MM_TimetmLnName; if (myID = null) myID = +tmLn.ID; firstTime=true; if (myID = tmLn.ID) setTimeout(MM_timelinePlay(+tmLnName+,+myID+),tmLn.d

14、elay); fNew = +tmLn.curFrame; for (i=0; i= firstKeyFr & fNew = sprite.keyFramesnumKeyFr-1) /in range keyFrm=1; for (j=0; jsprite.values.length; j+) props = sprite.valuesj; if (numKeyFr != props.length) if (props.prop2 = null) sprite.objprops.prop = propsfNew-firstKeyFr; else sprite.objprops.prop2pro

15、ps.prop = propsfNew-firstKeyFr; else while (keyFrm=sprite.keyFrameskeyFrm) keyFrm+; if (firstTime | fNew=sprite.keyFrameskeyFrm-1) if (props.prop2 = null) sprite.objprops.prop = propskeyFrm-1; else sprite.objprops.prop2props.prop = propskeyFrm-1; else if (sprite.charAt(0)=b & fNew = sprite.frame) ev

16、al(sprite.value); if (fNew tmLn.lastFrame) tmLn.ID = 0; function MM_timelineGoto(tmLnName, fNew, numGotos) var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj; if (document.MM_Time = null) MM_initTimelines(); tmLn = document.MM_TimetmLnName; if (numGotos != null) if (tmLn.g

17、otoCount = null) tmLn.gotoCount = 1; else if (tmLn.gotoCount+ = numGotos) tmLn.gotoCount=0; return jmpFwd = (fNew tmLn.curFrame); for (i = 0; i tmLn.length; i+) sprite = (jmpFwd)? tmLni : tmLn(tmLn.length-1)-i; if (sprite.charAt(0) = s) numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFram

18、es0; lastKeyFr = sprite.keyFramesnumKeyFr - 1; if (jmpFwd & fNewfirstKeyFr) | (!jmpFwd & lastKeyFrfNew) continue; for (keyFrm=1; keyFrm=sprite.keyFrameskeyFrm; keyFrm+); for (j=0; jsprite.values.length; j+) props = sprite.valuesj; if (numKeyFr = props.length) propNum = keyFrm-1 else propNum = Math.m

19、in(Math.max(0,fNew-firstKeyFr),props.length-1); if (sprite.obj != null) if (props.prop2 = null) sprite.objprops.prop = propspropNum; else sprite.objprops.prop2props.prop = propspropNum; else if (sprite.charAt(0)=b & fNew = sprite.frame) eval(sprite.value); tmLn.curFrame = fNew; if (tmLn.ID = 0) eval

20、(MM_timelinePlay(tmLnName);function MM_preloadImages() if (document.images) var imgFiles = MM_preloadImages.arguments; if (document.preloadArray=null) document.preloadArray = new Array(); var i = document.preloadArray.length; with (document) for (var j=0; jimgFiles.length; j+) if (imgFilesj.charAt(0

21、)!=#) preloadArrayi = new Image; preloadArrayi+.src = imgFilesj; function MM_swapImgRestore() if (document.MM_swapImgData != null) for (var i=0; i(document.MM_swapImgData.length-1); i+=2) document.MM_swapImgDatai.src = document.MM_swapImgDatai+1;function MM_swapImage() var i,j=0,objStr,obj,swapArray

22、=new Array,oldArray=document.MM_swapImgData; for (i=0; i 4); var macIE5 = (navigator.platform ? (navigator.platform = MacPPC) : false) & (navigator.appName = Microsoft Internet Explorer) & (parseInt(navigator.appVersion) = 4); document.MM_Time = new Array(2); document.MM_Time0 = new Array(2); docume

23、nt.MM_TimeTimeline1 = document.MM_Time0; document.MM_Time0.MM_Name = Timeline1; document.MM_Time0.fps = 15; document.MM_Time00 = new String(sprite); document.MM_Time00.slot = 1; if (ns4) document.MM_Time00.obj = documentLayer10; else if (ns5) document.MM_Time00.obj = document.getElementById(Layer10)

24、; else document.MM_Time00.obj = document.all ? document.allLayer10 : null; document.MM_Time00.keyFrames = new Array(1, 5, 9, 13, 15, 21, 24, 29, 33, 37, 41, 43, 47, 50); document.MM_Time00.values = new Array(2); if (ns5 | macIE5) document.MM_Time00.values0 = new Array(333px, 354px, 375px, 396px, 415

25、px, 429px, 441px, 455px, 473px, 502px, 536px, 570px, 599px, 619px, 622px, 619px, 616px, 614px, 613px, 611px, 610px, 612px, 614px, 616px, 614px, 613px, 611px, 608px, 607px, 613px, 620px, 628px, 635px, 623px, 608px, 589px, 568px, 547px, 524px, 500px, 475px, 422px, 373px, 354px, 339px, 326px, 314px, 29

26、8px, 284px, 271px); else document.MM_Time00.values0 = new Array(333,354,375,396,415,429,441,455,473,502,536,570,599,619,622,619,616,614,613,611,610,612,614,616,614,613,611,608,607,613,620,628,635,623,608,589,568,547,524,500,475,422,373,354,339,326,314,298,284,271); document.MM_Time00.values0.prop =

27、left; if (ns5 | macIE5) document.MM_Time00.values1 = new Array(312px, 314px, 316px, 318px, 320px, 324px, 331px, 336px, 335px, 328px, 319px, 305px, 287px, 237px, 194px, 201px, 210px, 216px, 222px, 227px, 232px, 235px, 234px, 233px, 234px, 234px, 235px, 236px, 238px, 238px, 237px, 236px, 242px, 257px,

28、 273px, 290px, 305px, 316px, 326px, 333px, 336px, 320px, 305px, 309px, 318px, 329px, 341px, 360px, 382px, 404px); else document.MM_Time00.values1 = new Array(312,314,316,318,320,324,331,336,335,328,319,305,287,237,194,201,210,216,222,227,232,235,234,233,234,234,235,236,238,238,237,236,242,257,273,29

29、0,305,316,326,333,336,320,305,309,318,329,341,360,382,404); document.MM_Time00.values1.prop = top; if (!ns4) document.MM_Time00.values0.prop2 = style; document.MM_Time00.values1.prop2 = style; document.MM_Time01 = new String(behavior); document.MM_Time01.frame = 51; document.MM_Time01.value = MM_tim

30、elineGoto(Timeline1,1); document.MM_Time0.lastFrame = 51; document.MM_Time1 = new Array(2); document.MM_TimeTimeline2 = document.MM_Time1; document.MM_Time1.MM_Name = Timeline2; document.MM_Time1.fps = 15; document.MM_Time10 = new String(sprite); document.MM_Time10.slot = 1; if (ns4) document.MM_Tim

31、e10.obj = documentLayer11; else if (ns5) document.MM_Time10.obj = document.getElementById(Layer11); else document.MM_Time10.obj = document.all ? document.allLayer11 : null; document.MM_Time10.keyFrames = new Array(1, 4, 7, 11, 14, 18, 22, 26, 30, 34, 38, 42, 45); document.MM_Time10.values = new Arra

32、y(2); if (ns5 | macIE5) document.MM_Time10.values0 = new Array(78px, 86px, 94px, 99px, 99px, 96px, 91px, 85px, 77px, 70px, 66px, 71px, 79px, 89px, 91px, 91px, 91px, 92px, 96px, 102px, 107px, 111px, 111px, 110px, 108px, 109px, 112px, 116px, 122px, 129px, 138px, 148px, 161px, 177px, 197px, 219px, 243p

33、x, 270px, 301px, 336px, 371px, 405px, 446px, 486px, 526px); else document.MM_Time10.values0 = new Array(78,86,94,99,99,96,91,85,77,70,66,71,79,89,91,91,91,92,96,102,107,111,111,110,108,109,112,116,122,129,138,148,161,177,197,219,243,270,301,336,371,405,446,486,526); document.MM_Time10.values0.prop =

34、 left; if (ns5 | macIE5) document.MM_Time10.values1 = new Array(306px, 278px, 251px, 225px, 203px, 183px, 165px, 155px, 146px, 137px, 125px, 101px, 75px, 54px, 61px, 69px, 78px, 88px, 106px, 126px, 147px, 168px, 186px, 202px, 216px, 230px, 240px, 249px, 256px, 265px, 276px, 289px, 301px, 312px, 321px, 328px, 333px, 338px, 341px, 344px, 345px, 344px, 340px, 334px, 327px); else document.MM_Time10.values1 = new Array(306,278,251,225,203,183,165,155,146,137,125,101,75,54,61,69,78,88,106,126,147,168,186,202,216,230,240,249,256,265,276,289,301,312,321,328,333,33