码迷,mamicode.com
首页 > 编程语言 > 详细

Spring Boot入门系列五(FreeMarker模板的使用)

时间:2018-06-14 01:07:49      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:template   site   free   nbsp   ext   red   enter   body   elm   

FreeMarker模板的使用

  FreeMarker是一款模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页、电子邮件、配置文件、源代码等)的通用工具。 它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。
  FreeMarker是免费的,基于Apache许可证2.0 版本发布。其模板编写为 FreeMarker Template Language(FTL),属于简单、专用的语言。需要准备数据在真实编程语言中来显示,比如数据库查询和业务运算, 之后模板显示已经准备好的数据。在模板中,主要用于如何展现数据, 而在模板之外注意于要展示什么数据。

使用方法;

一、在pom.xml中引入依赖

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

二、在application.properties中配置FreeMarker

############################################################
#
# freemarker
#
############################################################
spring.freemarker.template-loader-path=classpath:/templates
spring.freemarker.cache=false
spring.freemarker.charset=UTF-8
spring.freemarker.check-template-location=true
spring.freemarker.content-type=text/html
spring.freemarker.expose-request-attributes=true
spring.freemarker.expose-session-attributes=true
spring.freemarker.request-context-attribute=request
spring.freemarker.suffix=.ftl

三、创建index.ftl文件,用于在浏览器端展示数据

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <title></title>
</head>
<body>
FreeMarker模板引擎
<h1>${resource.name}</h1>
<h1>${resource.webSite}</h1>
<h1>${resource.language}</h1>
</body>
</html>

        技术分享图片

四、创建Controller,用于向前端页面返回数据

  

/**
 * @author oyc
 * @Title:
 * @Description:
 * @date 2018/6/1323:15
 */

@Controller
@RequestMapping("ftl")
public class FreemarkerController {

    @Autowired
    private Resource resource;

    @RequestMapping("/index")
    public String index(ModelMap map) {
        map.addAttribute("resource", resource);
        return "freemarker/index";
    }
}

             技术分享图片

六、在浏览器访问相应的地址,即可展现我们猜想到的界面:

                技术分享图片

 

Spring Boot入门系列五(FreeMarker模板的使用)

标签:template   site   free   nbsp   ext   red   enter   body   elm   

原文地址:https://www.cnblogs.com/oycyqr/p/9180824.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!