功能:
> 注册
> 登录
---------------------------------
JSP:
* login.jsp --> 登录表单
* regist.jsp --> 注册表单
* index.jsp --> 主页(只有登录成功才能看到)
Servlet:
* LoginServlet
* RegistServlet
Service:
* UserService --> 与用户相关的业务类
Dao:
* UserDao --> 与用户相关的数据类
Domain:
* User(对应数据库,还要对应所有表单)
> username
> password
> verifyCode
---------------------------------
数据库设计
* users.xml(注意表头)
<users>
<user username="xxx" password="xxx"/>
<user username="xxx" password="xxx"/>
</users>
---------------------------------
步骤:
1. 创建空项目
2. 导包:
* CommonUtils
* commons-beanutils.jar
* commons-logging.jar
* dom4j
* jstl.jar
* standard.jar
3. 建包
* com.pwc.user.domain
> User
* com.pwc.user.dao
> UserDao
* com.pwc.user.service
> UserService
* com.pwc.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. 通过用户名查询用户!(方法已经存在了!)
=================================
注册流程
![图片](https://i-blog.csdnimg.cn/blog_migrate/8f4c79509cda7a0a943eb3a7328dfa34.png)
=================================
注册流程
![图片](https://i-blog.csdnimg.cn/blog_migrate/8f4c79509cda7a0a943eb3a7328dfa34.png)
验证流程
![图片](https://i-blog.csdnimg.cn/blog_migrate/88c94d7a7bd4482288821e21e4cc36c0.png)