用Spring Boot实现知乎登录界面

一、创建一个Spring Boot项目

File--New--Project--选中Spring Initializr--Next

根据jdk版本修改Java Version

修改项目名称，包名

选中“Spring Web”依赖

修改项目名称完成创建

二、配置知乎登录主界面

在resources--static文件夹下新建html文件

将知乎主界面的代码复制在html文件中

知乎主界面代码链接：https://blog.csdn.net/qq_51808107/article/details/113507965

感谢孙不坚1208大佬提供的代码

三、写登录控制类

在com.example.demo下新建Controller文件夹，在文件夹下新建LoginController类

LoginController类的代码：

package com.example.demo.Controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class LoginController {
    @ResponseBody
    @PostMapping("/user/login")
    public String login(
            @RequestParam("telephone") String telephone,
            @RequestParam("password")String password){
        if(password.equals("123456")){
            return "登录成功";
        }
        else{
            return "登录失败";
        }
    }
}

在index.html文件第252行修改为action=“/user/login”（写的是PostMapping双引号引起的内容）

运行代码

打开浏览器，在浏览器中输入 http://localhost:8080/

成功打开知乎主界面

输入正确密码：

如果输入https://localhost:8080/可能会出现如下错误：

去掉https中的s即可成功运行