前端页面：

用户登录首页：

    
    
    
    用户登录首页


    登录人: 
    
    
        
    

登录页面：

  
  登录页面


  
用户登录
  用户名：

  密码：

  
  
  
  
    function login() {
    
    }
  

后端代码：

@RestController
@RequestMapping("/user")
public class UserController {
    @RequestMapping("/login")
    public boolean login(String userName, String password , HttpSession session){
        if (userName==null || userName.length()==0 || password==null || password.length()==0){
            return false;
        }
        if ("admin".equals(userName) && "admin".equals(password)){
            //设置session
            session.setAttribute("username","admin");
            return true;
        }
        return false;
    }
    @RequestMapping("/getUserInfo")
    public String getUserInfo(HttpServletRequest request){
        //从session获取登录用户
        HttpSession session = request.getSession(false);
        String userName=null;
        if (session !=null){
            userName = (String)session.getAttribute("username");
        }
        return "当前登录用户:"+userName;
    }
}

前端代码：

    
    登录页面


用户登录
用户名：

密码：




    function login() {
      console.log("登录")
      $.ajax({
        url:"user/login",
        type:"post",
        data:{
          "userName":$("#userName").val(),
          "password":$("#password").val()
        },
        success:function(result){
          if(result){
            location.href="/index.html";
            //location.assign();
          }else{
            alert("密码错误！");
          }
        }
      });
    }
  

    
    
    
    用户登录首页


登录人: 


    //页面加载时，就去调用后端请求
    $.ajax({
        url:"/user/getUserInfo",
        type:"get",
        success:function(username){
            $("#loginUser").text(username);
        }
    });

成果展示：

简洁版用户登录

手机扫描二维码访问