客户端会话技术cookie，服务器端会话技术session，JSP入门，验证码

已于 2023-07-22 23:21:04 修改
阅读量84 收藏 1
点赞数 1
文章标签： firefox javascript 前端
于 2023-07-21 19:46:22 首次发布
aaa
本文链接：https://blog.csdn.net/djydjy3333/article/details/131858976
版权

会话技术

  1. 会话：一次会话中包含多次请求和响应。
    • 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止
  2. 功能：在一次会话的范围内的多次请求间，共享数据
  3. 方式：
    1. 客户端会话技术：Cookie
    2. 服务器端会话技术：Session

Cookie：

  1. 概念：客户端会话技术，将数据保存到客户端

  2. 快速入门：

    • 使用步骤：
      1. 创建Cookie对象，绑定数据
        • new Cookie(String name, String value)
      2. 发送Cookie对象
        • response.addCookie(Cookie cookie)
      3. 获取Cookie，拿到数据
        • Cookie[] request.getCookies()

  3. 实现原理

    • 基于响应头set-cookie和请求头cookie实现

  4. cookie的细节

    1. 一次可不可以发送多个cookie?

      • 可以
      • 可以创建多个Cookie对象，使用response调用多次addCookie方法发送cookie即可。

    2. cookie在浏览器中保存多长时间？

      1. 默认情况下，当浏览器关闭后，Cookie数据被销毁
      2. 持久化存储：
        • setMaxAge(int seconds)
          1. 正数：将Cookie数据写到硬盘的文件中。持久化存储。并指定cookie存活时间，时间到后，cookie文件自动失效
          2. 负数：默认值
          3. 零：删除cookie信息

    3. cookie能不能存中文？

      • 在tomcat 8 之前 cookie中不能直接存储中文数据。
        • 需要将中文数据转码—一般采用URL编码(%E3)
      • 在tomcat 8 之后，cookie支持中文数据。特殊字符还是不支持，建议使用URL编码存储，URL解码解析

    4. cookie共享问题？

      1. 假设在一个tomcat服务器中，部署了多个web项目，那么在这些web项目中cookie能不能共享？

        • 默认情况下cookie不能共享

        • setPath(String path):设置cookie的获取范围。默认情况下，设置当前的虚拟目录

          • 如果要共享，则可以将path设置为"/"

  5. 不同的tomcat服务器间cookie共享问题？
    * setDomain(String path):如果设置一级域名相同，那么多个服务器之间cookie可以共享
    * setDomain(“.baidu.com”),那么tieba.baidu.com和news.baidu.com中cookie可以共享

  6. Cookie的特点和作用

    1. cookie存储数据在客户端浏览器
    2. 浏览器对于单个cookie 的大小有限制(4kb) 以及 对同一个域名下的总cookie数量也有限制(20个)
    • 作用：
      1. cookie一般用于存出少量的不太敏感的数据
      2. 在不登录的情况下，完成服务器对客户端的身份识别

案例：记住上一次访问时间

  1. 需求：
    1. 访问一个Servlet，如果是第一次访问，则提示：您好，欢迎您首次访问。
    2. 如果不是第一次访问，则提示：欢迎回来，您上次访问时间为:显示时间字符串

    1. 分析：
      1. 可以采用Cookie来完成
      2. 在服务器中的Servlet判断是否有一个名为lastTime的cookie
        1. 有：不是第一次访问
          1. 响应数据：欢迎回来，您上次访问时间为:2018年6月10日11:50:20
          2. 写回Cookie：lastTime=2018年6月10日11:50:01
        2. 没有：是第一次访问
          1. 响应数据：您好，欢迎您首次访问
          2. 写回Cookie：lastTime=2018年6月10日11:50:01

在这里插入图片描述
在这里插入图片描述

package com.heima.web;


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.net.URLDecoder;
import java.net.URLEncoder;
import java.text.SimpleDateFormat;
import java.util.Date;

/**
 在服务器中的Servlet判断是否有一个名为lastTime的cookie
 1. 有：不是第一次访问
 1. 响应数据：欢迎回来，您上次访问时间为:2018年6月10日11:50:20
 2. 写回Cookie：lastTime=2018年6月10日11:50:01
 2. 没有：是第一次访问
 1. 响应数据：您好，欢迎您首次访问
 2. 写回Cookie：lastTime=2018年6月10日11:50:01




 */

@WebServlet("/cookieTest")
public class CookieTest extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置响应的消息体的数据格式以及编码
        response.setContentType("text/html;charset=utf-8");

        //1.获取所有Cookie
        Cookie[] cookies = request.getCookies();
        boolean flag = false;//没有cookie为lastTime
        //2.遍历cookie数组
        if(cookies != null && cookies.length > 0){
            for (Cookie cookie : cookies) {
                //3.获取cookie的名称
                String name = cookie.getName();
                //4.判断名称是否是：lastTime
                if("lastTime".equals(name)){
                    //有该Cookie，不是第一次访问

                    flag = true;//有lastTime的cookie

                    //设置Cookie的value
                    //获取当前时间的字符串，重新设置Cookie的值，重新发送cookie
                    Date date  = new Date();
                    SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
                    String str_date = sdf.format(date);
                    System.out.println("编码前："+str_date);
                    //URL编码
                    str_date = URLEncoder.encode(str_date,"utf-8");
                    System.out.println("编码后："+str_date);
                    cookie.setValue(str_date);
                    //设置cookie的存活时间
                    cookie.setMaxAge(60 * 60 * 24 * 30);//一个月
                    response.addCookie(cookie);


                    //响应数据
                    //获取Cookie的value，时间
                    String value = cookie.getValue();
                    System.out.println("解码前："+value);
                    //URL解码：
                    value = URLDecoder.decode(value,"utf-8");
                    System.out.println("解码后："+value);
                    response.getWriter().write("<h1>欢迎回来，您上次访问时间为:"+value+"</h1>");


                    break;

                }
            }
        }


        if(cookies == null || cookies.length == 0 || flag == false){
            //没有，第一次访问

            //设置Cookie的value
            //获取当前时间的字符串，重新设置Cookie的值，重新发送cookie
            Date date  = new Date();
            SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
            String str_date = sdf.format(date);
            System.out.println("编码前："+str_date);
            //URL编码
            str_date = URLEncoder.encode(str_date,"utf-8");
            System.out.println("编码后："+str_date);

            Cookie cookie = new Cookie("lastTime",str_date);
            //设置cookie的存活时间
            cookie.setMaxAge(60 * 60 * 24 * 30);//一个月
            response.addCookie(cookie);

            response.getWriter().write("<h1>您好，欢迎您首次访问</h1>");
        }


    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

JSP入门

  1. 概念：

    • Java Server Pages： java服务器端页面
      • 可以理解为：一个特殊的页面，其中既可以指定定义html标签，又可以定义java代码
      • 用于简化书写！！！

  2. 原理

    • JSP本质上就是一个Servlet

  3. JSP的脚本：JSP定义Java代码的方式

    1. <% 代码 %>：定义的java代码，在service方法中。service方法中可以定义什么，该脚本中就可以定义什么。
    2. <%! 代码 %>：定义的java代码，在jsp转换后的java类的成员位置。
    3. <%= 代码 %>：定义的java代码，会输出到页面上。输出语句中可以定义什么，该脚本中就可以定义什么。

  4. JSP的内置对象：

    • 在jsp页面中不需要获取和创建，可以直接使用的对象
    • jsp一共有9个内置对象。
    • 今天学习3个：
      • request
      • response
      • out：字符输出流对象。可以将数据输出到页面上。和response.getWriter()类似
        • response.getWriter()和out.write()的区别：
          • 在tomcat服务器真正给客户端做出响应之前，会先找response缓冲区数据，再找out缓冲区数据。
          • response.getWriter()数据输出永远在out.write()之前

  5. 案例:改造Cookie案例

  • 修改了jsp页面不需要重启服务器！！！刷新即可
  • jsp名字随便起，和java的class文件无关
  • 不要用response.getWriter()代替out.write()，会破坏页面样式
    在这里插入图片描述
<%@ page import="java.net.URLDecoder" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.net.URLEncoder" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>上次访问时间</title>
</head>
<body>

<%
    Cookie[] cookies = request.getCookies();
    boolean flag = false;//没有cookie的key是lastTime

    if (cookies != null && cookies.length > 0) {
        for (Cookie cookie : cookies) {
            String name = cookie.getName();
            if ("lastTime".equals(name)) {
                flag = true;

                String value = cookie.getValue();
                System.out.println("解码前： " + value);
                //URL解码
                value = URLDecoder.decode(value, "utf-8");
                System.out.println("解码后：" + value);
%>

<h1>欢迎回来啊...上次访问时间为：<%=value%>
</h1>
<input><input>
<%

                Date date = new Date();
                SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");

                String str_date = sdf.format(date);
                System.out.println("编码前： " + str_date);

                //URL编码
                str_date = URLEncoder.encode(str_date, "utf-8");
                System.out.println("编码后： " + str_date);

                cookie.setValue(str_date);
                cookie.setMaxAge(60 * 60 * 24 * 30);
                //响应数据
                response.addCookie(cookie);
                break;
            }
        }
    }
    if (cookies == null || cookies.length == 0 || flag == false) {
        Date date = new Date();
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
        String str_date = sdf.format(date);

        System.out.println("编码前1： " + str_date);
        //URL编码
        str_date = URLEncoder.encode(str_date, "utf-8");
        System.out.println("编码后1： " + str_date);

        Cookie cookie = new Cookie("lastTime", str_date);
        //存活一个月
        //cookie.setMaxAge(60 * 60 * 24 * 30);
        response.addCookie(cookie);

%>

<h1>你好啊，欢迎首次访问...</h1>
<% } %>

</body>
</html>

Session：

  1. 概念：服务器端会话技术，在一次会话的多次请求间共享数据，将数据保存在服务器端的对象中。HttpSession

  2. 快速入门：

    1. 获取HttpSession对象：
      HttpSession session = request.getSession();
    2. 使用HttpSession对象：
      Object getAttribute(String name)
      void setAttribute(String name, Object value)
      void removeAttribute(String name)

  3. 原理

    • Session的实现是依赖于Cookie的。

  4. 细节：

    1. 当客户端关闭后，服务器不关闭，两次获取session是否为同一个？

      • 默认情况下。不是。
      • 如果需要相同，则可以创建Cookie,键为JSESSIONID，设置最大存活时间，让cookie持久化保存。
        Cookie c = new Cookie(“JSESSIONID”,session.getId());
        c.setMaxAge(60*60);
        response.addCookie©;

    2. 客户端不关闭，服务器关闭后，两次获取的session是同一个吗？

      • 不是同一个，但是要确保数据不丢失。tomcat自动完成以下工作
        • session的钝化：
          • 在服务器正常关闭之前，将session对象系列化到硬盘上
        • session的活化：
          • 在服务器启动后，将session文件转化为内存中的session对象即可。

    3. session什么时候被销毁？

      1. 服务器关闭
      2. session对象调用invalidate() 。
      3. session默认失效时间 30分钟
        选择性配置修改

        30

  5. session的特点

    1. session用于存储一次会话的多次请求的数据，存在服务器端
    2. session可以存储任意类型，任意大小的数据
    • session与Cookie的区别：
      1. session存储数据在服务器端，Cookie在客户端
      2. session没有数据大小限制，Cookie有
      3. session数据安全，Cookie相对于不安全

案例：验证码

  1. 案例需求：
    1. 访问带有验证码的登录页面login.jsp
    2. 用户输入用户名，密码以及验证码。
      • 如果用户名和密码输入有误，跳转登录页面，提示:用户名或密码错误
      • 如果验证码输入有误，跳转登录页面，提示：验证码错误
      • 如果全部输入正确，则跳转到主页success.jsp，显示：用户名,欢迎您

在这里插入图片描述
在这里插入图片描述
login1.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>login</title>


    <script>
        window.onload = function(){
            document.getElementById("img").onclick = function(){
                this.src="/checkCodeServlet1?time="+new Date().getTime();
            }
        }


    </script>
    <style>
        div{
            color: red;
        }

    </style>
</head>
<body>

<form action="loginServlet1" method="post">
    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>验证码</td>
            <td><input type="text" name="checkCode"></td>
        </tr>
        <tr>
            <td colspan="2"><img id="img" src="checkCodeServlet1"></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="登录"></td>
        </tr>
    </table>
</form>


<div><%=request.getAttribute("cc_error") == null ? "" : request.getAttribute("cc_error")%></div>
<div><%=request.getAttribute("login_error") == null ? "" : request.getAttribute("login_error") %></div>

</body>
</html>

success1.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h1><%=request.getSession().getAttribute("user")%>,欢迎您</h1>

</body>
</html>

LoginServlet1.java

package com.heima.web;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

@WebServlet("/loginServlet1")
public class LoginServlet1 extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.设置request编码
        request.setCharacterEncoding("utf-8");
        //2.获取参数
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String checkCode = request.getParameter("checkCode");
        //3.先获取生成的验证码
        HttpSession session = request.getSession();
        String checkCode_session = (String) session.getAttribute("checkCode_session");
        //删除session中存储的验证码
        session.removeAttribute("checkCode_session");
        //3.先判断验证码是否正确
        if(checkCode_session!= null && checkCode_session.equalsIgnoreCase(checkCode)){
            //忽略大小写比较
            //验证码正确
            //判断用户名和密码是否一致
            if("zhangsan".equals(username) && "123".equals(password)){//需要调用UserDao查询数据库
                //登录成功
                //存储信息，用户信息
                session.setAttribute("user",username);
                //重定向到success.jsp
                response.sendRedirect(request.getContextPath()+"/success1.jsp");
            }else{
                //登录失败
                //存储提示信息到request
                request.setAttribute("login_error","用户名或密码错误");
                //转发到登录页面
                request.getRequestDispatcher("/login1.jsp").forward(request,response);
            }


        }else{
            //验证码不一致
            //存储提示信息到request
            request.setAttribute("cc_error","验证码错误");
            //转发到登录页面
            request.getRequestDispatcher("/login1.jsp").forward(request,response);

        }

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}

CheckCodeServlet1.java

package com.heima.web;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

@WebServlet("/checkCodeServlet1")
public class CheckCodeServlet1 extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {


        int width = 100;
        int height = 50;

        //1.创建一对象，在内存中图片(验证码图片对象)
        BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);


        //2.美化图片
        //2.1 填充背景色
        Graphics g = image.getGraphics();//画笔对象
        g.setColor(Color.PINK);//设置画笔颜色
        g.fillRect(0, 0, width, height);

        //2.2画边框
        g.setColor(Color.BLUE);
        g.drawRect(0, 0, width - 1, height - 1);

        String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
        //生成随机角标
        Random ran = new Random();
        StringBuilder sb = new StringBuilder();
        for (int i = 1; i <= 4; i++) {
            int index = ran.nextInt(str.length());
            //获取字符
            char ch = str.charAt(index);//随机字符
            sb.append(ch);
            //2.3写验证码
            g.drawString(ch + "", width / 5 * i, height / 2);
        }
        String checkCode_session = sb.toString();
        request.getSession().setAttribute("checkCode_session",checkCode_session);

        //2.4画干扰线
        g.setColor(Color.GREEN);

        //随机生成坐标点

        for (int i = 0; i < 10; i++) {
            int x1 = ran.nextInt(width);
            int x2 = ran.nextInt(width);

            int y1 = ran.nextInt(height);
            int y2 = ran.nextInt(height);
            g.drawLine(x1, y1, x2, y2);
        }


        //3.将图片输出到页面展示
        ImageIO.write(image, "jpg", response.getOutputStream());


    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }
}
zhangsan3333
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IDEA版JavaWeb从入门到精通之Cookie和Session第13天
06-19
课程涵盖：Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等全部Web开发核心技术点，并在讲解知识点过程中带领大家完成一个...
【学习】服务器-客户端中的session
qq_37367581的博客
11-24 418
在Web开发环境下，session是指一类用来在客户端与服务器端之间保持状态的解决方案。有时候Session也用来指这种解决方案的存储结构，比如说把某某信息存储在session中。 session机制 服务器使用一种类似于散列表的结构来保存信息。 当程序需要为某个客户端的请求创建一个session时，服务器首先检查这个客户端的请求里是否包含了一个session标识 如果已经包含则说明以前已经为...
Session服务器配置指南与使用经验
diaoshisun9421的博客
03-26 310
一.摘要 所有Web程序都会使用Session保存数据. 使用独立的Session服务器可以解决负载均衡场景中的Session共享问题.本文介绍.NET平台下建立Session服务器的几种办法, 并介绍在使用Session时的各种经验和技巧. 二.关于Session,SessionID和Cookies Session数据保存在服务器端, 但是每一个客户端都需要保存一个Sessio...
JavaWeb基础7——会话技术Cookie&Session
vincewm的博客
08-04 1744
会话技术、Cookie的发送和获取、存活时间、Session钝化与活化、销毁、用户登录注册“记住我”和“验证码”案例
客户端会话跟踪技术 Cookie 浅谈
zhangxia_的博客
03-13 4363
用户打开浏览器，第一次访问 Web 服务器资源时，会话建立，直到有一方断开了连接则会话结束，例如浏览器或者服务器断开。在一次会话中可以包含多次的请求和响应。上述的整个过程称为会话。例如，当我们在浏览器访问一个网站时，浏览器和这个网站服务器就建立了一次会话，后面在这个网站中的所有操作都属于这一次会话，当我们关闭浏览器程序或者服务器关闭则会话结束。现实中，服务器会被多个用户同时访问，为了识别多次请求是否来自同一个浏览器，在一次会话的多次请求间共享数据，出现了会话跟踪技术。
【Servlet】会话技术 + 会话跟踪方案：Cookie、Session
qq_39921135的博客
02-28 943
获取到会话对象 session 之后，要给浏览器响应数据，最终在给浏览器响应数据的时候，就会携带这么一个 cookie 的名字，就是 JSESSIONID ，下一次再请求的时候，是不是又会将 Cookie 携带到服务端？两次请求，获取到的Session会话对象的hashcode是一样的，就说明是同一个会话对象。cookie 是客户端会话跟踪技术，它是存储在客户端浏览器的，我们使用 cookie 来跟踪会话，我们就可以在浏览器第一次发起请求来请求服务器的时候，我们在服务器端来设置一个cookie。
JSP Session
01-08
网络服务器可以指定一个唯一的session ID作为cookie来代表每个客户端，用来识别这个客户端接下来的请求。 这可能不是一种有效的方式，因为很多时候浏览器并不一定支持cookie，所以我们不建议使用这种方法来维持会话...
会话技术之登录状态的保持
01-08
在前面我们学习了Cookie和Session两种会话技术，这个也是比较主流的两种会话技术。除了Cookie、Session，会话技术还有重写Url、隐藏表单域两种，不过使用起来比较不方便，因此就不进行介绍了。 ​那理论学完了，我们...
IDEA版JavaWeb从入门到精通之JSP第8天
06-19
课程涵盖：Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等全部Web开发核心技术点，并在讲解知识点过程中带领大家完成一个...
Java架构直通车——用Redis实现分布式会话
01-20
会话Session代表的是客户端与服务器的一次交互过程，这个过程可以是连续也可以是时断时续的。曾经的Servlet时代（jsp），一旦用户与服务端交互，服务器tomcat就会为用户创建一个session，同时前端会有一个jsessionid...
【webrtc】Chrome和Firefox在SDP协商过程中，针对localhost的不同处理
安安爸Chris的专栏
04-23 650
mDNS（Multicast DNS，多播DNS）是一种基于DNS（域名系统）的协议，它允许局域网内的设备在没有传统DNS服务器的情况下相互发现和通信。mDNS使用组播技术，通过在局域网内发送广播消息来实现设备的发现和通信。它使用的默认端口是5353。mDNS的工作原理是，当一个设备加入到局域网中，如果它开启了mDNS服务，就会向局域网内的所有设备发送组播消息，告知自己的存在以及IP地址等信息。其他开启mDNS服务的设备接收到这些消息后，就可以响应并提供自己的信息。
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 388
步骤很详细，直接上教程……
vue2---修饰符
weixin_45503872的博客
04-24 1008
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 514
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
Redux 状态持久化之 redux-persist 使用示例
笔记、经验、日常分享
04-24 302
同vuex一样，redux中的状态会在刷新浏览器后状态又恢复到初始状态，有些数据想在浏览器刷新后仍然是在最新的状态，不会丢失，就需要借助一些插件实现。本文通过 redux-persist 插件来实现Redux状态的持久化。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 407
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
css flex布局两个元素水平居中垂直居中
xiaohua616的博客
04-23 411
使用flex布局，让两个元素水平居中垂直居中，具体实现效果如下：
使用vue3+ts+vite从零开始搭建bolg(二)
qq_75246137的博客
04-21 249
svg:用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。component中的index.ts,注册全局组件。package.json中的scripts配置项。vite.config.ts文档中配置。SvgIcon的index.vue文件。.env.development文件。.env.production文件。vite.config.ts配置。tsconfig.ts配置。.env.test文件。
【内附完整redis配置文件】linux服务器命令设置redis最大限制内存大小，设置redis内存回收机制，redis有哪些回收机制
G佳伟
04-23 480
redis经常出现进程自己挂掉，经排查后是因为redis占用内存过大，导致服务器内存爆满进程自己挂掉。
session代表客户端与服务器端的一次会话
06-12
Session代表客户端与服务器端的一次会话，它是一个服务器端的对象，用于在客户端和服务器端之间保存和共享用户的状态信息。在Web应用程序中，每个Session都有一个唯一的ID号，且该ID号通过Cookie或URL重写的方式自动...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值