javaweb课设报告.docx
- 文档编号:28070681
- 上传时间:2023-07-08
- 格式:DOCX
- 页数:26
- 大小:928.58KB
javaweb课设报告.docx
《javaweb课设报告.docx》由会员分享,可在线阅读,更多相关《javaweb课设报告.docx(26页珍藏版)》请在冰豆网上搜索。
javaweb课设报告
洛阳理工学院
课程设计报告
课程名称Javaweb程序开发入门
专业计算机应用技术_
班级_
学号_
姓名
完成日期_
第一总体设计
1.1、设计目的:
1、培养学生运用所学课程《Web程序设计(Java)》的理论知识和技能解决实际问题的能力,使学生在系统开发中得到JavaWeb编程方法及技能的综合训练。
2、培养学生调查研究、查阅技术文献以及编写技术报告的能力。
1.2设计题目:
1.下载并安装JDK、Tomcat、MySQL和Eclipse,完成JavaWeb应用程序开发环境的搭建。
2.使用JSPModel2模型,开发一个用户注册模块,要求:
使用Servlet、JSP和JavaBean技术;界面友好;具有用户输入校验功能,并且在用户输入错误时给出出错信息。
3.使用JSP和JavaScript技术实现一个网络聊天室,功能要求具备一个使用用户昵称登录的页面,在聊天主窗口左侧有当时在线成员列表(建议采用AJAX技术),通过鼠标可以选择说话的对象(不允许自己对自己说话),在聊天时可以设置说话时表情,输入说话的容,单击发送按钮完成会话的发送,会话容实时显示在聊天主窗口,包括发言人、聊天对象、聊天容和会话发起的时间,选作的功能是将会话容保存在数据库中。
1.3.设计要求:
1.对于每个题目,应完成代码编制和调试,保证功能完全实现。
2.编写程序要求利用Eclipse开发工具调试通过。
3设计完成后,需要写成一份实训报告。
第二设计容:
2.1题目一
2.1.1Tomcat服务器启动
Tomcat服务器启动后,在浏览器的地址栏中输入locathost:
8080或者127.0.0.1:
8080访问Tomcat服务器,如果浏览器中的显示界面如图所示,则说明Tomcat服务器安装成功。
如图1图2
图1
图2
2.1.2下载安装JDK
双击图中的JDK图标,开始安装JDK
下一步,选择开发工具在下一步
安装成功
2.1.3下载Eclipse安装包
解压eclipse安装包,打开安装文件,直接下一步安装,点击安装完成即可。
双击图1中的eclipse.exe图标即可安装运行。
图1
图2
选择上图2中的OK后,即安装成功。
2.2题目二
2.2.1分析
开发一个用户注册模块,使用JSPModel2模型。
JSPModel2架构模型采用JSP+Servlet+JavaBean的技术,此技术将原本的JSP页面中的流程控制代码提取出来,封装到Servlet中,从而实现真个程序页面显示、流程控制和业务逻辑分离。
实际上JSPModel2模型就是MVC设计模型,其中控制器的角色是由Servlet实现的,视图的角色是由JSP页面实现,模型的角色是由JavaBean实现。
图9.3是描述Model2的工作原理。
JSPModel模型是一种MVC模式。
由于MVC模式中的功能模式中的功能模块相互独立,并且使用该模式的软件具有极高的可维护性、可扩展性和可复用性。
按照JSPModel2的模型思想编写一个用户注册的程序,该程序中包含两个JSP页面register.jsp和loginSuccess.jsp、一个Servlet类ControllerServlet.java、两个JavaBean类RegisterFormBean.java和UserBean.java、一个访问数据库的辅助类DBUtil.java,这些组件的关系如图9-8
总体结构图:
2.2.2用户注册设计思想
2.2.3用户注册功能实现
先实现用户注册界面register.jsp点击注册后进入ControllerServlet跳转页面,然后跳转到loginSuccess.jsp登录成功页面,
开始实现注册的功能,定义用户类UserBean,用来封装用户的信息,UserBean.java类中定义三个String类型的属性name、password和email。
代码没如下:
创建一个RegisterFormBean.java类,类定义4个String类型的属性name、password、password2和email属性以及一个Map类型的成员变量error,其中name,password,password2和email属性用于引用注册表单页面传入的用户名、密码、确认密码和email信息,error成员变量用于封装表单验证时的错误信息,主要部分代码如下:
publicbooleanvalidate(){
booleanflag=true;
if(name==null||name.trim().equals("")){
errors.put("name","请输入.");
flag=false;
}
if(passwod==null||passwod.trim().equals("")){
errors.put("password","请输入密码.");
flag=false;
}
elseif(passwod.length()>12||passwod.length()<6){
errors.put("password","请输入6-12个字符.");
flag=false;
}
if(passwod!
=null&&!
passwod.equals(password2)){
errors.put("password2","两次输入的密码不匹配.");
flag=false;
}
if(email==null||email.trim().equals("")){
errors.put("email","请输入.");
flag=false;
}
elseif(!
email.matches("[a-zA-Z0-9_-]+[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+")){
errors.put("email","格式错误.");
flag=false;
}
returnflag;
}
创建一个模拟数据库类,DBUtil.java。
主要实现两个功能,第一个功能是定义一个HashMap集合uesrs,用于模拟数据库,并向数据库中存入了两条信息,第二个功能是定义了getUser()方法和insertUser()方法来操作数据库,其中getUser()方法用于获取数据库中的用户信息,insertUser()方法用户数据库中插入的用户信息,需要注意的是,在insertUser()方法进行信息插入操作之前会判断数据库中是否存在同名的信息,如果存在则不执行插入操作,方法返回false,反之表示插入操作成功,方法返回true.主要功能代码如下:
p
创建的RegisterFormBean.java对象用于封装表单提交的信息。
当对RegisterFormBean对象进行校验时,如果校验失败,程序就会跳转的regsiter.jsp注册页面,让用户重新填写注册信息。
如果校验通过,那么注册的信息就会封装到UserBean对象中,并通过DBUtil的intertUser()对象插入到数据库。
intertUser()方法有一个boolean类型的返回值,如果返回为false,表示插入操作失败,程序跳转到register.jsp注册页面;分之,程序跳转到loginsuccess.jsp,表示用户登录成功。
主要代码如下:
publicclassControllerServletextendsHttpServlet{
protectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
this.doPost(req,resp);
}
Override
protectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
resp.setHeader("Content-type","text/html;charset=GBK");
resp.setCharacterEncoding("GBK");
Stringname=req.getParameter("name");
Stringpasswod=req.getParameter("password");
Stringpasswod2=req.getParameter("password2");
Stringemail=req.getParameter("email");
RegisterFormBeanformBean=newRegisterFormBean();
formBean.setName(name);
formBean.setPasswod(passwod);
formBean.setPassword2(passwod2);
formBean.setEmail(email);
if(!
formBean.validate()){
req.setAttribute("formBean",formBean);
req.getRequestDispatcher("/register.jsp").forward(req,resp);
return;
}
UserBeanuserBean=newUserBean();
userBean.setName(name);
userBean.setPassword(passwod);
userBean.setEmail(email);
booleanb=DBUtil.getInstance().insertUser(userBean);
if(!
b){
req.setAttribute("DBMes","你注册的用户已存在");
req.setAttribute("formBean",formBean);
req.getRequestDispatcher("/register.jsp").forward(req,resp);
return;
}
resp.getWriter().print("恭喜你注册成功,3秒钟自动跳转");
req.getSession().setAttribute("userBean",userBean);
resp.setHeader("refresh","3;url=loginSuccess.jsp");
}
}
基本功能已经实现,下面开始验证是否成功,在eclipse中重启tomcat服务器,在浏览器中输localhost:
8080/Userload/register.jsp。
如果正确的话会出现如下页面,
下面开始实现注册的功能,分别在,密码,确认密码和中输入你的信息,确认无误后,点击错误,会进入跳转页面如图1,最后跳转到登录成功页图2。
图1
、
图2
2.3题目三
2.3.1聊天室设计思想
在ChatRoom下新建包dao,在包里新建classDBOper和sqlccww;在luanma包里新建classStringUtils;在model包里新建classsqlcc和UserInfo;在servlet包里新建Messages和UserListener。
在WebContent里新建index.jsp、login.jsp、login_ok.jsp,online.jsp,logout.jsp、send.jsp、safe.jsp、content.jsp,main.jsp,文件,其中dao包里新建的classDBOper和sqlccww是有关数据库的定义;luanma包里新建的classStringUtils用来处理中文乱码问题;model包里新建的classsqlcc和UserInfo是定义数据库变量的模板和用户信息;servlet包里新建的Messages和UserListener是用来处理发送的信息和实现用户在线登陆的程序;index.jsp为登陆索引提示信息;login.jsp为登陆页面、login_ok.jsp提示登陆成功信息;online.jsp在线信息;logout.jsp退出信息;send.jsp发送消息、safe.jsp安全登录提示信息、main.jsp设置聊天容的主要处理程序。
最后要设置web.xml文件。
以上设置完成后在SQLyogUltimate里新建数据库zyh,在数据库zyh里新建表sqlcc,在表里完成列名,主键等相关设置。
2.3.2聊天室模块划分
该聊天室系统主要分为如下几个功能模块,如下所示:
●用户无需注册即可登录聊天室。
●系统可以监视每个用户的进入和离开,并且显示相关信息。
●用户可以对所有人或者指定的某一个人发送聊天容。
●用户可以实时查看聊天室的聊天容。
●聊天文字可以选择不同的颜色。
●管理员可以将不遵守聊天室规章的用户踢出聊天室。
2.3.3系统功能结构图
2.3.4chatroom的模块设计分析
登陆进入页面用户在线列表表情选择
Login.jsp,index.jsp,login_ok.jsp处理程序Online.jsp等处理程序
字体颜色选择
;蓝色开朗,红色热情、桃色浪漫,烟雨蒙蒙等
聊天信息保存到数据库
退出聊天室
Sqlcc.java和sqlccww.java等处理程序Leave.jsp和safe,jsp等处理程序
2.3.5ChatRoom的关键技术
Ajax重构技术
在Ajax应用中,JavaScript是主体,所以一个Ajax应用系统的性能问题也就是JavaScript代码的性能问题。
JavaScript并不是一个高性能的语言,它不能像C语言那样进行快速的计算;JavaScript中的对象也不是轻量级的,特别是DOM元素,它们通常都会占用大量的存;不同的Web浏览器都包含缺陷,很容易造成存泄露;成熟的Ajax应用的JavaScript代码量将远远超过传统Web应用的代码量。
上述种种情况都会导致JavaScript出现性能问题。
随着Ajax应用程序的不断扩展,将会有越来越多的JavaScript代码应用到Ajax中,这可能导致许多意想不到的问题。
因此有必要对Ajax代码进行重构。
下面将介绍实现Ajax重构的基本步骤。
创建一个单独的JS文件,名称为AjaxRequest.js,并且在该文件中编写重构Ajax所需的代码。
那么,在需要应用Ajax的页面中应用以下的语句包含JS文件“AjaxRequest.js”。
2.3.6代码设计
A.设计用户登录界面,使用户输入用户名能够进入聊天室
<%pagecontentType="text/html"pageEncoding="UTF-8"%>
聊天室
functioncheck(){
if(form1.username.value==""){
alert("请输入用户名!
");form1.username.focus();returnfalse;
}elseif(form1.username.value=="\'"){
alert("请不要输入非法字符!
");form1.username.focus();returnfalse;
}
}
action=loginRoom"onSubmit="returncheck()">
B.显示用户登录信息,判断用户是否登录,以及在聊天室中显示登录时间,设置用户登录页面过期时间。
<%pagecontentType="text/html"pageEncoding="UTF-8"%>
<%pageimport="java.util.*"%>
<%pageimport=".wgh.model.UserInfo"%>
<%pageimport=".wgh.servlet.UserListener"%>
<%
Stringusername=request.getParameter("username");//获得登录用户名
UserInfouser=UserInfo.getInstance();//获得UserInfo类的对象
session.setMaxInactiveInterval(600);//设置Session的过期时间为10分钟
Vectorvector=user.getList();
booleanflag=true;//标记是否登录的变量
//判断用户是否登录
if(vector!
=null&&vector.size()>0){
for(inti=0;i if(user.equals(vector.elementAt(i))){ out.println(" flag=false; break; } } } //保存用户信息 if(flag){ UserListenerul=newUserListener(); ul.setUser(username); session.setAttribute("user",ul); session.setAttribute("username",username); user.addUser(ul.getUser()); //保存当前登录的用户名 session.setAttribute("loginTime",newDate().toLocaleString());//保存登录时间 response.sendRedirect("Messages? action=loginRoom"); } %> C.通过聊天室登录界面进入聊天室,设置聊天心情,聊天对象,聊天容输入的实现,以及发送功能的实现可以设置如下相关功能: 2.3.7聊天室功能实现 在编程环境中运行index.jsp,输入用户名guo,进入聊天室,在浏览器地址输入localhost: 8080/WebContent/index.jsp进入登录界面,输入用户名上线,如图1所示 图1 在聊天室中选择聊天对象,聊天心情,填写聊天容发送,在另一个页面中也可以接收到用户信息,如图2: 图2 2.4题目四 使用Servlet、JSP和JavaScript技术实现一个照片上传模块,功能要求能够上传照片(建议使用Servlet技术和CommonFileUpload库),可以选择照片的裁剪功能(建议使用JavaScript技术),当照片经过上传和裁剪后可以在线浏览。 2.4.1开发环境: JDK、Tomcat、MySQL和Eclipse 2.4.2系统分析: 系统要实现的功能是有效性判断以及相关对象的关联关系,涉及到程序的算法,JAVAweb中的对象认识: 1.整体风格 2.系统要实现的功能: 用户交互功能 3.控件之间的逻辑关系 4.程序算法 5.客户端开发技术中对象的认识 6.界面设计: 有效性、交互性 7.代码设计: 剪裁图片的代码如下:
图片实际宽度:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- javaweb 报告