web项目上线登录功能

2022-01-11 09:32:02 阅读：111 来源： 互联网

标签：web 上线登录 boot springframework import org login main

新建Spring项目：demo7，添加依赖：Spring Web、Spring Configuration Processor、Lombok和Thymeleaf。自动生成的pom.xml如下，

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

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-configuration-processor</artifactId>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-test</artifactId>
        <scope>test</scope>
    </dependency>
</dependencies>

com.example.boot下新建类：bean.User。

package com.example.boot.bean;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

@Data
@NoArgsConstructor
@AllArgsConstructor
@ToString
public class User {
    private String username;
    private String password;
}

com.example.boot下新建控制器：controller.IndexController。

package com.example.boot.controller;

import com.example.boot.bean.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import javax.servlet.http.HttpSession;

@Controller
public class IndexController {
    @GetMapping(value = {"/","/login"})
    public String login(){
        return "login";
    }

    //出现问题：表单重复提交
    @PostMapping(value = "/login")
    public String main(User user, HttpSession session){
        session.setAttribute("loginUser",user);
        return "main";
    }
}

resources.static下新建页面：login.html和main.html。

<!-- login.html -->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <form th:action="@{/login}" method="post">
        用户名：<input type="text" name="username"/><br/>
        密码：<input type="password" name="password"/><br/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>

<!-- main.html -->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    <p>Welcome to main page! [[${session.loginUser.username}]]</p>
</body>
</html>

启动应用，查看效果。

存在的问题：登录后刷新页面，将重复提交表单。
针对以上问题，最佳的解决方法是，使用重定向。
对控制器类IndexController进行修改，修改后的结果如下，

package com.example.boot.controller;

import com.example.boot.bean.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;

import javax.servlet.http.HttpSession;

@Controller
public class IndexController {
    @GetMapping(value = {"/","/login"})
    public String login(){
        return "login";
    }

    //防止表单重复提交，最好的解决方法是：使用重定向
    @PostMapping(value = "login")
    public String main(User user, HttpSession session, Model model){
        //登录成功，重定向到main.html
        if(StringUtils.hasLength(user.getUsername()) && "test@123".equals(user.getPassword())){
            session.setAttribute("loginUser",user);
            return "redirect:/main.html";
        }else{
            model.addAttribute("msg","账号或密码错误!");
            return "login";
        }
    }

    @GetMapping("/main.html")
    public String mainPage(HttpSession session,Model model){
        if(session.getAttribute("loginUser") != null){
            return "main";
        }else{
            model.addAttribute("msg","请重新登录!");
            return "login";
        }
    }
}

对login.html进行修改，修改后的结果如下，

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <p th:text="${msg}" style="color:red;"></p>
    <form th:action="@{/login}" method="post">
        用户名：<input type="text" name="username" autocomplete="off"/><br/>
        密码：<input type="password" name="password"/><br/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>

重启应用，并对修改进行验证。
在这里插入图片描述

标签：web,上线,登录,boot,springframework,import,org,login,main
来源： https://blog.csdn.net/qzw752890913/article/details/122423704

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

web项目上线登录功能