1、 2011-2012 学年第二学期 电信学院计算机系 实验报告 课程名称 JAVA Web 应用程序 实验名称 基于 JSP 的网络聊天室 班 级 学 号 姓 名 一 、 功能模块: 1、 用户注册 (注册用户保存在 application 中 ) 2、 用户登录 3、 用户注销 4、 留言功能 二 、 要求: 1、 用户注册、登录都要 进行客户端检查是否信息为空 2、 用户登录之后,服务器端需要检查是否是合法的用户 3、 显示的每条信息都包括登录用户姓名、留言内容及留言时间 4、 其它内容可以自己扩展 三 、 实验步骤和模块 实验 主要有四个 部分,分别为:用户注册、用户登录和用户留言 以及
2、 用户注销 。但因为用户注销并不是我们的主要考察内容,所以在下面的介绍及讲解过程中不再详细表述;而以其他三个部分为主。 1、 用户注册 第一部分 是用户注册界面,该界面主要功能是 用户填写信息后提交,程序自动将用户姓名和密码保存在 application 中以便 在用户登 录时核对信息; 用户如填写信息有误,可以点击重置 ,信息框将变为空白可以重新填写。 此模块的 源代码为: form.html Java Web function checkvalid() var str1=login.name.value; var str2=login.pwd.value; var str3=login.s
3、ex.value; var str4=login.pwd.value; var str5=login.pwd2.value; if(str1=“) alert(“没有输入用户名 “); return false; if(str2=“) alert(“没有输入密码 “); return false; if(str3=“) alert(“没有输入性别 “); return false; if(str4!=str5) alert(“密码不匹配 “); return false; name ( 必须输入项 ) : password(必须输入项 ): password(请重新输入 ): phonemun
4、ber( 选择输入项 ): 性别 (必须输入项 ): 男 女 户口所在城市 北京市 上海市 天津市 重庆市 曾经居住地 北京市 上海市 天津市 重庆市 爱好 : 旅游 上网 游戏 电影 看书 音乐 其他 其他爱好 : 用户备注信息 : 注册界面 如下: 由于注册信息有要求,即 客户端检查 信息 不能 为空 , 如用户名和密码为空 ,则会出现如下错误信息提示 : 而 两次输入 的 密码一定要一致。 如果用户两次 密码 输入 不相同,在提交时会出现如下的错误提示 : 修改密码,使两次密码一致后,提交信息, 信息会显示在屏幕上, 如下: 用户在注册后需要核实信息! 之后 点返回登陆界面 ,用户可选择
5、回到主界面登录 显示信息的 源代码为: ex08.jsp StringBuffer Trans(StringBuffer sour) for(int i=0; i“); return sour; % “); out.println(“password: “ + pwd +“); out.println(“phonenumber: “ + number +“); /接收 radio 类信息 out.print(“性别是: “); out.println(request.getParameter(“sex“); out.println(“); /接收单选的 select 信息 out.printl
6、n(“户口所在地 : “); out.println(request.getParameter(“City“); out.println(“); /接收多选的 select 信息 out.println(“曾经居住过的城 市 :“); String juzhu=request.getParameterValues(“juzhu“); if(juzhu != null) for(int i=0; i“); String aihao = request.getParameter(“aihao“); application.setAttribute(“aihao“,aihao); out.print
7、ln(“其他爱好 : “ + aihao + “); out.println(“); out.println(“); /处理 textbox 中的信息 String str=request.getParameter(“liuyan“); StringBuffer liuyan = new StringBuffer(str); liuyan = Trans(liuyan); out.println(“用户备注信息是 :“); out.println(liuyan); % 返回登陆界面 2.用户登录 本 模块是程序的主界面,已注册用户可以通过填写正确信息后进入聊天室。 登录界面代码为: 1.htm
8、l 网络聊天室 系统登陆 账 号 : 密码: 还没注册吧?快点击这里 登陆显示如下 : 之后用户进行登录 如用户信息填写不正确或用户还没有注册,网页会提 示用户信息错误;没有注册用户可以通过本届面点及注册后进入注册页面。 如果输入的用户名或者密码不匹配 所示的错误提示如下 : 错误信息 源代码为: login.jsp 返回登陆界面 3.用户主页 在 用户在 成功 登录后进入自己主页,可以选择 进入 留言 版 或注销 ,主页界面为: 主页代码: main.jsp 要进入留言界面 吗? 注销 注销则返回登陆界面重新登录 注销代码 :loginout.jsp 在这里涉及主界面与登录界面相连接的一个小程序, checkvalid.jsp 没有它就无法实现界面跳转,代码如下: 4.用户留言 在 用户选择进入留言 室 后 显示 界面 如下所示: (当前留言为空) 在发送框输入 我爱 java web,然后点击 发送 键 在此 界面用户可以 输入留言点击“ 发送 ”后即可将留言发送出去 ,然后在上方的空白处将发送内容显示出来,同时显示用户名、信息和留言时间。具体显示如下 : 这部分 程序 可以 划分为三小块,分别是主框架, 发送部分和显示部分 代码如下: 主框架 chatting,html 聊天室