ITPub博客

首页 > IT职业 > IT图书 > 登录界面如何利用Cookie实现记住密码功能

登录界面如何利用Cookie实现记住密码功能

IT图书 作者:gyu 时间:2021-09-09 08:51:55 0 删除 编辑

在做java web网站开发时,为了避免每次登录都需要输入用户名和密码,我们会使用Cookie技术来实现记住密码功能,在这里潘老师使用简单的项目案例来教大家具体的实现过程。

图片描述

本文首发于Java潘老师个人博客:https://www.panziye.com/java/405.html

一、前期准备

1、下载好jquery,在这里我们采用3.5.1版本的jquery.min.js。jquery官网下载地址:点击直达
2、下载好jquery.cookie.js,在这里我们采用1.4.1版本(注意下载后是压缩包,解压后我们只要里面的jquery.cookie.js即可)。官方下载地址:点击直达

二、记住密码功能实现

1、在Eclipse中新建名为demo的java web项目。
2、在WebContent目录下新建js目录,将jquery.min.js和jquery.cookie.js拷贝进去。

图片描述

3、在WebContent目录下新建login.jsp(注意要先引入jquery.min.js,再引入jquery.cookie.js),具体内容如下:

html>

登录页面<!-- 引入jquery和jquery.cookie--><!-- 记住代码脚本实现 -->
 
        用户名:         密码:    记住用户名和密码?      

四、效果图

部署项目,访问login.jsp,发现只要如图效果点击登录后,再次访问登录页,发现用户名和密码已经记住密码选项都正常显示,如果去掉记住用户名密码选项,点击登录,然后再次访问首页就发现,用户名和密码都不会自动填充了。

图片描述

五、总结

以上就是利用Cookie来实现简单的记住用户名和密码功能,有兴趣的同学也可在测试时查看下浏览器的cookie信息,会对此有更深刻的体会。


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/832/viewspace-2797398/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    129
  • 访问量
    1327