第四节:SpringBoot中web模版数据渲染展示

Posted 2022-01-25 入门小站

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第四节:SpringBoot中web模版数据渲染展示相关的知识，希望对你有一定的参考价值。

模板引擎

Thymeleaf
FreeMarker
Velocity
Groovy
Mustache

Thymeleaf

新建一个模块

选择我们需要的组建

Developer Tools中的Spring Boot DevTools
Web中的Spring Web
Template Engines 中的Thymeleaf

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

创建`com.rumenz.lession4.controller`包

创建模板页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf - 入门小站</title>
</head>
<body>

<p th:text="名字:+$name"></p>
<p th:text="网址:+$url"></p>
</body>
</html>

创建`controller`

package com.rumenz.lession4.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

/**
 * @className: ThymeleafRumenController
 * @description: TODO 类描述
 * @author: 入门小站 rumenz.com
 * @date: 2021/11/1
 **/
@Controller
@RequestMapping("/")
public class ThymeleafRumenController 

    @RequestMapping(value = "/index",method= RequestMethod.GET)
    public String index(ModelMap m)
        //数据也可以从数据库查询出来返回
        m.addAttribute("name", "入门小站");
        m.addAttribute("url", "https://rumenz.com");
        //返回是一个页码:src/main/resources/templates/thymeleaf.html
        return "thymeleaf";

启动项目

浏览器验证

FreeMarker

引入依赖

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

创建模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>freemarker - 入门小站</title>
</head>
<body>
FreeMarker案例
<p>名字:$name</p>
<p>网址:$url</p>
</body>
</html>

配置文件

spring.freemarker.suffix=.html

编写`controller`

package com.rumenz.lession4.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @className: FreeMarkerRumenController
 * @description: TODO 类描述
 * @author: 入门小站 rumenz.com
 * @date: 2021/11/1
 **/

@Controller
@RequestMapping("/")
public class FreeMarkerRumenController 

    @RequestMapping("/index2")
    public String index2(ModelMap m)
        //数据也可以从数据库查询出来返回
        m.addAttribute("name", "入门小站");
        m.addAttribute("url", "https://rumenz.com");
        //返回是一个页码:src/main/resources/templates/freemarker.html
        return "freemarker";