二八佳人体似酥，腰间仗剑斩愚夫。虽然不见人头落，暗里教君骨髓枯。

上一章简单介绍了SpringBoot静态资源整合Bootstrap(十),如果没有看过，​​请观看上一章​​

学习整合之前，可以看一下老蝴蝶写的关于FreeMarker应用的相关文章: ​​FreeMarker的使用​​

SpringBoot 整合 FreeMarker

按照 SpringBoot 整合 BootStrap 的Maven方式创建相应的项目。

将模板 ftl 文件放置在 resources/templates 目录下

SpringBoot整合FreeMarker(十一)_spring

一. 一 pom.xml 添加相应的依赖

<!--引入 spring-boot-starter-freemarker的依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <!--添加一个webjar jquery-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.5.1</version>
        </dependency>
        <!--引入bootstrap-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>3.4.1</version>
        </dependency>

一.二 application.yml 配置文件中配置 FreeMarker的相关信息

# 引入 数据库的相关配置
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/springboot?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=UTF-8&useSSL=false&allowMultiQueries=true
    username: root
    password: abc123
    type: com.alibaba.druid.pool.DruidDataSource
  # 配置freemark的相关的信息
  freemarker:
    # 设置文件的路径，对应的是 directoryForTemplateLoading 属性
    # 关闭缓存，及时进行刷新。 上线生产环境，需要改成 true
    cache: false
    # 设置编码的样式
    charset: UTF-8
    #是否检查模板的位置
    check-template-location: false
    # 模板的样式
    content-type: text/html
    # 是否曝露
    expose-request-attributes: true
    expose-session-attributes: true
    request-context-attribute: request
    # 后缀
    suffix: .ftl
    template-loader-path: classpath:/templates/

一.三 配置资源映射

@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {
    /**
     * 配置静态的资源信息
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("doc.html").addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/");
        //映射 static 目录
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
        //放置其他 业务页面资源
        registry.addResourceHandler("/**").addResourceLocations("classpath:/templates/");
    }
}

一.四 静态资源 index.ftl

放置在 resources/templates 目录下

用的是 webjars 的 bootstrap 的样式。

<html>
<head>
    <title>Welcome ${web} </title>
    <link rel="StyleSheet" href="webjars/bootstrap/3.4.1/css/bootstrap.css" type="text/css">
</head>
<body>
<h1>Welcome ${user}!</h1>
<p>Girl:
    <a href="${info.url}">${info.name}</a>!
<table class="table table-hover">
    <th><td>id编号</td>
    <td>名称</td>
    <td>年龄</td>
    <td>性别</td>
    <td>描述</td>
    </th>
    <#if userList??>
        <#list userList as u>
            <tr><td>${u.id}</td>
                <td>${u.name}</td>
                <td>${u.age}</td>
                <td><#if u.sex==1>男<#else>女</#if></td>
                <td>${u.description}</td>
            </tr>
        </#list>
    <#-- 如果为空的话， #else 表示为空的意义-->
    <#else>
        <tr>
            没有数据
        </tr>
    </#if>
</table>
<script type="text/javascript" src="webjars/jquery/3.5.1/jquery.js"></script>
<script type="text/javascript" src="webjars/bootstrap/3.4.1/js/bootstrap.js"></script>
</body>
</html>

一.五 InfoController 类

老蝴蝶这儿只列举一个简单的查询的方法

@Controller
public class InfoController {
    @RequestMapping("/index")
    public String info(Model model){
        model.addAttribute("web","FreeMarker展示信息");
        model.addAttribute("user","两个蝴蝶飞");
        Map<String,Object> info=new HashMap<>();
        info.put("url","www.yueshushu.top");
        info.put("name","周小欢");
        model.addAttribute("info",info);
        model.addAttribute("userList",getUserList());
        return "index";
    }
    // 不采用数据库查询的方法
    private List<User> getUserList() {
        List<User> userList=new ArrayList<>();
        for(int i=1;i<=10;i++){
            User user=new User();
            user.setId(i);
            user.setName("蝴蝶"+i);
            user.setAge(i*3+1);
            user.setSex(i%2);
            user.setDescription("一个简单的描述");
            userList.add(user);
        }
        return userList;
    }
}

一.六 输入网址，进行访问

​​http://localhost:8081/FreeMarker/index​​

SpringBoot整合FreeMarker(十一)_bootstrap_02

SpringBoot整合 FreeMarker 模板，整合成功。



本章节的代码放置在 github 上:

https://github.com/yuejianli/springboot/tree/develop/Springboot_FreeMarker

谢谢您的观看，如果喜欢，请关注我，再次感谢 !!!