java ftl 合并_SpringBoot整合freemarker的讲解

本文详细介绍了如何在SpringBoot中整合Freemarker模板引擎,包括添加依赖、配置模板路径、创建模板文件、读取配置文件、创建Controller以及展示数据。通过实例展示了Freemarker在前后端不分离场景下的应用,如创建简单的页面和表格展示。最后,文章提供了整合过程的总结,对初学者具有指导意义。
摘要由CSDN通过智能技术生成

freemarker和thymeleaf是模板引擎。在早前我们使用Struts或者SpringMVC等框架的时候,使用的都是jsp,jsp的本质其实就是一个Servlet,其中的数据需要在后端进行渲染,然后再在客户端显示,效率比较低下。而模板引擎恰恰相反,其中的数据渲染是在客户端,效率方面比较理想一点。前后端不分离的话用模板引擎比较好,前后端分离的话其实用处并不大很大。Spring官方比较推荐的是thymeleaf,其文件后缀是html。本篇文章我们主要来看看SpringBoot整合freemarker,SpringBoot整合thymeleaf我们将在后面的文章中讲解。

先来看一下项目文件目录:

5d8220f2d0473a9e78ce0571dfc54556.png

首先,pom.xml中导入freemarker的依赖:

org.springframework.boot

spring-boot-starter-freemarker

在application.properties(或yml)配置文件中加入freemarker相关配置:

# freemarker静态资源配置

# 设定ftl文件路径

spring.freemarker.tempalte-loader-path=classpath:/templates

# 关闭缓存,及时刷新,上线生产环境需要修改为true

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

这里指定了freemarker文件的路径是classpath/templates,在resources文件夹下的templates新建freemarker文件夹,并且在其中新建index.ftl(上面配置文件中已经指定了freemarker模板的文件后缀为ftl):

FreeMarker模板引擎

${resource.name}

${resource.website}

${resource.language}

我们在resources下新建resource.properties:

com.haozz.opensource.name=wangshu

com.haozz.opensource.website=www.haozz.top:18158/

com.haozz.opensource.language=chinese

在SpringBoot启动类统计目录下新建utils包,在其中新建Resources类(此处使用配置文件引入相关数据):

package com.haozz.freemarkerdemo.utils;

import org.springframework.boot.context.properties.ConfigurationProperties;

import org.springframework.context.annotation.Configuration;

import org.springframework.context.annotation.PropertySource;

//表示这个类是一个读取配置文件的类

@Configuration

//指定配置的一些属性,其中的prefix表示前缀

@ConfigurationProperties(prefix = "com.haozz.opensource")

//指定所读取的配置文件的路径

@PropertySource(value = "classpath:resource.properties")

public class Resource {

private String name;

private String website;

private String language;

//...setter and getter

}

新建Controller包,新建FreeMarkerCtrl类:

package com.haozz.freemarkerdemo.controller;

import com.haozz.freemarkerdemo.utils.Resource;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.ModelMap;

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

@Controller

@RequestMapping(value = "/ftl")

public class FreeMarkerCtrl {

@Autowired

private Resource resource;

@RequestMapping(value = "index")

public String index(ModelMap map){

map.addAttribute("resource",resource);

return "freemarker/index";

}

}

这里的ModelMap就相当于SpringMVC中的ModelAndView,其中的很多方法也很类似,我们这里返回的字符串就是freemarker模板的路径,不用写后缀,因为配置文件中已经指定了后缀为.ftl

浏览器发起请求,得到结果:

5f6037e120954e8e29274c07cef6baed.png

这样,SpringBoot整合freemarker就好了。

我们再来试一下表格的形式。

FreeMarkerCtrl中新增方法:

@RequestMapping(value ="center")

public String center(ModelMap map){

map.put("users",parseUsers());

map.put("title","用户列表");

return "freemarker/center/center";

}

private List parseUsers(){

List list= new ArrayList<>();

for(int i=0;i<10;i++){

Map map= new HashMap();

map.put("name","kevin_"+i);

map.put("age",10+i);

map.put("phone","1860291105"+i);

list.add(map);

}

return list;

}

在resources/templates/freemarker下新建center文件夹,新建center.ftl:

${title}

table {

width: 50%;

font-size: .938em;

border-collapse: collapse;/*边框合并*/

}

th {

text-align: left;

padding: .5em .5em;

font-weight: bold;

background: #66677c;color: #fff;

}

td {

padding: .5em .5em;

border-bottom: solid 1px #ccc;

}

table,table tr th, table tr td { border:1px solid #0094ff; }/*设置边框*/

NameAgePhone
${user.name}${user.age}${user.phone}

#list>

浏览器请求:

f5af4fb7d807c4c6fdb9d983eb5e1163.png

可以看到,在center.ftl中,我们使用了的写法,这个相当于jstl表达式中的c:forEach。而users集合我们在FreeMarkerCtrl已经初始化了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值