- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
淮海工学院 计算机工程学院
课程设计报告
设计名称: 基于web的多人聊天室开发
姓 名: 孙兴锴 学 号: 2013150253
专业班级: 计算机工程学院 G计131
系 (院): 计算机工程学院
设计时间: 2015.6.1——2015.6.17
设计地点: 图书馆、计算机楼计算中心
指导教师评语:
成绩:
签名:
年 月 日Web开发课程设计报告 第 PAGE 16 页,共 NUMPAGES 16 页
1.课程设计目的Web开发课程设计是计算机软件工程专业的一个综合性实践教学环节,其目的在于促进学生复习和巩固计算机软件设计知识,加深对软件设计方法、软件设计技术和设计思想的理解,并能运用所学软件设计知识和Web工程技术进行综合软件设计,通过本课程设计让学生进行简单Web应用软件系统的开发,掌握软件设计的方法和面向对象程序设计的基本技术,提高学生在软件开发方面的综合应用能力。2.课程设计任务与要求:任务:
基于Web的多人聊天室程序的开发
具体要求如下:
本程序实现一个基于Web的多人聊天室程序,访客可以自由加入聊天室,并设定自己的昵称,支持聊天室成员之间进行私聊,聊天室管理员可以设置聊天室的主题,并可以将恶意用户踢出聊天室,设置最多用户人数限制,最短发言时间间隔等。
要求:
要求同时使用客户端和服务器端的开发技术。客户端要求遵循结构和显示分离的原则进行设计与实现;服务器端可以采用JSP或PHP开发技术,并遵循面向对象的开发方法进行问题领域的设计与实现,实现时可以不使用关系型数据库和JDBC技术。每个Web应用程序应该采用合理的文件夹结构进行组织,信息架构应该合理,推荐使用流行的CSS框架(如960GS,Blueprint,Bootstrap等)简化开发。
3.课程设计说明书(一)需求分析
本程序实现一个基于Web的多人聊天室程序,访客可以自由加入聊天室,并设定自己的昵称,支持聊天室成员之间进行私聊,聊天室管理员可以设置聊天室的主题,并可以将恶意用户踢出聊天室,设置最多用户人数限制,最短发言时间间隔等。
(二)系统分析与设计
聊天室角色设计:?
以游客的形式生成的多个不同角色;?
添加聊天主题;
设置聊天角色;??
角色区分:使用不同颜色显示用户名、昵称;?
?
屏蔽某人发言;?
可以进行一对一的私聊;
可以进行一对多的公聊;
可以进行单独的对某一角色的不同类型的聊天;
主界面:
用户名的创建
发送文字
接收文字
用户列表
关闭窗口
主界面
详细设计
具体操作步骤:
先进行游客登录访问,创建用户名,登录客户端,可以正常发送文字和接收文字,如不想继续聊天室进行聊天,可正常关系。因此聊天系统没有数据库的原因,所以正常关闭后游客的所以信息及记录会全部清除。
具体流程如下图所示:
读取用户名
发送文字
是否有用户
显示客户端界面
显示在主界面内容窗口上
No
Yes
开始
结束
编码实现和测试
登录界面代码:
%@ page contentType=text/html;charset=gb2312 language=java %
html
title
聊天室
/title
link href=CSS/style.css rel=stylesheet
script language=javascript
function check(){
if(form1.username.value==){
alert(请输入用户名!);form1.username.focus();return false;
}
}
/script
body topmargin=150 background=images/background.jpg
br
form name=form1 method=post action=login.jsp onSubmit=return check()
table width=446 height=335 border=0 align=center cellpadding=0 cellspacing=0 background=images/aa.jpg
tr
文档评论(0)