SpringBoot——html调用thymeleaf实现数据的读取

本文介绍了如何在Thymeleaf模板中通过@Autowired注入Spring Service,并展示了如何使用@Service注解和thymeleaf的data绑定技术,实现在前端展示动态下拉列表,基于UserService的用户数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、新建service层

@Service("name")
public class NameService {
    @Autowired
    private UserService userservice;

    public List<User> list(){
        return userservice.selectUserList();
    }
}

注意加@Service("name")@Autowired两个注解,其中@Service中的name便是thymeleaf中调用的名
UserService就不贴代码,selectUserList()就是一个遍历用所有用户的方法

2、thymeleaf的调用

 <select name="userList" th:with="type=${@name.list()}">
                        <option value="">所有用户</option>
                        <option th:each="dict : ${type}" th:text="${dict.user_name}" th:value="${dict.user_id}"></option>
 </select>

其中type代表list()方法的结果,是一个List,然后通过th:each遍历每个结果并使用dict接收。user_name和user_id是User这一实体类下的字段名

3、最终结果

数据表:user
在这里插入图片描述
前段显示
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值