2020-03-23

2020-03-23_第1张图片


2020-03-23_第2张图片

一。案例功能分析

1、登录失败

用户名或密码错误

验证码错误

回到登录页面

2、登录成功

如果勾选了记住用户名复选框

利用Cookie记住登录成功的用户的用户名

需要将用户信息保存到Session中

进行页面跳转,跳到成功页面案例功能分析

创建Web项目


2020-03-23_第3张图片

二、引入Jar包


2020-03-23_第4张图片

三、创建包结构


2020-03-23_第5张图片

四、引入工具类和配置文件


2020-03-23_第6张图片

五、引入相关的类并修改

Servlet2还需要修改配置文件web.xml

Servlet3以注解形式注册的,不需要写web.xml


2020-03-23_第7张图片

六、创建登录页面

    页面代码


2020-03-23_第8张图片

七。一次性验证码的分析

一次性验证码的作用

    防止恶意灌水,而且一次性验证码只能够使用一次,不管成功或者失败,验证码都将失效

一次性验证码的校验

    一次性验证码生成:随机生成4个字母或数字,由Response生成一张图片响应到页面


2020-03-23_第9张图片

八。一次性验证码的实现

生成验证码图片

复制Servlet到指定的包下


2020-03-23_第10张图片

 Servlet2需要修改web.xml完成该Servlet的配置

在页面中引入Servlet


2020-03-23_第11张图片

将随机生成的字母或数字保存到Session中


2020-03-23_第12张图片

九。校验一次性验证码


2020-03-23_第13张图片

一次性验证码的点击按钮切换图片

点击按钮切换图片

代码实现

提供超链接


编写JS的函数


2020-03-23_第14张图片

你可能感兴趣的:(2020-03-23)