洛阳理工学院课程设计报告课程名称 Java web程序开发入门专业计算机应用技术 _班级 _学号 _姓名完成日期 _目录第一总体设计 (4)1.1、设计目的： (4)1.2设计题目： (4)1.3.设计要求： (4)第二设计容： (5)2.1 题目一 (5)2.1.1Tomcat服务器启动 (5)2.1.2下载安装JDK (6)2.1.3下载Eclipse安装包 (7)2.2题目二 (8)2.2.1分析 (8)2.2.2用户注册设计思想 (9)2.2.3用户注册功能实现 (9)2.3题目三 (15)2.3.1聊天室设计思想 (15)2.3.2聊天室模块划分 (15)2.3.3系统功能结构图 (18)2.3.4 chatroom的模块设计分析 (16)2.3.5ChatRoom 的关键技术 (19)2.3.6 代码设计 (17)2.3.7 聊天室功能实现 (20)2.4题目四 (21)2.4.1开发环境： (21)2.4.2 系统分析： (25)2.4.3功能实现： (26)第三实训心得 (29)第一总体设计1.1、设计目的：１、培养学生运用所学课程《Web程序设计(Java)》的理论知识和技能解决实际问题的能力，使学生在系统开发中得到Java Web编程方法及技能的综合训练。
2、培养学生调查研究、查阅技术文献以及编写技术报告的能力。
1.2设计题目：1．下载并安装JDK、Tomcat、MySQL和Eclipse，完成Java Web应用程序开发环境的搭建。
2．使用JSP Model2模型，开发一个用户注册模块，要求：使用Servlet、JSP和Java Bean技术；界面友好；具有用户输入校验功能，并且在用户输入错误时给出出错信息。
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图22.1.2下载安装JDK双击图中的JDK图标，开始安装JDK下一步，选择开发工具在下一步安装成功2.1.3下载Eclipse安装包解压eclipse安装包，打开安装文件，直接下一步安装，点击安装完成即可。
双击图1中的eclipse.exe图标即可安装运行。
图1图2选择上图2中的OK后，即安装成功。
2.2题目二2.2.1分析开发一个用户注册模块，使用JSP Model2模型。
JSP Model2架构模型采用JSP+Servlet+JavaBean的技术，此技术将原本的JSP页面中的流程控制代码提取出来，封装到Servlet中，从而实现真个程序页面显示、流程控制和业务逻辑分离。
实际上JSP Model2模型就是MVC设计模型，其中控制器的角色是由Servlet实现的，视图的角色是由JSP页面实现，模型的角色是由JavaBean实现。
图9.3是描述Model2的工作原理。
JSP Model模型是一种MVC模式。
由于MVC模式中的功能模式中的功能模块相互独立，并且使用该模式的软件具有极高的可维护性、可扩展性和可复用性。
按照JSP Model2的模型思想编写一个用户注册的程序，该程序中包含两个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成员变量用于封装表单验证时的错误信息，主要部分代码如下：public boolean validate(){boolean flag=true;if (name==null||name.trim().equals("")){errors.put("name","请输入.");flag=false;}if (passwod==null||passwod.trim().equals("")){errors.put("password","请输入密码.");flag=false;}else if(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;}else if (!email.matches("[a-zA-Z0-9_-]+[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+")){ errors.put("email", "格式错误.");flag=false;}return flag;}④创建一个模拟数据库类，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,表示用户登录成功。
主要代码如下：public class ControllerServlet extends HttpServlet{protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {this.doPost(req, resp);}Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {resp.setHeader("Content-type", "text/html;charset=GBK");resp.setCharacterEncoding("GBK");String name=req.getParameter("name");String passwod=req.getParameter("password");String passwod2=req.getParameter("password2");String email=req.getParameter("email");RegisterFormBean formBean=new RegisterFormBean();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;}UserBean userBean=new UserBean();userBean.setName(name);userBean.setPassword(passwod);userBean.setEmail(email);boolean b=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。