javaweb课设报告.docx

javaweb课设报告.docx

《javaweb课设报告.docx》由会员分享，可在线阅读，更多相关《javaweb课设报告.docx（15页珍藏版）》请在冰豆网上搜索。

javaweb课设报告

洛阳理工学院

课程设计报告

课程名称Javaweb程序开发入门

专业计算机应用技术_

班级_

学号_

姓名

完成日期_

5

5

5

6

7

0

1

1

第一总体设计

、设计目的：

１、培养学生运用所学课程《Web程序设计（Java）》的理论知识和技能解决实际问题的能力，使学生在系统开发中得到JavaWeb编程方法及技能的综合训练。

2、培养学生调查研究、查阅技术文献以及编写技术报告的能力。

设计题目：

1．下载并安装JDK、Tomcat、MySQL和Eclipse，完成JavaWeb应用程序开发环境的搭建。

2．使用JSPModel2模型，开发一个用户注册模块，要求：

使用Servlet、JSP和JavaBean技术；界面友好；具有用户输入校验功能，并且在用户输入错误时给出出错信息。

3．使用JSP和JavaScript技术实现一个网络聊天室，功能要求具备一个使用用户昵称登录的页面，在聊天主窗口左侧有当时在线成员列表（建议采用AJAX技术），通过鼠标可以选择说话的对象（不允许自己对自己说话），在聊天时可以设置说话时表情，输入说话的内容，单击发送按钮完成会话的发送，会话内容实时显示在聊天主窗口内，包括发言人姓名、聊天对象姓名、聊天内容和会话发起的时间，选作的功能是将会话内容保存在数据库中。

.设计要求：

1.对于每个题目，应完成代码编制和调试，保证功能完全实现。

2.编写程序要求利用Eclipse开发工具调试通过。

3设计完成后，需要写成一份实训报告。

第二设计内容：

题目一

Tomcat服务器启动后，在浏览器的地址栏中输入或者访问Tomcat服务器，如果浏览器中的显示界面如图所示，则说明Tomcat服务器安装成功。

如图1图2

图1

图2

JDK

双击图中的JDK图标，开始安装JDK

下一步，选择开发工具在下一步

安装成功

解压eclipse安装包，打开安装文件，直接下一步安装，点击安装完成即可。

双击图1中的图标即可安装运行。

图1

图2

选择上图2中的OK后，即安装成功。

题目二

开发一个用户注册模块，使用JSPModel2模型。

JSPModel2架构模型采用JSP+Servlet+JavaBean的技术，此技术将原本的JSP页面中的流程控制代码提取出来，封装到Servlet中，从而实现真个程序页面显示、流程控制和业务逻辑分离。

实际上JSPModel2模型就是MVC设计模型，其中控制器的角色是由Servlet实现的，视图的角色是由JSP页面实现，模型的角色是由JavaBean实现。

图是描述Model2的工作原理。

JSPModel模型是一种MVC模式。

由于MVC模式中的功能模式中的功能模块相互独立，并且使用该模式的软件具有极高的可维护性、可扩展性和可复用性。

按照JSPModel2的模型思想编写一个用户注册的程序，该程序中包含两个JSP页面register.jsp和、一个Servlet类、两个JavaBean类和、一个访问数据库的辅助类，这些组件的关系如图9-8

总体结构图：

设计思想

先实现用户注册界面点击注册后进入ControllerServlet跳转页面，然后跳转到登录成功页面，

开始实现注册的功能，定义用户类UserBean,用来封装用户的信息，类中定义三个String类型的属性name、password和email。

代码没如下：

创建一个类，类定义4个String类型的属性name、password、password2和email属性以及一个Map类型的成员变量error,其中name,password,password2和email属性用于引用注册表单页面传入的用户名、密码、确认密码和email信息，error成员变量用于封装表单验证时的错误信息，主要部分代码如下：

publicbooleanvalidate（）{

booleanflag=true;

if（name==null||（）.equals（""））{

（"name","请输入姓名."）;

flag=false;

}

if（passwod==null||（）.equals（""））{

（"password","请输入密码."）;

flag=false;

}

elseif（）>12||（）<6）{

（"password","请输入6-12个字符."）;

flag=false;

}

if（passwod!

=null&&!

（password2））{

（"password2","两次输入的密码不匹配."）;

flag=false;

}

if（email==null||（）.equals（""））{

（"email","请输入邮箱."）;

flag=false;

}

elseif（!

（"[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+（\\.[a-zA-Z0-9_-]+）+"））{

（"email","邮箱格式错误."）;

flag=false;

}

returnflag;

}

创建一个模拟数据库类，。

主要实现两个功能，第一个功能是定义一个HashMap集合uesrs,用于模拟数据库，并向数据库中存入了两条信息，第二个功能是定义了getUser（）方法和insertUser（）方法来操作数据库，其中getUser（）方法用于获取数据库中的用户信息，insertUser（）方法用户数据库中插入的用户信息，需要注意的是，在insertUser（）方法进行信息插入操作之前会判断数据库中是否存在同名的信息，如果存在则不执行插入操作，方法返回false，反之表示插入操作成功，方法返回true.主要功能代码如下：

p

创建的对象用于封装表单提交的信息。

当对RegisterFormBean对象进行校验时，如果校验失败，程序就会跳转的注册页面，让用户重新填写注册信息。

如果校验通过，那么注册的信息就会封装到UserBean对象中，并通过DBUtil的intertUser（）对象插入到数据库。

intertUser（）方法有一个boolean类型的返回值，如果返回为false，表示插入操作失败，程序跳转到注册页面；分之，程序跳转到,表示用户登录成功。

主要代码如下：

publicclassControllerServletextendsHttpServlet{

protectedvoiddoGet（HttpServletRequestreq,HttpServletResponseresp）

throwsServletException,IOException{

（req,resp）;

}

@Override

protectedvoiddoPost（HttpServletRequestreq,HttpServletResponseresp）

throwsServletException,IOException{

（"Content-type","text/html;charset=GBK"）;

（"GBK"）;

Stringname=（"name"）;

Stringpasswod=（"password"）;

Stringpasswod2=（"password2"）;

Stringemail=（"email"）;

RegisterFormBeanformBean=newRegisterFormBean（）;

（name）;

（passwod）;

（passwod2）;

（email）;

if（!

（））{

（"formBean",formBean）;

（"/"）.forward（req,resp）;

return;

}

UserBeanuserBean=newUserBean（）;

（name）;

（passwod）;

（email）;

booleanb=（）.insertUser（userBean）;

if（!

b）{

（"DBMes","你注册的用户已存在"）;

（"formBean",formBean）;

（"/"）.forward（req,resp）;

return;

}

（）.print（"恭喜你注册成功，3秒钟自动跳转"）;

（）.setAttribute（"userBean",userBean）;

（"refresh","3;url="）;

}

}

基本功能已经实现，下面开始验证是否成功，在eclipse中重启tomcat服务器，在浏览器中输。

如果正确的话会出现如下页面，

下面开始实现注册的功能，分别在姓名，密码，确认密码和邮箱中输入你的信息，确认无误后，点击错误，会进入跳转页面如图1，最后跳转到登录成功页图2。

图1

、

图2

题目三

在ChatRoom下新建包dao,在包里新建classDBOper和sqlccww；在luanma包里新建classStringUtils；在model包里新建classsqlcc和UserInfo;在servlet包里新建Messages和UserListener。

在WebContent里新建、、,,、、、,,文件，其中dao包里新建的classDBOper和sqlccww是有关数据库的定义；luanma包里新建的classStringUtils用来处理中文乱码问题；model包里新建的classsqlcc和UserInfo是定义数据库变量的模板和用户信息；servlet包里新建的Messages和UserListener是用来处理发送的信息和实现用户在线登陆的程序；为登陆索引提示信息；为登陆页面、提示登陆成功信息；在线信息；退出信息；发送消息、安全登录提示信息、设置聊天内容的主要处理程序。

最后要设置文件。

以上设置完成后在SQLyogUltimate里新建数据库zyh，在数据库zyh里新建表sqlcc，在表里完成列名，主键等相关设置。

该聊天室系统主要分为如下几个功能模块，如下所示：

●用户无需注册即可登录聊天室。

●系统可以监视每个用户的进入和离开，并且显示相关信息。

●用户可以对所有人或者指定的某一个人发送聊天内容。

●用户可以实时查看聊天室内的聊天内容。

●聊天文字可以选择不同的颜色。

●管理员可以将不遵守聊天室规章的用户踢出聊天室。

chatroom的模块设计分析

登陆进入页面用户在线列表表情选择

,处理程序等处理程序

红着脸无表情的，微笑着，笑呵呵地，温柔的，幸福的嘟着嘴，热泪盈眶的，依依不舍的，得意的等

字体颜色选择

style="color:

#FF0000"

value="FF0000">红色热情；蓝色开朗，红色热情、桃色浪漫，烟雨蒙蒙等

聊天信息保存到数据库

退出聊天室

和等处理程序和safe,jsp等处理程序

的关键技术

Ajax重构技术

在Ajax应用中，JavaScript是主体，所以一个Ajax应用系统的性能问题也就是JavaScript代码的性能问题。

JavaScript并不是一个高性能的语言，它不能像C语言那样进行快速的计算；JavaScript中的对象也不是轻量级的，特别是DOM元素，它们通常都会占用大量的内存；不同的Web浏览器都包含缺陷，很容易造成内存泄露；成熟的Ajax应用的JavaScript代码量将远远超过传统Web应用的代码量。

上述种种情况都会导致JavaScript出现性能问题。

随着Ajax应用程序的不断扩展，将会有越来越多的JavaScript代码应用到Ajax中，这可能导致许多意想不到的问题。

因此有必要对Ajax代码进行重构。

下面将介绍实现Ajax重构的基本步骤。

创建一个单独的JS文件，名称为，并且在该文件中编写重构Ajax所需的代码。

那么，在需要应用Ajax的页面中应用以下的语句包含JS文件“”。

在应用Ajax的页面中编写错误处理的方法，使用functiononerror（）,functiongetCheckCodel（）是实例化Ajax对象的方法，而functiondeal_getCheckCode（）则是回调函数。

代码设计

A．设计用户登录界面，使用户输入用户名能够进入聊天室

<%@pagecontentType="text/html"pageEncoding="UTF-8"%>

functioncheck（）{

}

}

用户名：

B．显示用户登录信息，判断用户是否登录，以及在聊天室中显示登录时间，设置用户登录页面过期时间。

<%@pagecontentType="text/html"pageEncoding="UTF-8"%>

<%@pageimport=".*"%>

<%

Stringusername=（"username"）;oLocaleString（））;过聊天室登录界面进入聊天室，设置聊天心情，聊天对象，聊天内容输入的实现，以及发送功能的实现可以设置如下相关功能：

聊天室功能实现

在编程环境中运行，输入用户名guo,进入聊天室，在浏览器地址输入进入登录界面，输入用户名上线，如图1所示

图1

在聊天室中选择聊天对象，聊天心情，填写聊天内容发送，在另一个页面中也可以接收到用户信息，如图2：

图2

题目四

使用Servlet、JSP和JavaScript技术实现一个照片上传模块，功能要求能够上传照片（建议使用Servlet技术和CommonFileUpload库），可以选择照片的裁剪功能（建议使用JavaScript技术），当照片经过上传和裁剪后可以在线浏览。

JDK、Tomcat、MySQL和Eclipse

系统分析：

系统要实现的功能是有效性判断以及相关对象的关联关系，涉及到程序的算法，JAVAweb中的对象认识：

1.整体风格

2.系统要实现的功能：

用户交互功能

3.控件之间的逻辑关系

4.程序算法

5.客户端开发技术中对象的认识

6.界面设计：

有效性、交互性

7.代码设计：

剪裁图片的代码如下：

"/>