【基于SSM后台文档管理系统】 ---- (一) 登录实现以及用Token机制保存登录状态

最新推荐文章于 2021-06-20 23:03:14 发布

TheWhc

最新推荐文章于 2021-06-20 23:03:14 发布

阅读量1.8k

点赞数 4

分类专栏：项目

本文链接：https://blog.csdn.net/whc__/article/details/106757149

版权

本文详细介绍了基于SSM的后台管理系统中，如何实现登录功能以及选择Token机制来保持登录状态。首先，阐述了登录流程设计，前端通过AJAX发送请求，后端根据用户名和密码生成新的Token。接着，对比了Session和Token机制，分析了Token的优势，如减轻服务器压力、防止CSRF攻击、便于扩展。最后，展示了前端和后端实现Token机制的具体代码，并提到了使用自定义注解解析器进行登录验证的方法。

摘要由CSDN通过智能技术生成

1. 登录

1.1 登录流程设计

在这里插入图片描述

1.2 前端代码部分设计

发送AJAX请求

    var userName = $("#userName").val();
    var password = $("#password").val();
    var data = {
     "userName": userName, "password": password}
    $.ajax({
     
        type: "POST",//方法类型
        dataType: "json",//预期服务器返回的数据类型
        url: "users/login",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(data),
        success: function (result) {
     
        }
    });

保存Token并跳转页面
通过AJAX请求获取到返回的数据,然后对数据进行存储

setCookie("token", result.data.userToken);
alert("登录成功");
window.location.href = "/";

setCookie() 方法

/**
 * 写入cookie
 *
 * @param name
 * @param value
 */
function setCookie(name, value) {
     
    // 设置了30天后Token过期,只是为了项目方便演示,可自行设置时间
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    document.cookie = name + "=" + escape(value