Springboot集成Freemarker学习笔记1

7 篇文章 0 订阅
3 篇文章 0 订阅

本文IDE:idea
环境:maven+Springboot+Freemarker
文件结构:
在这里插入图片描述
本文采取的测试方法有【1、固定值;2、循环生成固定值;3、读取配置文件;4、读取数据库】

1、pom.xml 文件导包

   <!--这个包是服务于@ConfigurationProperties注解的-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <optional>true</optional>
        </dependency>

        <!--Freemarker插件包-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <!--lombok插件-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.16.16</version>
        </dependency>

2、创建Controller

package com.uflinux.demo.controller;
import com.uflinux.demo.util.Resource;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
 * @program: springbootdemo
 * @description:第一个Freemarker的Demo,获取静态值返回并生成页面
 * @author: Feng_Lei
 * @create: 2020-04-15 17:47
 **/
@Controller
public class FreeMarkerCtrl {
/**
* @Description: 一、此处是第一个Freemarker的例子
* @Param: [表达意思为返回一个model,key=name,并获取写死的那么的值,最后返回到demo。html页面]
* @return: java.lang.String
* @Author: Mr.Feng
* @Date: 2020/4/15
*/
    @RequestMapping(value = "index")
    public String index(Model map){
        map.addAttribute("title","这是一个静态表格的ftl");
        map.addAttribute("name","风斯托洛夫斯基");
        map.addAttribute("age","30+");
        map.addAttribute("phone","110");

        return "freemarker/center";
    }
    /**
    * @Description:下面的这个方法预想是得到一个类的值,通过动态生成数据
    * @Param:
    * @return:返回的是动态生成的列表
    * @Author: Mr.Feng
    * @Date: 2020/4/15
    */
    @RequestMapping(value ="center")
    public String  center(ModelMap map){
        //此处调用类内部方法,获得数据,返回的是一个users的集合map,的视图
        //在center2的ftl中呢,是使用了ftl的list标签,别名是user,然后获得user的每一个子项
        map.put("users",parseUsers());
        map.put("title","用户列表");
        return "freemarker/center2";
    }
    //此处是一个类内部方法
    private List<Map> parseUsers(){
        List<Map> list= new ArrayList<>();
        for(int i=0;i<100;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;
    }


    @Autowired
    private Resource resource;//此处使用的是spring的注入方式
    @RequestMapping("demo")//二级路径
    public String hello(Model model){//返回视图层
        //下面的三个选项是基于读取配置文件二得到的内容
        model.addAttribute("name",resource.getName());
        model.addAttribute("language",resource.getLanguage());
        model.addAttribute("Website",resource.getWebsite());
        return "freemarker/demo";
    }
}

2、Freemarker工具类Resource

package com.uflinux.demo.util;

import lombok.Data;
import lombok.EqualsAndHashCode;
import lombok.ToString;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.PropertySource;

/**
 * @program: springbootdemo
 * @description:
 * @author: Feng_Lei
 * @create: 2020-04-15 17:49
 **/


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

//指定配置的一些属性,其中的prefix表示前缀
//大致代表读取文件中内容的key是什么,具体是什么是自定义的
@ConfigurationProperties(prefix = "com.uflinux")
/*
此处如果缺少【spring-boot-configuration-processor】的pom配置,则会出现【Spring引导配置注释处理器未配置】的错误
 */

//指定所读取的配置文件的路径
@PropertySource(value = "classpath:resource.properties")
public class Resource {

    private String name ;
    private String website;
    private String language;

    //...setter and getter


}

3、application.properties

spring:
  mvc:
    static-path-pattern:/static/**
    view:
      suffix:.html
      prefix:/
  freemarker:
    cache: false #关闭模板缓存,方便测试
    settings:
         template_update_delay: 0 #检查模板更新延迟时间,设置为0表示立即检查,如果时间大于0会有缓存不方便进行模板测试
#设定ftl文件路径
    template-loader-path:classpath:/templates
#设定静态文件路径,js,css等
#    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

4、resource.properties

实体类配置文件

com.uflinux.name=China
com.uflinux.website=www.baidu.top:18158/
com.uflinux.language=chinese

5、在templates/freemarker目录下,创建flt文件(PS:demo.ftl;center.ftl;center2.ftl)

center:

<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <title>${title}</title>
    <style>
        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; }/*设置边框*/
    </style>
</head>
<body>
<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Phone</th>
    </tr>
   <#-- <#list users as user>-->
        <tr>
            <td>${name}</td>
            <td>${age}</td>
            <td>${phone}</td>
        </tr>
    <#-- </#list>-->
</table>
</body>
</html>

center2 :

<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <title>${title}</title>
    <style>
        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; }/*设置边框*/
    </style>
</head>
<body>
<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Phone</th>
    </tr>
    <#list users as user>
    <tr>
        <td>${user.name}</td>
        <td>${user.age}</td>
        <td>${user.phone}</td>
    </tr>
     </#list>
</table>
</body>
</html>

demo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker页面</title>
</head>
<body>

FreeMarker模板引擎
<h1>${name}</h1>
<h1>${language}</h1>
<h1>${Website}</h1>
</body>
</html>

分别得到的页面截图
1、index方法在这里插入图片描述
2、center方法
在这里插入图片描述
3、demo方法
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值