1:在WebContent中创建一个叫login.html的页面
1.1 login.html中的布局
利用表单<form>中的<input>来做最好,可以用<div>来设置<input>的样式,再做一个登录的按钮就可以
1.2在<form>中设置与servlet的连接路径及连接方式
2:考虑用户登录时出现的问题:
2.1:验证码输入错误应该显示什么页面,如何显示
创建一个error.html,用于显示“验证码输入错误”的字面信息,并且有一个重新登录的设置(<a>)
2.2:用户名或密码输入错误应该显示什么页面,如何显示
创建一个error01.html,用于显示“用户名或密码输入错误”的字面信息,并且有一个重新登录的设置(<a>)
2.3:成功登录时显示什么页面,如何显示
创建一个success.html,显示“尊敬的会员,欢迎您回来~”的字面信息
3:创建一个servlet,用于连接html
3.1设置编码,防止出现乱码
3.2 获取login.html表单中的值(即用户输入的数据),用getParameter方法
3.3验证验证码是否正确分两步:
3.3.1:验证码正确,然后验证用户名和密码
从数据库中查询一条包含用户名和密码的数据,对输入的用户名和密码进行验证
3.3.1.1如果用户名和密码正确,然后跳转页面至success.html,页面的跳转用请求转发或重定向均可
3.3.1.2 否则然后跳转页面至error01.html,页面的跳转用请求转发或重定向均可
3.3.2:验证码错误,然后跳转页面至error.html,页面的跳转用请求转发或重定向均可