如何制作简单的登录界面步骤

      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,页面的跳转用请求转发或重定向均可

猜你喜欢

转载自www.cnblogs.com/su-chu-zhi-151/p/11202614.html
今日推荐