如何用SpringBoot和JpaRepository快速搭建一个简单的用户登录界面并实现跳转？（跳转.用户登录.如何用.搭建.界面.....）

wufei123 2025-03-01 阅读:50 评论:0

本文将演示如何使用springboot和jparepository构建一个简单的用户登录界面并实现页面跳转。功能需求：用户通过输入用户名和密码登录，登录成功后跳转到商品列表页面。实现步骤：创建实体类Admins: 定义Admi...

如何用SpringBoot和JpaRepository快速搭建一个简单的用户登录界面并实现跳转？

本文将演示如何使用springboot和jparepository构建一个简单的用户登录界面并实现页面跳转。

功能需求：

用户通过输入用户名和密码登录，登录成功后跳转到商品列表页面。

实现步骤：

创建实体类Admins:

定义Admins实体类，包含id、username和password属性。使用Lombok简化代码：

PHP

import lombok.Data;
import javax.persistence.*;

@Data
@Entity
public class Admins {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Integer id;

    private String username;
    private String password;
}

创建仓库接口AdminRepository:

创建AdminRepository接口继承JpaRepository，用于数据库操作：

PHP

import org.springframework.data.jpa.repository.JpaRepository;
import com.example.demo.model.Admins; // 替换成你的包名

public interface AdminRepository extends JpaRepository<Admins, Integer> {
    Admins findByUsernameAndPassword(String username, String password);
}

创建登录页面login.html: (此处需要补充完整的HTML代码，原示例不完整)

以下是一个示例，请根据你的实际需求修改：

PHP

<!DOCTYPE html>
<html>
<head>
    <title>登录</title>
    <link rel="stylesheet" href="https://www.php.cn/link/4df14e7ba7f3122fa391492bdf8d59a7">
</head>
<body>
<div class="container">
    <form action="/shop/login" method="post">
        <div class="form-group">
            <label for="username">用户名:</label>
            <input type="text" class="form-control" id="username" name="username" required>
        </div>
        <div class="form-group">
            <label for="password">密码:</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>
        <button type="submit" class="btn btn-primary">登录</button>
    </form>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

创建控制器ShopController:

在ShopController中添加登录方法，处理登录逻辑并进行页面跳转：

PHP

import com.example.demo.model.Admins; // 替换成你的包名
import com.example.demo.repository.AdminRepository; // 替换成你的包名
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/shop")
public class ShopController {

    @Autowired
    private AdminRepository adminRepository;

    @PostMapping("/login")
    public String login(String username, String password) {
        Admins admin = adminRepository.findByUsernameAndPassword(username, password);
        if (admin != null) {
            return "redirect:/shop/list"; // 跳转到商品列表页面
        } else {
            return "login"; // 返回登录页面
        }
    }

    //  添加商品列表页面处理方法  @RequestMapping("/list") ...
}