JavaScript Cookie记录用户上次登陆的时间前言一、Cookie是什么？二、需求分析三、如何判断什么情况下是第一次访问，什么情况下是第n次访问？四、代码如下五、总结

146 阅读 0 评论 97 点赞

我是靠谱客的博主文艺羊，这篇文章主要介绍JavaScript Cookie记录用户上次登陆的时间前言一、Cookie是什么？二、需求分析三、如何判断什么情况下是第一次访问，什么情况下是第n次访问？四、代码如下五、总结，现在分享给大家，希望可以做个参考。

前言

一、Cookie是什么？

二、需求分析

需求：

思路：

三、如何判断什么情况下是第一次访问，什么情况下是第n次访问？

四、代码如下

1.创建登录页面

2.登录成功判断是否为第一次访问

五、总结

前言

最近在学习JavaScript Cookie，课后写的一个小练习，功能是记录用户上次登陆的时间，代码还未优化，有些复杂。

一、Cookie是什么？

1.Cookie 是浏览器访问服务器后，服务器传给浏览器的一段数据。

2. 浏览器需要保存这段数据，不得轻易删除。

3. 此后每次浏览器访问该服务器，都必须带上这段数据。

Cookie 就是这么简单，这就是 Web 开发里 Cookie 的含义。 Cookie 一般有两个作用。第一个作用是识别用户身份

二、需求分析

需求：

用户第一次访问的时候，显示“欢迎，这是您第一次访问”
后续用户继续访问的时候显示“欢迎回来，您上次访问的时间为：yyyy-MM-dd HH:mm:ss

提示1：你要使用cookie来保存该访问时间
提示2：创建servlet，在里面进行逻辑判断，判断是否有你创建的“lastVisit”名字的 cookie
提示3：每次访问的时候都要存储一个cookie 这个cookie的名字要保持一致

思路：

1.创建cookie来保存访问的时间(创建cookie,获取cookie的值)
2.创建servlet来进行判断是否为第一次访问
访问一次，创建一个cookie ，cookie名为：lastVisit
3.显示时间时，因为有空格，所以需要编码和解码
代码：URLEncoder.encode("日期","utf-8");

三、如何判断什么情况下是第一次访问，什么情况下是第n次访问？

（1）第一次访问
   ①获取当前时间，显示到浏览器上
   ②创建Cookie对象，时间作为cookie的值，名字为lastVisit
   ③把cookie发送到浏览器保存
（2）第N次访问
   ①获取cookie的值，取出名为lastVisit的cookie
   ②得到cookie的值（上次访问的时间）
   ③显示上次访问时间到浏览器中
   ④更新名为lastVisit的cookie，值设置为当前时间
   ⑤把更新后的cookie发送给浏览器保存

四、代码如下

1.创建登录页面

代码如下（示例）：

<%--
  Created by IntelliJ IDEA.
  User: 86155
  Date: 2022-09-06
  Time: 9:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="/CookieDemo1" method="post">
    <span>用户名：</span><input type="text" name="username"><br>
    <span>密码：</span><input type="password" name="password"><br>
    <%--使用el表达式去获取域中的值--%>
    <span style="color: red">${requestScope.msg}</span><br>
    <button type="submit">提交</button>
</form>
</body>
</html>

2.登录成功判断是否为第一次访问

代码如下（示例）：

package com.hqyj.j0905.homeWork;
/*
* 记录用户上次登录的时间
* */

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLEncoder;
import java.text.SimpleDateFormat;
import java.util.Date;

@WebServlet("/CookieDemo1")
public class CookieDemo1 extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);

    }


    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置编码样式
        response.setContentType("text/html;charset=utf-8");

        //取得cookie
        Cookie[] cookies = request.getCookies();
        ///定义一个标记，用来表示是否存在指定name的cookie
        boolean flag = true;
        String lastVisit = null;
        //判断cookie是否为空
        if (cookies != null || cookies.length != 0) {
            //遍历
            for (Cookie cookie : cookies) {
                //获取cookie的名称
                // String name = cookie.getName();
                if (cookie.getName().equals("lastVisit")) {
                    //有lastVisit的cookie，已经是第n次访问
                    flag = false;

                    //第n次访问

                    //获取当前时间
                    Date date = new Date();
                    //获取格式化日期对象
                    SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
                    String formatDate = dateFormat.format(date);
                    //对时间字符串进行编码
                    String timeNow = URLEncoder.encode(formatDate, "utf-8");
                    Cookie cookie1 = new Cookie("lastVisit",timeNow);
                    response.addCookie(cookie1);
                    String value = cookie.getValue();//上次访问时间
                    //对获取的值进行解码
                    String valueDecode = URLEncoder.encode(value, "utf-8");
                    cookie.setMaxAge(1 * 30 * 24 * 60 * 60);
                    //3.把更新后的cookie发送到浏览器
                    //response.addCookie(cookie);
                    //获取cookie的value,时间
                    //cookie.setValue(timeNow);
                    //响应页面
                    PrintWriter writer = response.getWriter();
                    writer.write("欢迎回来，您上次访问的时间为:" + valueDecode);
                    break;
                }
            }
        }
        //第一次访问。没有cookie,或者没有名为lastVisit的cookie
        if (cookies == null || cookies.length == 0 || flag) {
            //设置cookie的value
            //获取当前时间的字符串。重写设置cookie的值，重新发送cookie
            Date date = new Date();
            SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            String formatDate = format.format(date);
            String value = URLEncoder.encode(formatDate, "utf-8");
            //2.创建cookie对象
            Cookie cookie1 = new Cookie("lastVisit", value);
            cookie1.setMaxAge(1 * 30 * 24 * 60 * 60);//设置cookie的保存时间为一个月
            //3.把cookie发送给浏览器保存
            response.addCookie(cookie1);
            //1、显示当前时间到浏览器
            response.getWriter().write("欢迎回家，这是您第一次访问");
        }
    }
}