使用thymeleaf渲染轮播图

使用bootstrap的轮播图

使用thymeleaf模板引擎,将从后台取到的数据渲染到HTML前端页面。

	轮播的图片存储在数据库中,表名为banner,两个字段,id和url.
	![banner表](https://img-blog.csdnimg.cn/20210603095706150.png#pic_center)

Controller控制器:

		//创建BannerDao
        BannerDao bd = new BannerDao();
        List<Banner> banners = bd.findAll();
       //创建context对象
        Context context = new Context();  
        //将集合中的数据装进context容器
        context.setVariable("banners",banners);
        ThUtils.print("home.html",context,response);

dao层的查询所有方法:

public List<Banner> findAll() {
   
        List<Banner> list = new ArrayList<>();
        try {
   
            conn = JDBCUtils.getConnection();
            String sql = "select * from banner";
            pstm = conn.prepareStatement(sql);
            rs = pstm.executeQuery();
            while (rs.next()){
   
                int id = rs.getInt("id");
                String url = rs.getString("url");
                list.add(new Banner(id,url));
            }
            return list;
        } catch (SQLException e) 
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Thymeleaf 是一种模板引擎,用于在 Web 应用程序中渲染 HTML、XML、JS、CSS 和文本等内容。它是一种服务器端渲染的模板引擎,可以将模板文件作为 HTML 输出到浏览器。 以下是使用 Thymeleaf 渲染 HTML 的示例: 1. 添加 Thymeleaf 依赖 在 Maven 项目中,添加以下依赖: ``` <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 2. 创建 Thymeleaf 模板文件 在 src/main/resources/templates 目录下创建一个名为 index.html 的文件,并添加以下内容: ``` <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Thymeleaf Example</title> </head> <body> <h1 th:text="${message}"></h1> </body> </html> ``` 这个模板文件中包含一个 h1 标签,使用 Thymeleaf 表达式来显示一个变量 message 的值。 3. 编写控制器 创建一个名为 HomeController 的控制器类,添加 @Controller 注解,并创建一个方法来处理请求: ``` @Controller public class HomeController { @RequestMapping("/") public String home(Model model) { model.addAttribute("message", "Hello Thymeleaf!"); return "index"; } } ``` 这个方法将一个名为 message 的变量添加到 Model 中,并返回 index.html 模板文件的名称。 4. 运行应用程序 现在,可以运行应用程序并访问 http://localhost:8080/,将看到一个包含 "Hello Thymeleaf!" 文本的页面。 以上就是使用 Thymeleaf 渲染 HTML 的基本步骤。在实际应用中,可以使用更复杂的 Thymeleaf 表达式和指令来渲染页面,例如循环、条件语句、表单处理等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值