springboot模板(thymeleaf、freemarker)

Thymeleaf模板

Thymeleaf的优点:它就是html页面

相关pom依赖:


            org.springframework.boot
            spring-boot-starter-thymeleaf
        

注意:
Spring Boot官方文档建议在开发时将缓存关闭,那就在application.properties文件中加入下面这行
spring.thymeleaf.cache=false
正式环境还是要将缓存开启的

application.properties–》application.yml
1、application.yml文件的默认配置

spring:
  thymeleaf:
    cache: false

springboot模板(thymeleaf、freemarker)_第1张图片
在controller中跳转:
springboot模板(thymeleaf、freemarker)_第2张图片
springboot模板(thymeleaf、freemarker)_第3张图片

thymeleaf标签:

在页面上方导入
springboot模板(thymeleaf、freemarker)_第4张图片
(1)取值

xxx

(2)foreach

用户id 用户姓名 用户描述
用户id 用户姓名 用户描述

(3)下拉框


Freemarker模板

相关pom依赖:


	org.springframework.boot
	spring-boot-starter-freemarker
   

application.yml文件的默认配置:

spring:
  freemarker:
    # 设置模板后缀名
    suffix: .ftl
    # 设置文档类型
    content-type: text/html
    # 设置页面编码格式
    charset: UTF-8
    # 设置页面缓存
    cache: false
    # 设置ftl文件路径,默认是/templates,为演示效果添加role
    template-loader-path: classpath:/templates/role
  mvc:
    static-path-pattern: /static/**
	

springboot模板(thymeleaf、freemarker)_第5张图片
怎么添加创建ftl文件:
springboot模板(thymeleaf、freemarker)_第6张图片
springboot模板(thymeleaf、freemarker)_第7张图片
要添加后才会有
springboot模板(thymeleaf、freemarker)_第8张图片

在controller中跳转:
注意:
springboot模板(thymeleaf、freemarker)_第9张图片
springboot模板(thymeleaf、freemarker)_第10张图片
springboot模板(thymeleaf、freemarker)_第11张图片

freemarker标签:

springboot模板(thymeleaf、freemarker)_第12张图片
(1)取值

xxxxxxx 【${name!"我靠"}】

注意:如果后台传的值是null,不加!会报错,!后面的值表示默认值
(2)非空判断
exists用在逻辑判断

<#if name??>
    xxxx

<#if name?exists>
    ${name}

(3)条件表达式

<#if sex=="boy">
    男
<#elseif sex=="girl">
女
<#else>
人妖

(4)循环


    <#list users as user>
    
用户id 用户姓名 用户描述
${user.uid} ${user.username} ${user.desc}

注意:freemarker和thymeleaf的数据源位置不同

(5)获取项目名(局部变量、全局变量)

获取项目名(局部变量、全局变量)

局部变量 <#assign ctx1> ${springMacroRequestContext.contextPath} 全局变量 <#global ctx2> ${springMacroRequestContext.contextPath} ${ctx1},${ctx2}

(6)调用外部文件

<#include "foot.ftl">

你可能感兴趣的:(springboot)