zoukankan      html  css  js  c++  java
  • cookie实现记住密码功能

    之前在一次面试过程中,被问到前后端如何实现记住密码功能,所以自己也试着做,这是纯js做的。

    一、实现思路

    1.前端页面,自己简单写了一个页面,如下图,不喜勿喷

    2.主要有三个函数

    • setCookie(设置cookie)
    • getCookie((取cookie)
    • delCookie(删除cookie)

    3.用户在页面第一次填写用户名和密码之后,点击提交,提交的时候,判断记住密码复选框是否被选中,如果是选中,则调用setCookie设置cookie,否则就调用delCookie清楚cookie。
    用户第二次进入页面的时候,如果第一次是选中记住密码复选框,则会在页面加载完成之后,就调用getCookie去取cookie,如果cookie存在就从cookie中取出用户名和密码填充到输入框中。如果cookie不存在,就将输入框清空。
    如果想要完整代码,请访问我的github.
    如果觉得还可以,start一下呗,谢谢。

    二、遇到的问题

    • chrome浏览器下不支持js操作cookie
      解决:自己一般使用的是chrome,所以根本不知道,结果百度之后,说将其部署到服务器上可解决这个问题
    • 在将项目部署到tomcat服务器上,访问出现404错误
      解决:之前自己都是将文件放在webapps目录下,这次不行,就将其放在ROOT目录下
    • 部署成功之后,在浏览器中调试,只能存cookie,不能取cookie
      解决:自己将放在ROOT目录下的文件,放在Sublime Text编辑器中编辑,在浏览器中访问的时候,刷新页面出现412错误,针对这个问题,可能是浏览器卡顿问题
      后来重启浏览器就没问题了。然后我测试的时候,打印getCookie的值还是空,后来我将ROOT目录下的文件删除了,重新放了一份,重启tomcat,就ok了。

    参考:
    https://www.jianshu.com/p/fd6a16c8dfa2
    https://www.jianshu.com/p/b5a9b8d74d38

  • 相关阅读:
    博客园定制CSS
    java 锁
    JavaEE各版本web.xml模板
    Thymeleaf
    Appendix
    MATLAB设置双y轴绘图,plotyy怎么设置不同图形色的颜色?坐标轴怎么设置?
    comsol出结果不正确一定要多检查自己的仿真程序有没有问题。 学会少让自己犯错误
    Data&Structural_parameters数据包
    comsol的一些S21,arg(ewfd.Ey)的问题
    origin常用函数
  • 原文地址:https://www.cnblogs.com/sminocence/p/8378210.html
Copyright © 2011-2022 走看看