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

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