JSP期末设计和课程设计模板
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
}
}
</script>
<script language="jscript">
window.onbeforeunload=function(){ //当用户单击浏览器中的“关闭”按钮时，
执行退出操作
if(event.clientY<0 && event.clientX>document.body.scrollWidth){
<script language="javascript">
<!--
function check(){ //验证聊天信息
6
if(form1.tempuser.value==""){
alert("请选择聊天对象！");return false;
}
if(form1.message.value==""){
<tr>
7
<td> </td> </tr> </table> <table width="778" height="276" border="0" align="center" cellpadding="0" cellspacing="0"> <tr>
<td width="165" valign="top" bgcolor="#FDF7E9" id="online" style="padding:5px">在线人员列表</td>
Exit();
//执行退出操作
}
}
</script>
</head>
<body onLoad="showContent();showOnline();">
<table width="778" height="148" border="0" align="center" cellpadding="0"
ห้องสมุดไป่ตู้
cellspacing="0" background="images/top.jpg">
function set(selectPerson){ //自动添加聊天对象
if(selectPerson!="<%=session.getAttribute("username")%>"){
form1.tempuser.value=selectPerson;
}else{
alert("请重新选择聊天对象！");
2 开发平台和工具
操作系统 前台开发 后台数据库
Windows XP Professional Dreamweaver8、JSP SQL Server2000
3 网站结构设计
网站实现功能如下： 1．会员进入
（1） 会员登陆 2．界面显示
(1) 显示在线的用户 (2) 显示聊天内容 (3) 显示对话框 3．在线用户栏目管理 (1) 显示在线人数 (2) 显示在线用户名 (3) 可以选择用户名进行聊天 4．聊天信息管理 (1) 友情提醒信息 (2) 显示聊天的对象 (3) 显示聊天内容 5．用户对话框的管理 (1)显示和谁在聊天
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>聊天室</title>
<link href="CSS/style.css" rel="stylesheet">
<script language="javascript" src="JS/AjaxRequest.js"></script>
loader1=new
net.AjaxRequest("content.jsp?nocache="+new
Date().getTime(),deal_content,onerror,"GET");
}
function onerror(){
alert("很抱歉，服务器出现错误，当前窗口将关闭！");
window.opener=null;
6.2 界面显示模块 界面显示模块包含以下文件： Main.Jsp
1．页面：
2．代码摘要 <%@ page contentType="text/html; import="java.sql.*" %>
charset=gb2312"
language="java"
5
<% request.setCharacterEncoding("gb2312"); %>
<script language="javascript">
window.setInterval("showContent();",1000);
window.setInterval("showOnline();",10000);
//此处需要加&nocache="+new Date().getTime()，否则将出现在线人员列表不更新
会员登入模块
会员登陆模块
界面显示模块
显示在线用户信息 显示聊天信息 用户对话框信息
聊天信息管理模块
显示友情提醒 显示聊天对象 显示聊天内容
离开功能模块
用户对话框模块
显示和谁在聊天 显示可以用的表情 显示正在输入内容
关闭对话框 删除聊天记录 页面显示退出
图 4.1 系统功能模块图
5 主要模块实现与代码摘要
alert("发送信息不可以为空！");form1.message.focus();return false;
}
}
function Exit(){
window.location.href="leave.jsp";
alert("欢迎您下次光临！");
}
-->
</script>
<script language="javascript">
<td width="613" valign="top" bgcolor="#FFFFFF" id="content" style="padding:5px">聊天内容</td>
</tr> </table> <table width="778" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#D6D3CE" bgcolor="#D39800"> <form action="send.jsp" name="form1" method="post" onSubmit="return check()">
}
}
</script>
<body>
<br>
<form name="form1" method="post" action="login.jsp" onSubmit="return check()">
<table width="363" height="224"
border="0" align="center" cellpadding="0" cellspacing="0"
1
(2)显示可以用的表情 (3)显示正在输入聊天内容 6．离开功能的管理 (1) 关闭页面 (2) 点击页面的离开按钮 (3) 删除聊天记录
2
4 网站功能模块
本文的在线点播系统共分为 5 个模块：会员进入、界面显示、在线用 户栏目管理、聊天信息管理、用户对话框的管理，功能模块划分如下图 4.1 所示：
动 态 WEB 课 程 设 计
——在线聊天网站
学院名称： 计算机与电子信息学院
专业名称： 计算机—网络—信息安全类
班 级：
2010 级 4 班
学 号：
1007300417
姓 名：
黄滢兴
完成时间：
2011 年 1 月 4 号
目录
目录 1．网站简介………………………………………………………………1 2．网站开发平台和工具…………………………………………………1 3．网站结构设计…………………………………………………………1 4．网站功能模块…………………………………………………………3 5． 主要模块实现与代码摘要…………………………………………………4
background="images/login.png">
4
<tr> <td height="121" colspan="3" class="word_dark"> </td>
</tr> <tr>
<td width="53" align="center" valign="top" class="word_dark"> </td> <td width="216" align="center" valign="top" class="word_dark">用户名： <input type="text" name="username"></td> <td width="94" valign="top" class="word_dark"><input type="image" name="imageField" src="images/go.jpg"></td> </tr> </table> </form> </body> </html>
3
6.1 在线用户信息显示模块 视频信息显示模块包含以下文件：
6.1.1 index.Jsp 1．页面如下：
图 6.11 主页面 2．代码摘要
<%@ 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;
window.close();
}
function deal_online(){
online.innerHTML=this.req.responseText;
}
function deal_content(){
content.innerHTML=this.req.responseText;
}
</script>
readonly="readonly"> 表情 <select name="select" class="wenbenkuang">
<option value="无表情的">无表情的</option> <option value="微笑着" selected>微笑着</option> <option value="笑呵呵地">笑呵呵地</option> <option value="热情的">热情的</option> <option value="温柔的">温柔的</option> <option value="红着脸">红着脸</option> <option value="幸福的">幸福的</option> <option value="嘟着嘴">嘟着嘴</option> <option value="热泪盈眶的">热泪盈眶的</option> <option value="依依不舍的">依依不舍的</option> <option value="得意的">得意的</option> <option value="神秘兮兮的">神秘兮兮的</option> <option value="恶狠狠的">恶狠狠的</option>
的情况
function showOnline(){
var
loader=new
net.AjaxRequest("online.jsp?nocache="+new
Date().getTime(),deal_online,onerror,"GET");
}
function showContent(){
var
6． 课程设计总结……………………………………………………………………14
2
1 网站简介
目前，网络的发展日新月异，尤其是许多的校园网、小区宽带、企业或其他 单位内部网的建设已经可以满足人们对于带宽的要求。于是在线在线聊天技术越 来越多地出现在人们的生活中。
本文中的在线聊天网站，属于在线聊天类网站。每个游客进去注册之后，就 可以进去和正在的线上的用户聊天，同时能保存用户的聊天信息。
<tr> <td height="30" align="left"> </td> <td height="37" align="left">[<%=session.getAttribute("username")%> ]对 <input name="tempuser" type="text" value="" size="35"