SpringBoot 使用Thymeleaf返回视图,并返回数据。

本文介绍了一个SpringBoot应用中控制器层的实现,包括如何使用@GetMapping注解处理HTTP请求并返回JSON数据,以及如何通过Thymeleaf模板引擎将数据传递给HTML界面进行渲染。

先看下目录结构如下:
目录结构
1,Controller层 如下:

package com.kuxingseng.lbw.controller;

import org.springframework.stereotype.Component;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Component   //与 Controller 和 Service  注解一样,都是为了加载到Spring容器中
@RequestMapping("/")  //通用的请求处理
public class Controller {


    @GetMapping("getMap")  //http请求处理  SpringBoot中4.3 引入的新的新的注解
    @ResponseBody   //用来返回JSON数据或者是XML数据。
    public List<Map> getMap() {
        List list = new ArrayList(1);
        Map m = new HashMap();
        m.put("code", "0");
        list.add(m);
        return list;
    }

    @GetMapping("logging")
    public String logging(Model model) {
        model.addAttribute("message", "渲染 测试");  //返回数据
        return "loging";//返回视图名称.html
    }
}

2,看下loging.html 界面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
</head>
<body>
Logging
<!--/*@thymesVar id="message" type=""*/-->
<p th:text="${message}">渲染test</p>
</body>
</html>
解释2<html lang="en" xmlns:th="http://www.thymeleaf.org">】 需要引入thymeleaf
【th:text="${message}"】 根据后台返回的key 获取value ,会自动把【渲染test】 覆盖。

3,看下渲染效果:
渲染效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值