Spring MVC(4)前端与后端登录系统，引入Data依赖

复制代码

import jakarta.servlet.http.HttpSession;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RequestMapping("/user")
@RestController
public class UserController {
    @RequestMapping("/login")
    public Boolean login(String username,String password,HttpSession session) {
        if (!StringUtils.hasLength(username) || !StringUtils.hasLength(password)) {
            return false;
        }
        if("admas".equals(username)&&"admas".equals(password)){
            session.setAttribute("username",username);
            return true;
        }
        return false;
    }
    @RequestMapping("/getlogin")
    public String getLogin(HttpSession session){
        String user=(String) session.getAttribute("username");
        return user;
    }

}

复制代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="username" type="text" id="username"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" οnclick="login()">

<script src="js/jquery-3.7.1.min.js"></script>

<script>


   function login(){
      console.log("11111111");
    $.ajax({
      type:"post",
      url:"/user/login",
      data:{
        username:$("#username").val(),
        password:$("#password").val()
      },
      success:function(result){
        //密码正确
        if(result){
          location.href="index.html";
        }else{
          alert("密码错误，请确认");
        }
      }
    });
    }
  </script>
</body>

</html>

复制代码

<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户登录首页</title>
</head>

<body>
登录人: <span id="loginUser"></span>

<script src="js/jquery-3.7.1.min.js"></script>
<script>
        $.ajax({
            url:"/user/getlogin",
            type:"get",
            success:function(username){
                $("#loginUser").text(username);
            }
        });
    </script>
</body>

</html>