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

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参 考 文 献31I1 概 述1.1 设计目标 从功能角色上来讲，在线聊天室可以有两种类型的用户，普通用户和管理员。 其中，普通用户在登录后，可以通过聊天界面，发送聊天消息，进行聊天交流。如果是第一次进入到该聊天室，还可以通过本模块提供的注册功能，提交注册信息，成为本聊天室的用户。 1.2 项目规划本聊天室需要提供如下的界面和功能。 1、需要提供支持用户登陆以及身份验证的WEB界面和实现后台对应功能的模块。 2、需要一个支持用户注册的界面和对应的后台模块。 3、需要为普通用户提供一个浏览所有聊天室的界面和对应后台功能模块。在这个界面中，用户可以聊天室聊天。 4、需要为普通用户提供一个支持多人聊天和私人聊天的界面和对应的后台模块。 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 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下运行，也能在其他操作系统上运行。 JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和 scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。JSP的1.0规范的最后版本是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的普及已经影响了传统的交流方式。网络聊天室系统是计算机网络发展的产物，是最为常见、最受广大互联网使用者所认可的基于Web的网络应用系统。随着互联网的发展，人们通过网络可以更方便快捷地进行信息交流和学习，聊天系统可以为大家提供一个更好的交流平台，在这个平台上，人们可以通过文字与符号进行实时的交谈、聊天，它是一个向整个因特网开放的地方，是提供给网民一个交友与娱乐的场所，在聊天室里网民可选择自已的聊天对象，与其进行对话交流，是网民之间相互沟通、交流情感的最佳方式之一。从传播方式上讲, 聊天室传播是非线性传播。非线形传播指聊天室传播的信息是为无数的共享空间的网络用户所发出的, 任何拥有网络传播权利的人都可以得到, 网络打破了传统媒体单向传送信息的格局, 信息传播者与接收者之间的互动变得切实可行。从传播的信息内涵上讲, 聊天室的消息结构是无中心的。聊天室所给受 众带来的信息与感受作为一种现代生活资源, 在实现了从传统大众传播的单向传播向多向传播的转变后, 极大地拓展了现代生活空间, 使传播者与受众之间的直接连通成为可能。这一转变使整个传播结构与传播效果发生了巨大变化, 是传统媒体无法比拟的。 根据CNNIC 发布的第十五次中国互联网络发展状况统计报告, 有3.5%的商业网站提供网络聊天。热衷于网上聊天的人群大部分集中于1624 年龄段上, 经济上没有独立, 又缺乏网上支付手段的特点也是聊天室不为商业网站看好的重要理由之一。目前经营商获得收益的渠道有两条: 在线广告和电子商务。青少年在经济上没有自立, 经营商通常很难通过电子商务获得收入; 而在在线广告方面, 各商业网站目前的广告客户主要目标人群锁定中、高收入的白领阶层, 面向青少年消费市场的网上广告几乎没有, 无法通过网上广告获得收益。因此, 对于青少年聚集的网上聊天室, 网络公司自然没有太高的热情。 实际上, 青少年的消费市场一向是规模可观、利润丰厚的一块大蛋糕。无论流行音乐、新潮服饰、娱乐场所, 青少年消费都是其中的主力。论市场规模, 全国青少年消费市场的总规模不低于一千亿。我们看到, 并非聊天的人群本身缺乏商业价值, 而是目前没有好的办法将这种价值加以发掘。在线广告理应成为聊天室获得商业收益的主要手段。 随着研发技术的进步，qq.msn等聊天软件的面世，取代了聊天室。同时，聊天室内用户过激，不法等言辞，也是聊天室逐渐没落的原因。但是，聊天软件的局限性，不比聊天室开放性强，面向广。只有真正了解聊天室的主要使用人群, 才能更好地设置聊天室的主题、话题、页面风格等。要重视聊天室产品的氛围经济效益, 可以成为各种汽车俱乐部、攀岩俱乐部、自行车俱乐部等的合作伙伴, 吸引更多会员，成为网上会所。聊天室还应注意自身形象的塑造, 只有个性化、特色化才能使聊天室产品脱颖而出。要注意适当的广告宣传。在以上的种种因素下，本课题的研究方向就是运用JSP技术营造一个简单，友好的网络聊天室，为互联网使用者提供学习，讨论和交流的平台。2.2 数据库表设计在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.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(tmLnName, 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.delay); 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.prop2props.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) eval(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.gotoCount = 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.keyFrames0; 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.min(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(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)!=#) 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=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); document.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); 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, 415px, 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, 298px, 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 = 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, 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,290,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_timelineGoto(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_Time10.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 Array(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, 243px, 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 = 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,338,341,344,345,344,340,334,327); document.MM_Time10.values1.prop = top; if (!ns4) document.MM_Time10.values0.prop2 = style; document.MM_Time10.values1.prop2 = style; document.MM_Time11 = new String(behavior); document.MM_Time11.frame = 46; document.MM_Time11.value = MM_timelineGoto(Timeline2,1); document.MM_Time1.lastFrame = 46; for (i=0; idocument.MM_Time.length; i+) document.MM_Timei.ID = null; document.MM_Timei.curFrame = 0; document.MM_Timei.delay = 1000/document.MM_Timei.fps; 4.2聊天室主界面模块此界面由三个用户输入模块、聊天信息显示模块和在线用户列表等三个模块组成。核心代码：index 4.3 管理员高级管理功能界面如果是管理员登录，则可通过高级功能进入高级管理界面，可以实现踢人、删除用户以及查看所有用户的功能， 核心代码： deluserdeleuser% String deleuser = request.getParameter(deleuser); / String user = (String) session.getAttribute(user); List list = (List) application.getAttribute(txtlist); /application.setAttribute(user, list); /list.remove(user); for (int i = 0; i 5 调试分析在本次jsp网络编程课程设计中遇到了很多实际性问题在实际设计中才发现，书本上理论性的东西与在实际运用中的还是有一定的出入的，所以有些问题不但要深入地理解，而且要不断地更正以前的错误思维。以下是我在设计系统时的三个阶段中遇到的问题：1. JSP设计阶段JSP设计界面及逻辑功能时，遇到了前所未有的困难，开始设计的时候，是想为了简单起见，把系统的功能和界面都放在jsp中来写，也就不用java程序了，可是没写几个jsp页面就写不下去了，处处是错误，而且还看不懂错在什么地方，想了好久，最后决定，系统功能在java中写，界面的设计在jsp中写，这样jsp里面的东西就显得简单一些了，更具逻辑性。各种复杂的问题也就慢慢的迎刃而解了！ 2. 数据库设计阶段 数据库表建成后，各个表要有一个字增的非空主键，在建立表与表之间的相互联系时会出现错误。另外，数据库建成后，在为数据库创建用户时，创建的用户不能映射到此数据库！3. JSP连接数据库阶段这是数据库最后一个阶段了，可是也遇到了很大的问题。开始在JSP中连接数据库时，总是连接不成功，显示一些看不懂的错误，通过上网查资料才知道要对sql server 2005进行设置，开启远程连接以及TCP/IP服务，还要重启服务才可以。这个问题一直纠结了我好久，最终经过我的不懈努力下，终于把它解决了。分工：罗琳：数据库设计，登录界面，公共聊天界面，管理员权限设置，好友设置张翡：环境搭建，注册界面，私人聊天界面，数据库连接，用户统计6心得体会 课程设计是培养学生综合运用所学知识,发现,提出,分析和解决实际问题,锻炼实践能力的重要环节,是对学生实际工作能力的具体训练和考察过程.随着科学技术发展的日新日异，网站设计已经成为当今计算机应用中空前活跃的领域， 在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握网站的开发技术是十分重要的。通过本次课程设计，我感受颇多，尽管上课时也认真听了老师的讲课，但是已开始面对自己的题目时，还是有些不知所措，都不知道如何下手，后来去图书馆借了几本相关的书籍，心里在感觉有了一些底。经过这差不多四个星期来的学习与编码，总算还是收获不少，对jsp的认识也更加的深刻了。在这个过程中，我感觉就像人生的一个缩影，充满了酸甜苦辣。当一个问题想了好久也无法解决时，我感到沮丧与无助。当经过努力解决了一个程序上的难题时，我感到无比的喜悦。当经过每天为了编写代码一坐就是四五个小时，晚上还要写到凌晨一两点钟的时候，我感到无比的痛苦。但艰难痛苦已成往事，灿烂的明天向我走来，今天我总算迎接了胜利的果实，以前的辛酸与痛苦化作我坚强的力量，将在我将来的人生历程中，为我的美好明天打下坚实的基础。经过了这次磨练，我又一次感受到只有付出才能有收获，成功永远是属于不懈努力的人们的。不过经过这几个星期来的不断拼搏，虽然有一点成功的喜悦，但是我依然感受到我的这个在线电子商城依然还有很多不足的地方，我将在以后的时间好好完善它，以求能使我的这个聊天室系统能达到一个更加高的水平，同时也能从中获得更加多的宝贵的经验。 这次课程设计终于顺利完成了，在设计中遇到了很多编程问题，最后在唐老师的辛勤指导下，终于游逆而解。同时，在翟老师的身上我学得到很多实用的知识，在次我表示感谢！同时，对给过我帮助的所有同学和指导老师再次表示忠心的感谢！致 谢在本次课程设计实践中，指导教师以对学生认真负责的态度，提供了非常有益的指导意见，给予我很大的帮助，使我得到实质性的提高。这对于我以后的工作和学习是巨大的财富。我会珍惜这次课设中学到的大量知识和经验，为以后的工作学习提供必要的帮助。在做这个系统的过程中，程序调试给我留下最深的印象，在调试上花的时间最多，这说明了我在平时学习的时候学的不够扎实，对错误研究不够，编写代码的时候不够仔细，还有就是缺乏足够的耐心。经过课程设计的训练，我学到很多，也成熟许多。在整个课程设计的过程中指导老师和同学都帮助我很多，特别是老师严谨的治学作风、深厚的理论水平、热情的待人态度给我留下了深刻的印象。他为我提出一些关键性的问题和宝贵的意见，这些关键性的问题和宝贵的意见，对我的作业的成功完成起了决定性作用！我再次感谢您的帮助！参 考 文 献1 范芸.JSP动态网站开发基础与上机指导.清华大学出版社,2010年6月2 JSP网站开发逐步深入中文版.第一版.电子工业出版社,2006年:P563 刘韬,楼兴华.JSP系统开发实例导航.第一版.北京:人民邮电出版社,2004年:P1974 李保春,曾慧.JSP网络开发教程.第一版.北京:清华大学出版社,2006年:P695 张跃廷,JSP系统开发完全手册.第一版.人民邮电出版社,2006年:P446 JSP程序设计.第一版.高等教育出版社,2006年:P2017 SQL Server实验指导.第3版.清华大学出版社,2010年19