idea利用spring框架整合thymeleaf展现数据库数据

idea初步利用thymeleaf展现列表
上一篇文章简单展现自己写的列表;
这篇文章连接mysql数据库实现数据库数据展现
主要三个文件
controller指定html界面

package com.example.appledemo.controller;

import com.example.appledemo.mapper.UserMapper;
import com.example.appledemo.pojo.User;
import jakarta.annotation.Resource;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;
import org.springframework.ui.Model;

import java.util.ArrayList;
import java.util.List;

@Controller
public class TestController {
    @Resource
    UserMapper userMapper;

    @RequestMapping("/login")
    public String login(Model model){
        List<User> user = userMapper.findAll();
        model.addAttribute("user",user);
        return "login";
    }
}

mapper写数据库sql查询语句

package com.example.appledemo.mapper;

import com.example.appledemo.pojo.User;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Select;

import java.util.List;

@Mapper
public interface UserMapper {
    @Select("SELECT * FROM user")
    List<User> findAll();
}


pojo中的user写具体数据库中的表包含哪些字段(这部分最好的方式写出变量名字然后alt+insert自动生成getter和setter不容易出错)

package com.example.appledemo.pojo;

import lombok.Getter;

@Getter
public class User {
    private Integer userId;
    private String userName;
    private String userPass;

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public void setUserPass(String userPass) {
        this.userPass = userPass;
    }

    public void setUserId(Integer userId) {
        this.userId = userId;
    }

    @Override
    public String toString() {
        return "User{" +
                "userId=" + userId +
                ", userName='" + userName + '\'' +
                ", userPass='" + userPass + '\'' +
                '}';
    }
}

最后写个login.html展现数据

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>springboot-thymeleaf demo</title>
</head>
<body>
<table border="1" width="1000">
    <tr th:each="item,eee: ${user}">
        <td th:text="${item.userId}"></td>
        <td th:text="${item.userName}"></td>
        <td th:text="${item.userPass}"></td>
    </tr>
</table>
</body>
</html>
</html>

给出文件列表:
在这里插入图片描述
最后给出运行结果:
在这里插入图片描述

相关推荐

  1. Spring Boot整合Kafka+SSE实现实时数据展示

    2023-12-13 04:18:02       14 阅读

最近更新

  1. 使用ADB命令控制logcat日志本地存储功能

    2023-12-13 04:18:02       0 阅读
  2. matlab实现pid控制空调温度

    2023-12-13 04:18:02       0 阅读
  3. 深入浅出Transformer:大语言模型的核心技术

    2023-12-13 04:18:02       0 阅读
  4. NLP - Softmax与层次Softmax对比

    2023-12-13 04:18:02       1 阅读
  5. Rust 启航:为何选择 Rust 及其核心价值

    2023-12-13 04:18:02       1 阅读
  6. 安装Go语言常用工具

    2023-12-13 04:18:02       1 阅读

热门阅读

  1. CSS实现文字呼吸灯效果

    2023-12-13 04:18:02       29 阅读
  2. ArrayDeque阅读记录

    2023-12-13 04:18:02       24 阅读
  3. 工作问题处理的三个境界

    2023-12-13 04:18:02       41 阅读
  4. DW 内置的基本行为

    2023-12-13 04:18:02       35 阅读
  5. php5, php7,php8 有什么区别

    2023-12-13 04:18:02       26 阅读
  6. 调用链概念

    2023-12-13 04:18:02       31 阅读
  7. 算法基础之分解质因数

    2023-12-13 04:18:02       37 阅读
  8. 二进制求和算法(leetcode第67题)

    2023-12-13 04:18:02       40 阅读
  9. 单片机——通信协议

    2023-12-13 04:18:02       35 阅读
  10. Android 设置音量默认值

    2023-12-13 04:18:02       35 阅读
  11. Linux命令详解./configure、make、make install 命令学习

    2023-12-13 04:18:02       37 阅读