登陆页面_jsp+java servlet实现简单用户登录和注册页面

57fd7121c85e91acfa3e506f8628d819.png

jsp+java servlet实现简单用户登录(使用数据库,包括注册页面)

功能介绍

本项目通过使用jsp和servlet实现简单的用户登录。主要逻辑为:

  • 如果用户不存在,则首先进行注册(注册信息同步到数据库中)。
  • 进行注册后,可进入登录页面对账号进行登录。
  • 如果账号存在,则正确跳转到欢迎界面,否则提示用户账号信息输入错误。
  • 用户进行登录页面时需要填写验证码同时可勾选是否两周内免登陆。
  • 用户进入欢迎界面,则会显示这是用户第几次登录,如果不是第一次登录则会显示上次登录时间。
  • 如果用户直接进入welcome,(没有进行登录,直接打开welcome.jsp)则会跳转到登录页面,防止非法登录。

前期工作准备

1.安装了Tomcat并可以成功使用。
2.由于需要与数据库连接,本项目使用的是mysql数据库,需要引入
mysql-connector-java-5.1.9.jar包(可在官方下载或者通过maven引入mysql依赖),需要注意mysql-connector-java-5.1.9.jar需要放在C:Program FilesJavajdk1.8.0_201jrelibext路径下,否则会出现连接数据库异常。
引入maven依赖:

4a79e06e735d4b38f09cd5d09ce61ed2.png

实现登录页面

创建数据库

404292ca78fea47a446162739df0de2f.png

此时数据库为空,无数据需要先进行注册才能登陆成功。

三个页面处理

欢迎界面(LoginServlet.jsp)

1.代码

d7a694ab34502d0b5ee3469b8903518c.png

2.页面如下:

cfddc61f8ab0c356ae49a6b30efde06a.png

验证码(index.jsp)

(点击验证码可以实现更新验证码)

6312b13f1d43d4f9ad57e8d2b15e4a48.png

1672b7066a2b9d4c2728ced8cd2baff1.png

登录处理页面(LoginCl.java(servlet))

业务逻辑处理页面

73ae2567d7541151608d8cb0dd419d08.png

如果当前不存在该用户,则会输出账号密码错误等信息,存在该用户则会跳转到欢迎界面。

欢迎界面(welcome.jsp)

f33c981e25b50eb84bf0d2edaebd0d89.png

实现注册页面

信息注册(register.jsp)

67589254a474a671bcdc3bf63b6ac100.png

6b279cbef2386a73612be3636c51b00a.png

点击注册后则会跳转到注册成功页面,将其账号和密码进行存储到数据库中,后可以直接进行登录。

注册成功页面(registerMessage.jsp)

2208ab7dd9935f99b34d810b54480ed7.png

58fac029a3e24f89354a2bb5675e82f7.png

(如下所示,数据添加成功)

a60d3e2239187ef8911b7cc6c33540f7.png

功能演示

至此此项目结束,我演示一下登录时的场景。
1.数据库数据

77e5cc8edad45c7600ad639574e0a566.png

2.输入数据库中没有的信息

cfddc61f8ab0c356ae49a6b30efde06a.png

6d6bd861112b9e0fe44c1d2d4d02e54a.png

3.账号密码正确

fff1386722b01c58b4220b343d8291c9.png

ps:需要注意一定要填写账户或者密码或者验证码,否则则会弹出错误窗口。
eg:

ae12e61bf776cb6a6692ba0a903ae743.png

f588d2a6206c1207ab525b6a86c9e694.png

0d9abda82328106dd35119b8c13bfcf7.png

总结

此项目需要用到的知识点比较多,其中包括 jsp,servlet,mysql,cookie, Javabean等。需要将学到的web知识联系起来。有不懂的代码问题欢迎提问。

原作者姓名:IT界的徐小渣
原出处:CSDN
原文链接:jsp+java servlet实现简单用户登录和注册页面(连接数据库,登录页面包含验证码,两周内免登陆等功能)

版权声明:本文为weixin_29327525原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。