Spring Boot中实现简单表单提交（登录功能）

最新推荐文章于 2024-03-22 12:49:19 发布

IT1995

最新推荐文章于 2024-03-22 12:49:19 发布

阅读量2.6w

点赞数 20

本文链接：https://blog.csdn.net/qq78442761/article/details/88398495

版权

Java 同时被 2 个专栏收录

368 篇文章 20 订阅

订阅专栏

Spring Boot

140 篇文章 4 订阅

订阅专栏

原理

源码

原理

使用@PostMapping可以得到前端Post的Mapping！

@RequestParam可以获取详细的参数信息；

程序运行截图如下（登录成功）：

程序运行截图如下（登录失败）：

源码

程序结构如下：

源码如下：

MyMvcConfig.java

package firstlogindemo.demo.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;


@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {

    @Bean
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){

        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {

                registry.addViewController("/").setViewName("index");
                registry.addViewController("index.html").setViewName("index");
            }
        };

        return adapter;
    }
}

LoginController.java

package firstlogindemo.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.thymeleaf.util.StringUtils;

import java.util.Map;

@Controller
public class LoginController {

    //@DeleteMapping
    //@PutMapping
    //@GetMapping
    //@RequestMapping(value = "/usr/login", method = RequestMethod.POST)

    @PostMapping(value = "/user/login")
    public String login(@RequestParam("username") String username,
                        @RequestParam("password") String password,
                        Map<String, Object> map){

        if(!StringUtils.isEmpty(username) && "123456".equals(password)){

            return "success";
        }

        map.put("msg", "用户名密码错误");
        return "index";
    }
}

index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form th:action="@{/user/login}" method="post">
    <p>用户名：<input name="username" type="text" placeholder="userName"></p>
    <p>密  码：<input name="password" type="password" placeholder="Password"></p>
    <button type="submit">提交</button>
</form>

</body>
</html>

success.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<h1>成功</h1>

</body>
</html>

porm.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>1.5.19.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.loginWebDemo</groupId>
    <artifactId>demo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>loginWeb</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
        <thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <!--引入jquery-webjar-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.3.1</version>
        </dependency>

        <!--引入bootstrap-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.0.0</version>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

IT1995

关注

20
点赞
踩
54

收藏

觉得还不错? 一键收藏
打赏
4
评论
Spring Boot中实现简单表单提交（登录功能）

目录原理源码原理使用@PostMapping可以得到前端Post的Mapping！@RequestParam可以获取详细的参数信息；程序运行截图如下（登录成功）：程序运行截图如下（登录失败）：源码程序结构如下：源码如下：MyMvcConfig.javapackage firstlogindemo.demo.con...
复制链接

扫一扫