SpringBoot 使用Freemarker模板引擎

亦凉 2022-01-29 07:53 369阅读 0赞

### 一、SpringBoot 使用Freemarker ###

Freemarker是一个页面模板引擎，免费的。用 SpringBoot 整合Freemarker的方式如以下步骤：

1、在创建SpringBoot 的项目时，选择Freemarker的组件，或者自己手动在maven中添加库依赖：

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

2、在 application.yml（或aproperties）中添加相应的配置：

server:
      port: 80
    
    # 设定ftl文件路径
    spring:
      freemarker:
        template-loader-path: classpath:/templates
        charset: utf-8
        content-type: text/html; charset=utf-8
        expose-request-attributes: true
        allow-session-override: true
        expose-spring-macro-helpers: true
        suffix: .ftl
      # 设定静态文件路径，js,css等
      mvc:
        static-path-pattern: /static/**

3、新建一个controller类

@Controller
    public class IndexController {
    
        @GetMapping("/index")
        public String indexJsp(Model model){
            User user = new User();
            user.setUsername("张三");
            user.setAge(18);
            user.setBirthday(new Date());
            User user2 = new User();
            user2.setUsername("李四");
            user2.setAge(17);
            user2.setBirthday(new Date());
    
            List userList = new ArrayList<>();
            userList.add(user);
            userList.add(user2);
            model.addAttribute("userList", userList);
            return "indexFreemarker";
        }
    }

4、新建一个.ftl页面文件：html 文件后缀名改为ftl

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <h4>Freemarker首页</h4>
        <img src="../static/img/abc23.jpg" width="200px" height="100px"> <br>
        <#if userList.size() == 0>
            空值
        </#if>
        <#list userList as user>
            用户名：${user.username}，用户信息：${user}<br>
        </#list>
    </body>
    </html>

5、启动项目访问即可

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDAyODU0_size_16_color_FFFFFF_t_70][]    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDAyODU0_size_16_color_FFFFFF_t_70 1][]

### 二、Freemarker标签使用 ###

[ Freemarker 官方参考手册][Freemarker]

参考文章：[FreeMarker标签使用][FreeMarker]

挺详细的，熟能生巧。

end ~

**    **

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDAyODU0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190521145909147.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDAyODU0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNDAyODU0_size_16_color_FFFFFF_t_70 1]: /images/20220129/744903753bfe4db3b54e7d474b1e3c67.png
[Freemarker]: http://freemarker.foofun.cn/index.html
[FreeMarker]: https://www.cnblogs.com/jingwhale/p/4644566.html