JavaWeb(21) : 原始框架项目

零、注册流程图与所需要的包

一、项目功能

• 登录
• 注册

二、项目结构与包

2.1、JSP
login.jsp --> 登录表单
regist.jsp --> 注册表单
welcome.jsp --> 登录成功重定向页面

2.2、Servlet
LoginServlet
RegistServlet

2.3、Service
UserService --> 与用户相关的业务类

2.4、Dao
UserDao --> 与用户相关的数据类

2.5、Domain
User（对应数据库，还要对应所有表单）// username password verifyCode

2.6、数据库设计

users.xml
    <users>
      <user username="xxx" password="xxx"/>
      <user username="xxx" password="xxx"/>
    </users>

三、步骤

1. 创建空项目
2. 导包：
  * CommonUtils
  * commons-beanutils.jar
  * commons-logging.jar
  * dom4j
3. 建包
  * cn.itcast.user.domain
    > User
  * cn.itcast.user.dao
    > UserDao
  * cn.itcast.user.service
    > UserService
  * cn.itcast.user.web.servlet
    > LoginServlet
    > RegistServlet
4. jsp
  * login.jsp
  * regist.jsp
  * index.jsp

5. 在F盘下创建一个users.xml文件！
  * 添加根元素<users>
  * 保证文件为utf-8编码！！！

四、注册

regist.jsp
  > 第一步：完成regist.jsp的基本功能！
RegistServlet
  > 封装表单数据，封装到User对象中。
  > 调用service的regist()方法
    * 如果这个方法没有出问题，输出“注册成功”
    * 如果这个方法抛出了异常，把错误信息保存到request域，转发到regist.jsp(显示错误信息)
UserService#regist()
  > 没有返回值，但注册失败抛出一个自定义的异常！可以在异常中添加异常信息！(自定义一个异常类)
  > 校验用户名是否已被注册（通过用户名查询用户），如果已被注册，抛出异常，异常信息为“用户名已被注册！”
  > 添加用户
UserDao：通过业务分析，得到结果：需要提供两个方法
  > 按用户名查询用户对象：User findByUsername(String username)
  > 插入一个用户到数据库中：void add(User user)

工作：
1. 在service层添加一个UserException
2. dao；
  * User findByUsername(String username)
  * void add(User user)
3. service
  * void regist() throws UserException

4. servlet
  1). 封装表单数据到User对象中
  2). 使用user调用service的regist()方法
    3). 如果得到UserException，那么把异常信息保存到request域中，转发回regist.jsp，（数据的回显）
    4). 输出“注册成功”

五、给注册添加验证码

1. VerifyCode类
  * BufferedImage getImage() --> 获取随机的验证码图片
  * String getText() --> 获取图片上的文本
  * static output(BfferedImage, OutputStream) --> 把图片写入到指定的输出流中。

2. VerifyCodeServlet
  * 获取随机验证码图片
  * 把验证码图片上的文本保存到session中
  * 把图片响应到response的outputStream中

3. regist.jsp
  * 添加<img src="指向Servlet" />
  * 添加一个文本框，用来输入验证码
  * “看不清，换一张”，是一个超链接。把上面的<img>的src重新再次指向Servlet！为了处理浏览器的缓存，需要使用时间来做参数！

4. 修改RegistServlet
  * 校验验证码！
  * 错误：保存表单数据到request域、保存错误信息到request域，转发回regist.jsp
  * 正确：什么都不做，向下执行原来代码！

六、服务器端表单（输入）校验

我们把这段校验，放到获取表单数据之后，验证码校验之前！

1. 使用Map类型来装载错误信息！
  * key：表单项名称，例如：username、password、verifyCode
  * value：
    > 非空：用户名不能为空，或者是“密码不能为空”
    > 长度：用户名长度必须在3~20之间　密码长度必须在3~20之间

2. 在校验失败时，向map添加错误信息！那个字段出错，就给哪个字段添加错误信息！
3. 判断map是否为空（长度是否为0），如果不空，说明有错误存在，保存map到request域，保存form到request域（回显），转发回regist.jsp
4. 在regist.jsp页面中，显示map中的错误信息。${map.username}

七、登录功能

页面：login.jsp --> 登录表单！

LoginServlet --> 
  1. 获取表单数据，封装到User中
  2. 调用service的login()方法，传递form过去！
  3. 如果service的login()方法，没有抛出异常！返回一个User对象！
    4. 有异常：获取异常信息，保存到request域，保存form，转发到login.jsp
    5. 没异常：保存返回的user对象到session中！！！重定向到welcome.jsp(显示当前用户信息！)

UserService#login()
  public User login(User form) {...}
  1. 使用用户名查询数据库，得到返回的User
    > 返回为null，抛出异常，异常信息为（用户名不存在）
    > 返回不为null，获取查询出来的user的password与form的password进行比较！如果不同：抛出异常（密码错误！）\
    > 如果相同，返回查询结果！

UserDao
  1. 通过用户名查询用户！(已经存在了，不用再写了！)

八、代码

一、test.dao 包
1.1、StringTest.java :

package test.dao;

public class StringTest {

	public static void main(String[] args) {
		System.out.println("<h1>注册成功!</h1><a href='" + "day14_1" +
			
			"/user/login.jsp" + "'>点击这里去登陆</a>");
	}
}

1.2、UserDaoTest.java :

package test.dao;

import org.junit.Test;

import waf.yty.user.dao.UserDao;
import waf.yty.user.domain.User;

/**
 * UserDao的测试类
 * @author yangtengyu
 *
 */
public class UserDaoTest {
	@Test
	public void testFindByUsername() {
		UserDao userDao = new UserDao();
		User user = userDao.findByUsername("马超");
		System.out.println(user);
	}
	
	@Test
	public void testAdd() {
		UserDao userDao = new UserDao();
		
		User user = new User();
		user.setUsername("莎莉");
		user.setPassword("999");
		userDao.add(user);
	}

}

二、waf.yty.user.dao 包
2.1、UserDao.java ：

package waf.yty.user.dao;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.OutputStreamWriter;
import java.io.UnsupportedEncodingException;

import javax.management.RuntimeErrorException;

import org.dom4j.Document;
import org.dom4j.DocumentException;
import org.dom4j.Element;
import org.dom4j.io.OutputFormat;
import org.dom4j.io.SAXReader;
import org.dom4j.io.XMLWriter;

import waf.yty.user.domain.User;

/**
 * 数据类
 * @author yangtengyu
 *
 */
public class UserDao {
	private String path = "/Users/yangtengyu/desktop/刘波/users.xml";

	/**
	 * 按用户名查询
	 * @param username
	 * @return
	 */
	public User findByUsername(String username) {
		
		SAXReader reader = new SAXReader();
		try {
			Document doc = reader.read(path);
			
			Element ele = (Element) doc.selectSingleNode("//user[@username='" + username + "']");
			
			if (ele == null) return null;
			
			User user = new User();
			String attrUsername = ele.attributeValue("username");
			String attrPassword = ele.attributeValue("password");
			user.setUsername(attrUsername);
			user.setPassword(attrPassword);
			
			return user;
		} catch (DocumentException e) {
			
			throw new RuntimeException(e);
		}
		
	}
	
	/**
	 * 添加用户
	 * @param user
	 */
	public void add(User user) {
		SAXReader reader = new SAXReader();
		try {
			Document doc = reader.read(path);
			
			Element root = doc.getRootElement();
			
			Element userEle = root.addElement("user");
			
			userEle.addAttribute("username", user.getUsername());
			userEle.addAttribute("password", user.getPassword());
			
			/*
			 * 保存文档
			 */
			OutputFormat format = new OutputFormat("\t", true);
			format.setTrimText(true);
			
			try {
				XMLWriter writer = new XMLWriter(
						new OutputStreamWriter(
								new FileOutputStream(path), "UTF-8"),format);
				
				writer.write(doc);
				writer.close();
			} catch (Exception e) {
				
				throw new RuntimeException(e);
			} 
			
	} catch (DocumentException e) {
		
		throw new RuntimeException(e);
		}
	}
}

三、waf.yty.user.domain 包
3.1、User.java :

package waf.yty.user.domain;
/**
 * 实体类
 * @author yangtengyu
 *
 */
public class User {

	private String username;
	private String password;
	private String verifyCode;
	
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getVerifyCode() {
		return verifyCode;
	}
	public void setVerifyCode(String verifyCode) {
		this.verifyCode = verifyCode;
	}
	
	@Override
	public String toString() {
		return "User [username=" + username + ", password=" + password + ", verifyCode=" + verifyCode + "]";
	}
	
	
}

四、waf.yty.user.service包
4.1、UserException.java :

package waf.yty.user.service;
/**
 * 自定义一个异常类
 * 
 * @author yangtengyu
 *
 */
public class UserException extends Exception {

	public UserException() {
		super();
		// TODO Auto-generated constructor stub
	}

	
		
		
	

	public UserException(String message, Throwable cause) {
		super(message, cause);
		// TODO Auto-generated constructor stub
	}

	public UserException(String message) {
		super(message);
		// TODO Auto-generated constructor stub
	}

	public UserException(Throwable cause) {
		super(cause);
		// TODO Auto-generated constructor stub
	}

}

4.2、UserService.java :

package waf.yty.user.service;

import waf.yty.user.dao.UserDao;
import waf.yty.user.domain.User;
/**
 * User的业务逻辑层
 * @author yangtengyu
 *
 */
public class UserService {
	private UserDao userDao = new UserDao();
	/**
	 * 注册功能
	 * @param user
	 * @throws UserException
	 */
	public void regist(User user) throws UserException {
		User user66 = userDao.findByUsername(user.getUsername());
		if (user66 != null) throw new UserException("用户名" + user.getUsername() +"已被注册!");
			
		userDao.add(user);
	}
	/**
	 * 登录功能
	 * @param form
	 * @return
	 * @throws UserException 
	 */
	public User login(User form) throws UserException {
		// TODO Auto-generated method stub
		User user = userDao.findByUsername(form.getUsername());
		
		if (user == null) throw new UserException("用户名不存在!");
			
		if (!form.getPassword().equals(user.getPassword())) {
			throw new UserException("您输入的密码有误!");
		}
		
		return user;
	}
}

五、waf.yty.user.web.servlet 包
5.1、LoginServlet.java :

package waf.yty.user.web.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.itcast.commons.CommonUtils;
import waf.yty.user.domain.User;
import waf.yty.user.service.UserException;
import waf.yty.user.service.UserService;
/**
 * UserServlet层
 * @author yangtengyu
 *
 */
public class LoginServlet extends HttpServlet {

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		
		// 依赖UserService
		UserService userService = new UserService();
		
		// 封装表单数据
		User form = CommonUtils.toBean(request.getParameterMap(), User.class);
		
		// 调用service的login()方法，得到返回的User对象
		try{
		User user = userService.login(form);
		request.getSession().setAttribute("sessionUser", user);
		response.sendRedirect(request.getContextPath() + "/user/welcome.jsp");
		} catch (UserException e) {
			request.setAttribute("msg", e.getMessage());
			request.setAttribute("user", form);
			request.getRequestDispatcher("/user/login.jsp").forward(request, response);
		}

	}

}

5.2、RegistServlet.java :

package waf.yty.user.web.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.itcast.commons.CommonUtils;
import waf.yty.user.domain.User;
import waf.yty.user.service.UserException;
import waf.yty.user.service.UserService;

public class RegistServlet extends HttpServlet {

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		
		UserService userService = new UserService();
		
		User form = CommonUtils.toBean(request.getParameterMap(), User.class);
		
		/*
		 * 添加新任务（表单校验）
		 * 
		 */
		
		Map<String, String> errors = new HashMap<String, String>();
		
		String uname = form.getUsername();
		if (uname == null || uname.trim().isEmpty()) {
			errors.put("uname", "用户名不能为空!");
		} else if(uname.length() < 3 || uname.length() > 15){
			errors.put("uname", "用户名长度必须在3~15之间!");
		}
		
		String pword = form.getPassword();
		if (pword == null || pword.trim().isEmpty()) {
			errors.put("pword", "密码不能为空!");
		} else if(pword.length() < 6 || pword.length() > 18){
			errors.put("pword", "密码长度必须在6~18之间!");
		}
		
		
		String sessionVerifyCode = (String) request.getSession().getAttribute("session_vcode");

		String veryCode = form.getVerifyCode();
		if (veryCode == null || veryCode.trim().isEmpty()) {
			errors.put("veryCode", "验证码不能为空!");
		} else if(veryCode.length() != 4){
			errors.put("veryCode", "验证码长度必须为4");
		}else if (!veryCode.equalsIgnoreCase(sessionVerifyCode)) {
			errors.put("veryCode", "验证码错误!");

		}
		
		/*
		 * 判断map是否为空，不为空说明有错误。
		 */
		if (errors != null && errors.size() > 0) {
			
			request.setAttribute("errors", errors);
			request.setAttribute("user", form);
			request.getRequestDispatcher("/user/regist.jsp").forward(request, response);
			return;
		}
		
//		String sessionVerifyCode = (String) request.getSession().getAttribute("session_vcode");
//		if (!sessionVerifyCode.equalsIgnoreCase(form.getVerifyCode())) {
//			request.setAttribute("msg", "验证码错误!");
//			request.setAttribute("user", form);
//			request.getRequestDispatcher("/user/regist.jsp").forward(request, response);
//			return;
//		}
		
		try {
			userService.regist(form);
			response.getWriter().print("<h1>注册成功!</h1><a href='" + 
			request.getContextPath() +
			"/user/login.jsp" + "'>点击这里去登陆</a>");
		} catch (UserException e) {
			// TODO Auto-generated catch block
			request.setAttribute("msg", e.getMessage());
			
			request.setAttribute("user", form);
			
			request.getRequestDispatcher("/user/regist.jsp").forward(request, response);
		}

	}

}

5.3、VerifyCodeServlet.java :

package waf.yty.user.web.servlet;

import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.itcast.vcode.utils.VerifyCode;

public class VerifyCodeServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		// 创建验证码类
		VerifyCode vc = new VerifyCode();
		// 得到验证码图片
		BufferedImage image = vc.getImage();

		request.getSession().setAttribute("session_vcode", vc.getText());
		
		VerifyCode.output(image, response.getOutputStream());
		

	}


	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		doGet(request, response);

	}

}

六、项目名/user/
6.1、login.jsp :

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    
    <title>My JSP 'login.jsp' starting page</title>
    
  </head>
  
  <body>
<h1>登录</h1>
<p style="color: grey;font-weight: 666">${msg }</p>

<form action="${pageContext.request.contextPath }/LoginServlet" method="post">
用户名：<input type="text" name="username" value="${user.username }"><br>
密  码：<input type="text" name="password" value="${user.password }"><br>
		
<input type="submit" value="登录网咖">
</form>
  </body>
</html>

6.2、regist.jsp :

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    <title>My JSP 'login.jsp' starting page</title>
    
<script type="text/javascript">
	function _change() {
		
		var ele = document.getElementById("vCode");
		ele.src = "${pageContext.request.contextPath }/VerifyCodeServlet?yty=" + new Date().getTime();
	
	}
</script>

  </head>
  
  <body>
<h1>注册</h1>
<p style="color: blue;font-weight: 666">${msg }</p>

<form action="${pageContext.request.contextPath }/RegistServlet" method="post">
用户名：<input type="text" name="username" value="${user.username }">${errors.uname }<br>
密  码：<input type="text" name="password" value="${user.password }">${errors.pword }<br>
验证码：<input type="text" name="verifyCode" value="${user.verifyCode }" size="3">
		<img id="vCode" src="${pageContext.request.contextPath }/VerifyCodeServlet" border="2">
		<a href="javascript:_change()">换一张</a>${errors.veryCode }<br>
<input type="submit" value="注册">
</form>
  </body>
</html>

6.3、welcome.jsp :

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    <title>My JSP 'login.jsp' starting page</title>

  </head>
  
  <body>
<h1>时间就是金钱，我的朋友！</h1>
<c:choose>
	<c:when test="${empty sessionScope.sessionUser }">给爷爬!</c:when>
	<c:otherwise>
		${sessionScope.sessionUser }
	</c:otherwise>
</c:choose>
  </body>
</html>

七、users.xml

<?xml version="1.0" encoding="UTF-8"?>

< users >
< user username=“王五” password=“wangWu”/>
< user username=“徐康健” password=“666”/>
< user username=“莎莉” password=“999”/>
< user username=“太原马超” password=“diyibingnv”/>
< user username=“炼狱小镇” password=“666666”/>
< user username=“让子弹飞” password=“shenpian”/>
< user username=“荒漠迷城米垃圾” password=“de_mirage”/>
< /users >