JAVA后台数据使用thymeleaf渲染html页面

一、前言

本篇介绍如何使用thymeleaf从后台获取数据后渲染至html页面上。

二、使用方法
1、注入依赖

<!-- Thymeleaf 模板引擎 -->
<dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf</artifactId><version>3.0.9.RELEASE</version>
</dependency>

2、新建渲染工厂工具类


import org.thymeleaf.TemplateEngine;
import org.thymeleaf.context.Context;
import java.util.Map;/*** @author Ray*/
public class HTMLTemplateUtils {private final static TemplateEngine engine=new TemplateEngine();/*** 使用 Thymeleaf 渲染 HTML* @param template  HTML模板* @param params 参数* @return  渲染后的HTML*/public static String render(String template,Map<String,Object> params){Context context = new Context();context.setVariables(params);return engine.process(template,context);}

3、测试以上工具类

public class Test {public static void main(String[] args) {String template = "<p th:text='${title}'></p>";HashMap<String, Object> map = new HashMap<>();map.put("title","hello world");String render = HTMLTemplateUtils.render(template, map);System.out.println("渲染之后的字符串是:"+render);}
}

4、新建前端Html示例页面


<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1 th:text="${name}">工程项目</h1>
<ul><li th:each="item: ${array}" th:text="${item}">项目名称</li>
</ul>
</body>
</html>

5、将后台数据渲染至Html页面上


public class HTMLTest2 {public static void main(String[] args) throws IOException {ClassLoaderTemplateResolver resolver = new ClassLoaderTemplateResolver();//模板所在目录，从resources目录开始的相对路径。resolver.setPrefix("");//模板文件后缀resolver.setSuffix(".html");TemplateEngine engine = new TemplateEngine();engine.setTemplateResolver(resolver);//构造上下文(Model)List<String> array = new ArrayList<>();array.add("AA");array.add("BB");array.add("CC");Context context = new Context();context.setVariable("name", "工程名称");context.setVariable("array", array);//渲染模板FileWriter writer = new FileWriter("src/main/resources/result.html");engine.process("example",context,writer);writer.flush();writer.close();}
}

6、在resources目录下生成result.html文件


<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>工程名称</h1>
<ul><li>AA</li><li>BB</li><li>CC</li>
</ul>
</body>
</html>

JAVA后台数据使用thymeleaf渲染html页面相关推荐

jsp获取java后台数据_springMVC笔记：jsp页面获取后台数据记录列表
1.读取数据库中的记录List> attributes; 2.Controller构造Model如下: @RequestMapping("display.do") publi ...
使用ajax获取后台数据怎么打印,我用ajax获取后台数据并展示在前端页面的方法【源码】...
<我用ajax获取后台数据并展示在前端页面的方法[源码]>由会员分享,可在线阅读,更多相关<我用ajax获取后台数据并展示在前端页面的方法[源码](2页珍藏版)>请在人人文库网 ...
java mysql物联网土壤智能监控web前端+java后台+数据接程序
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称 java mysql物联网土壤智能监控web前端+java后台+数据接程序视频效 ...
省市区三级联动后台数据动态加载到页面并实现修改
HTML页面 <select id="country" name="country"> <option selected="sele ...
微信小程序开发：Java后台MySQL数据库微信小程序页面
java后台服务器代码链接:https://pan.baidu.com/s/1KbvycGyND0xEZujLTFUzaw 提取码:2rlh 1.复制粘贴永远不是自己的.我是一名小白,做的有些粗糙, ...
ajax获取java后台数据_jQuery ajax获取后台数据怎么在前端显示。
前后端分离以后,前端界面采用ajax与后台数据交互.现在从后台获取到下载文件的集合,怎么在前端一行一行显示,点击某一行可以直接跳转过去下载对应的文件. pageEncoding="UTF-8 ...
java后台生成二维码以及页面显示二维码方式
上篇文章已经说明并发布了后台生成二维码工具类,大家可以直接去看或者去拿. 地址:最简单实用的java生成二维码工具现在呢说明页面上展示二维码的两种方式: 1.使用img标签的src来请求生成二维码, ...
jsp和Java后台数据如何交互
<% String path = request.getContextPath(); %> 获取jsp所在工程的名称 var ids = new Array(); $.ajax({ ...
java list数据的更新_新增页面提交数据 list页面没有更新数据
工作共遇到一个问题 ,新增页面提交数据 list页面没有更新数据,需要手动刷新数据才会提交展示出来.在页面试过很多刷新的方法都不是很好使,求大神解答.代码如下: add:的页面代码 rel=" ...

JAVA后台数据使用thymeleaf渲染html页面

JAVA后台数据使用thymeleaf渲染html页面相关推荐

最新文章

热门文章