Springboot + thymeleaf在html表中显示数据库内容 [英] Springboot + thymeleaf displaying database contents in html table

查看:2042
本文介绍了Springboot + thymeleaf在html表中显示数据库内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试学习如何使用springboot和thymeleaf创建一个Web应用程序。作为练习,我想显示一个随机数据库表中的两列,我在一个简单的html表中创建了mysql(人物)。

I'm trying to learn how to make a web app using springboot and thymeleaf. As an exercise I want to display two columns from a random database table I have created in mysql (persons) in a simple html table.

我用了几个教程为此并编写下面的代码但是我的html不显示数据库的内容只有表头。我完全不知道我错在哪里。我在这里查了其他问题,他们都在使用一种叫做jpa的东西。这比我的做法好吗?如果是这样,我在哪里可以找到初学者的教程。

I've used a couple of tutorials for this and wrote the code below however my html does not display the contents of the database only the table header. I have absolutely no idea where I got it wrong. I looked up other questions here and they were all using something called jpa. Is that better than my approach? If so where can I find a begginer's tutorial.

代码

应用类

package ro.database.jdbcTest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.scheduling.annotation.EnableAsync;
import ro.database.jdbcTest.controllers.UsersController;

@SpringBootApplication
@EnableAsync
public class App
{
    @Autowired
    UsersController service;

    public static void main( String[] args )
    {
        SpringApplication.run(App.class);
    }

}

控制器

package ro.database.jdbcTest.controllers;


import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.ResponseBody;
import ro.database.jdbcTest.model.Users;
import ro.database.jdbcTest.services.UserService;

import java.util.List;
import java.util.Map;


@Controller
public class UsersController {

    @Autowired
    UserService service;

    @RequestMapping(value = "/user", method = RequestMethod.GET)
    public String index(Model md){
        md.addAttribute("user", service.findAll());

        return "user";
    }
}

服务类

package ro.database.jdbcTest.services;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.jdbc.core.RowMapper;
import org.springframework.stereotype.Service;
import ro.database.jdbcTest.model.Users;

import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.List;

@Service
public class UserService {

    @Autowired
    JdbcTemplate template;

    public List<Users> findAll() {
        String sql = "select * from people";
        RowMapper<Users> rm = new RowMapper<Users>() {
            @Override
            public Users mapRow(ResultSet resultSet, int i) throws SQLException {
                Users user = new Users(resultSet.getInt("id"),
                        resultSet.getString("name"),
                        resultSet.getInt("age"));
                String email = resultSet.getString("email");
                if (email != null) {
                    user.setEmail(email);
                }

                return user;
            }
        };

        return template.query(sql, rm);
    }

模型类

package ro.database.jdbcTest.model;

public class Users {

        private int id;
        private String name;
        private int age;
        private String email;

        public Users(int id, String name, int age){
            this.id=id;
            this.name=name;
            this.age=age;
        }

        public void setEmail(String email){
            this.email=email;
        }
}

Html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>Users</h2>
<table border="1">
    <tr>
        <th>name</th>
        <th>age</th>
    </tr>
    <tr th:each = "user: ${users}">
        <td th:text="${user.name}">vasile</td>
        <td th:text="${user.age}">45</td>
    </tr>
</table>
</body>
</html>


推荐答案

您已在变量 user in modelAttribute 。尝试绑定为用户因为HTML使用用户作为列表

You have bind Users in variable user in modelAttribute. Try to bind as users cause in HTML you used users as list

md.addAttribute("users", service.findAll());
return "user";

这篇关于Springboot + thymeleaf在html表中显示数据库内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆