网页设计与制作设计报告

《网页设计与制作设计报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计与制作设计报告题目名称：__网络聊天系统设计环境：___DW，Fireworks,FronPage_________________指导教师：____寥静________________________专业班级：_信安0401,0402___________________________姓名：___陈美琳，周小琪，张淑苹___________________学号：____20042694，20042696，20042732___________联系电话：_____6084573______________________电子邮件：____456123@126.com_

2、_______________________设计日期：  2007年5 月4日至 2007 年 5月20日设计报告日期：  2007 年  5月  21日设计成绩：____________一、实验题目网络聊天系统二、实验内容1、设计版块依据简易聊天室的基本功能。可以将这个系统分为以下几个版块：enter.jsp（进入系统界面）,savadate.jsp（验证和保存上网者信息的程序）,chatroom.jsp（聊天室的主页框）,note.jsp（提供上网者发送信息）,show.jsp（显示聊天信息）,savenote.jsp（保存上网者送出的信息）,guest.jsp(显示目前

3、上网者的信息)，out.jsp(离开聊天室注销).其中数据库命名为chat.mdb（包括了online表，和chatroom表）表的内容为：以下是对设计的各个版块的描述：1.enter.jsp版块（1）将整个登陆界面设置成上下框架的形式，然后在上框架中放在一个表单下进行进行操作。选择插入—表单（2）写上昵称(颜色为yellow),其后插入的是文本字段，size=20（3）写上性别（颜色为yellow），其后插入的是单选按钮两个（分别名为男，女）初始值为男（4）喜欢的颜色（颜色为yellow），其后插入的是列表框（值为蓝,红，黄，桃色，绿）相应代码

4、ame="color">蓝…（5）更新方式（颜色为yellow），其后插入的是列表框（值为手动更新，每5秒更新，每10秒更新，每30秒更新。相应代码手动更新每5秒更新（6）插入一个按钮，取名为进入聊天室，动作为提交表单。大体式样如下图所示（7）下框架则添加一些注释性的话，让进入者有个了解即可。（8）还设置了对于错误代码就会显示对应信息：<%Stringerror=request.getParameter("error

5、");if(error!=null){if(error.equals("1"))out.println("请输入昵称!");elseif(error.equals("2"))out.println("此昵称已经有人使用了!");elseout.println("请先登陆!");}%>到此这个登陆界面就做完了。它的功能是要求上网者输入以及选择各类信息，处理此表单过程由savadata.jsp进行。也就是下一个版块所描述的2.Savadata.jsp版块这一块我们设计的是savadata数据保存版块。①在程序的开始，这段代码<%@pagecontentType="text/html

6、;charset=GB2312"import="java.sql.*"%>的意思是个固定的格式，是jsp的导引内容，在必要时必须要加上这段代码，contentType="text/html表示格式是text/html，而charset=GB2312是表示内容显示为简体中文，在其中要用到java.sql.*这个包，所以在写导引的时候把它也加了进来。②程序能实现的功能是取得表单上各项信息，if(name.equals(""))用来判断是否输入用户信息，如果用户信息输入为空的话，就用这句response.sendRedirect("enter.jsp?error=1");给出错误信息

7、，并且跳回进入界面enter.jsp。③这三句的作用是获得用户输入的性别，更新方式以及颜色的信息。④这句的作用不是savadata版块的作用，但是是必不可少的，用于以后数据库的连接。⑤这几句是用sql语句写的，用于查询online这张表中有哪些用户以及昵称是什么，因为这条语句已经声明了一个变量是数据库语句，所以直接用smt.executeQuery(sql)来执行查询语句。⑥if语句块中的作用是先检查是否有相同的昵称上线，如果没有，就把用户信息存入session中，并且把昵称，性别加入到on