网页设计与制作设计报告 - 网页设计与制作设计报告.doc

网页设计与制作设计报告 题目名称：__：____________________ 指导教师：______________________ ___ ___ 专业班级：_________________________ ___ 姓名：______________________ 学号：_______________ 联系电话：______________________ ___ __ 电子邮件：____456123@126.com______________ __________ 设计日期：??年? 月日?2007? 年?月日报告日期：??? 年??月? ?日成绩：____________select size=1 name=color option value=blue蓝… （5）更新方式（颜色为yellow），其后插入的是列表框（值为手动更新，每5秒更新，每10秒更新，每30秒更新。相应代码select size=1 name=change option selected手动更新 option value=5每5秒更新 （6）插入一个按钮，取名为进入聊天室，动作为提交表单。 大体式样如下图所示 （7）下框架则添加一些注释性的话，让进入者有个了解即可。 （8）还设置了对于错误代码就会显示对应信息： % String error=request.getParameter(error); if(error !=null) { if(error.equals(1)) out.println(请输入昵称!); else if(error.equals(2)) out.println(此昵称已经有人使用了!); else out.println(请先登陆!); } % 到此这个登陆界面就做完了。它的功能是要求上网者输入以及选择各类信息，处理此表单过程由savadata.jsp进行。也就是下一个版块所描述的 2. Savadata.jsp版块 这一块我们设计的是savadata数据保存版块。 ① 在程序的开始，这段代码%@page contentType = text/html;charset = GB2312 import = java.sql.*%的意思是个固定的格式，是jsp的导引内容，在必要时必须要加上这段代码，contentType = text/html表示格式是text/html，而charset = GB2312是表示内容显示为简体中文，在其中要用到java.sql.*这个包，所以在写导引的时候把它也加了进来。 ② 程序能实现的功能是取得表单上各项信息，if(name.equals( ))用来判断是否输入用户信息，如果用户信息输入为空的话，就用这句response.sendRedirect(enter.jsp?error = 1);给出错误信息，并且跳回进入界面enter.jsp。 ③ 这三句的作用是获得用户输入的性别，更新方式以及颜色的信息。 ④ 这句的作用不是savadata版块的作用，但是是必不可少的，用于以后数据库的连接。 ⑤ 这几句是用sql语句写的，用于查询online这张表中有哪些用户以及昵称是什么，因为这条语句已经声明了一个变量是数据库语句，所以直接用smt.executeQuery(sql)来执行查询语句。 ⑥ if语句块中的作用是先检查是否有相同的昵称上线，如果没有，就把用户信息存入session中，并且把昵称，性别加入到online表中，然后导向chatroom.jsp。如果有相同昵称的用户上线就执行else语句，给出错误信息，将页面指向enter页面，最后的con.close()的意思是将数据库给关闭了。 通过以上程序的编写和执行，就完成了savadata.jsp版块的制作 3、Chatroom.jsp版块 （1）将整个页面分为三个框架（采用左侧固定，下方嵌套的方法）其中左边的是guest.jsp的内容，右边的是show.jsp的内容，下边的是note.jsp的内容。 （2）具体的显示方法： frame src=guest.jsp name=guest frameset rows=*,68 cols=* frame src=show.jsp name=show frame src=note.jsp name=note 通过代码将这三个jsp放入对应的框架上去。就可以实现显示。 （3）这里也要设计一个出错信息： if(session.getValue(name)==null) response.sendRedirect(enter.jsp?error=3);表示的是用来