#ssm#模板#freemarker模板渲染

freemaker 配置

  freemarker:
    charset: UTF-8
    suffix: .html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 hello world
 ${hello}

<#list list as i>
    <div data-id="${i}">${i_index} hello world </div>
</#list>



</body>
</html>
package com.lyr.blogweb.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Arrays;

/**
 * @Author lyr
 * @create 2020/8/2 14:23
 */
@Controller
public class IndexController {
    @RequestMapping("/hello")
    public String model(Model model) {
        model.addAttribute("hello","world");
        model.addAttribute("list", Arrays.asList(1,2,3,4,5));
        return "index";
    }
}

获取下标 用 item _index 加个下划线就可以了

freemaker 常用指令

if指令

<#if condition>
    xx
<#elseif condition>
    xx
<#else>
   xxxx
<#if>

例如

<# flag=1>
    1
</#elseif flag=2>
  2
<#else>
  null
 </#if>

循环指令

<#list list as i>
    ${i_index}. ${i} <#if i_has_next>,</#if>
</#list>

在这里插入图片描述

<#list list as i>
    ${i_index}. ${i} <#if i_has_next>,</#if>
    <#if i==4><#break ></#if>
</#list>

在这里插入图片描述

assign赋值指令

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 hello world
 ${hello}
 <br>

<#list list as i>
    ${i_index}. ${i} <#if i_has_next>,</#if>
    <#if i==4><#break ></#if>
</#list>

<#include "404.html">

<#--
  这个是 freemaker 的注释
  上面引入了片段并且执行了
-->
<#--
  assign 指令,定义数据存入模型
-->
<#assign example=666>

${example}

</body>
</html>

freemaker 内置函数

<#assign example="TOMCAT">

${example?lower_case}

在这里插入图片描述

定义宏

<#macro fun param>
    <strong>hello ${param}</strong>
</#macro>

<@fun param=666 />

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值