实习课知识整理1：验证用户是否登录并实现相对应页面的跳转

项目情景：对于一个购物平台，当我们点击一个商品时，进入商品详情页面，此时点击立即购买按钮，这时首先需要判断用户登没登录，没登录的话，跳转到登录页面，已登录的话，就跳转到结算页面

  <div>
   <!--有些关键数据，不需要用户填写，但是后面功能需要，可以使用hidden的input 传递-->
     <input type="hidden" name="itemId" th:value="${item.itemPrice}"/>
     <span>购买数量</span><input type="text" name="buyCount" value="1"/><br/>
     <button id="buyButton">直接购买</button><br/>
  </div>

1. 给按钮buyButton添加点击事件，并判断是否已登陆?

$(function () {
     const loginUser = '[[${session.loginUser}]]';
     console.log("loginUser: ",loginUser)
     $("#buyButton").click(function () {
     if ('' !== loginUser) {
            console.log("跳转到订单结算页面");
     } else {
             window.location.href = "http://localhost:8082/project/login"
     }
   })
})

?ps: 这边结算页面还未编写，只打印下，看下效果

2. 编写login接口

    @RequestMapping("/login")
    public String login() throws Exception{
        System.out.println("跳转到登录界面");
        return "login";
    }

3. 编写登录界面html?

略！?