实现页面要求强制登录

当用户访问列表页/详情页/编辑页的时候，要求用户已经是登录的状态了，
如果用户还没登录，就会强制跳转到登录页面。

实现思路

在页面加载的时候，专门发起一个新的 ajax 。(一个页面里可以发多个 ajax 请求)
如果以列表页为例，先发一个请求获取列表页，在获取列表页的时候再发个 ajax 获取用户的登录状态
如果用户已经登录，就不会发生什么是；如果没有登录，就会跳转到登录页面。

1.约定前后端交互接口

这里约定请求是 GET，路径是 /login。

响应是 HTTP/1.1 200 OK 返回的是当前的登录的用户信息，如果未登录，就返回一个 userId 为 0 的user对象。

用户信息如下述图片所述。

2.实现后端代码

 @Override
 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
     resp.setContentType("application/json; charset=utf8");
     // 如果用户未登录，这里的会话就拿不到
     HttpSession session = req.getSession(false);
     if (session == null) {
         // 未登录，返回一个空的 user 对象
         User user = new User();
         String respJson = objectMapper.writeValueAsString(user);
         resp.getWriter().write(respJson);
         return;
     }
     User user = (User) session.getAttribute("user");
     // 登录成功，确保拿到的回话不是空，再判定一次
     if (user == null) {
         user = new User();
         String respJson = objectMapper.writeValueAsString(user);
         resp.getWriter().write(respJson);
         return;
     }
     // 确定了拿出了会话，也就是用户的信息，就直接返回即可
     String respJaon = objectMapper.writeValueAsString(user);
     resp.getWriter().write(respJaon);
 }

3.修改前端代码

修改博客列表页的代码，将下列代码添加到列表页、编辑页、详情页。

 function checkLogin() {
      $.ajax({
          type: 'get',
          url: 'login',
          success: function(body) {
              if (body.userId && body.userId > 0) {
                  // 登录成功！
                  console.log("当前用户已经登录！！！");
              } else {
                  // 当前未登录，跳转到登录页面
                  location.assign('blog.in.html');
              }
          }
      });
  }
        
  checkLogin();