spring boot 使用velocity、freeMarker模板创建html页面返回给前端

最新推荐文章于 2024-08-13 21:01:43 发布

Clement-Xu

最新推荐文章于 2024-08-13 21:01:43 发布

阅读量1.6w

点赞数 3

分类专栏： Spring Boot 其他第三方框架文章标签： spring-boot velocity html 页面 freemarker

本文链接：https://blog.csdn.net/clementad/article/details/51821264

版权

Spring Boot 同时被 2 个专栏收录

28 篇文章 4 订阅

订阅专栏

其他第三方框架

6 篇文章 0 订阅

订阅专栏

简单几步，实现在spring boot中使用velocity或freeMarker模板构造页面后返回给前端：

1、引入依赖和创建templates目录：
Velocity： http://blog.csdn.net/clementad/article/details/51819647
FreeMarker： http://blog.csdn.net/clementad/article/details/51942629

2、创建模板文件：

创建两个文件，一个对应于正常的页面，文件名：

Velocity：welcome.vm

FreeMarker：welcome.ftl

<!DOCTYPE html>
<html>
<body>
<h4>亲爱的${toUserName}，你好！</h4>

<p style="color:blue;"> ${message}</p>

祝：开心！
</br>
${fromUserName}
</br>
${time}

</body>
</html>

一个对应于错误的页面（ulr输入错误时自动输出这个页面，文件名：error.vm或error.ftl）：

<!DOCTYPE html>
<html>
<body>
	<p>有错误： ${status} ${error}</p>
</body>
</html>

3、Controller代码：

package com.xjj.web.controller;

import java.util.Map;

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

import com.xjj.util.XDateUtils;

@Controller
@RequestMapping("/web")
public class WebController {
	
	@RequestMapping("/hi")
	public String hi(Map<String, Object> model) {
		model.put("time", XDateUtils.nowToString());
		model.put("message", "这是测试的内容。。。");
		model.put("toUserName", "张三");
		model.put("fromUserName", "老许");
		return "welcome"; //自动寻找resources/templates中名字为welcome.vm的文件作为模板，拼装后返回
	}
}

4、测试：
浏览器中输入url：http://localhost:8082/web/hi
结果：