zoukankan      html  css  js  c++  java
  • FreeMarker

    freemarker作为springmvc一种视图格式,默认情况下SpringMVC支持freemarker视图格式。

    创建Spring Boot+Freemarker工程用于测试模板

    1.创建测试工程,引入坐标:

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.0.1.RELEASE</version>
    </parent>
    
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.16.16</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
        </dependency>
    </dependencies>

    2.编写配置文件application.yml

    server:
      port: 8088 #服务端口
    spring:
      application:
        name: test‐freemarker #指定服务名
      freemarker:
        cache: false #关闭模板缓存,方便测试
        settings:
          template_update_delay: 0 #检查模板更新延迟时间,设置为0表示立即检查,如果时间大于0会有缓存不方便进行模板测试

    4.创建模型类

    5.创建模板

      在 src/main/resources下创建templates,此目录为freemarker的默认模板存放目录。

      在templates下创建模板文件test1.ftl,模板中的${name}最终会被freemarker替换成具体的数据。

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf‐8">
        <title>Hello World!</title>
    </head>
    <body>
    Hello ${name}!
    </body>
    </html>

    6.创建controller

    @Controller
    @RequestMapping("/freemarker")
    public class FreemarkerController {
    
        @RequestMapping("/test1")
        public String freemarker(Map<String, Object> map) {
            // map就是freemarker模板所使用的数据
            map.put("name", "freemarker");
            
            //返回freemarker模板的位置,基于resources/templates路径
            return "test1";
        }
    }

    7.创建启动类

    @SpringBootApplication
    public class FreemarkerTestApplication {
        public static void main(String[] args) {
            SpringApplication.run(FreemarkerTestApplication.class, args);
        }
    }

    8.测试,访问 http://localhost:8088/freemarker/test1

      

     FreeMarker 基础:

      基础语法:

        1、注释,即<#‐‐和‐‐>,介于其之间的内容会被freemarker忽略
        2、插值(Interpolation):即${..}部分,freemarker会用真实的值代替${..}
        3、FTL指令:和HTML标记类似,名字前加#予以区分,Freemarker会解析标签中的表达式或逻辑。
        4、文本,仅文本信息,这些不是freemarker的注释、插值、FTL指令的内容会被freemarker忽略解析,直接输出内容。
      List指令:xxx_index 可以取出当前序号,从0开始

        map.put("stus",stus);

    <table>
        <tr>
         <td>序号</td>    
            <td>姓名</td>
            <td>年龄</td>
            <td>钱包</td>
        </tr>
        <#list stus as stu>
            <tr>
                <td>${stu_index + 1}</td>
                <td>${stu.name}</td>
                <td>${stu.age}</td>
                <td>${stu.money}</td>
            </tr>
        </#list>
    </table>

      遍历Map数据:

        map.put("stuMap",stuMap);

    输出stu1的学生信息方式1:<br/>
    姓名:${stuMap['stu1'].name}<br/>
    年龄:${stuMap['stu1'].age}<br/>
    输出stu1的学生信息方式2:<br/>
    姓名:${stuMap.stu1.name}<br/>
    年龄:${stuMap.stu1.age}<br/>
    遍历输出两个学生信息:<br/>
    <table>
        <tr>
            <td>序号</td>
            <td>姓名</td>
            <td>年龄</td>
            <td>钱包</td>
        </tr>
    <#list stuMap?keys as k>
    <tr>
        <td>${k_index + 1}</td>
        <td>${stuMap[k].name}</td>
        <td>${stuMap[k].age}</td>
        <td >${stuMap[k].money}</td>
    </tr>
    </#list>
    </table>

      if指令:

        <td <#if stu.name =='小明'>style="background:red;"</#if>>${stu.name}</td>

      其它指令:

        1.运算符

          1、算数运算符  FreeMarker表达式中完全支持算术运算,FreeMarker支持的算术运算符包括:+, - , * , / , %

          2、逻辑运算符  逻辑运算符有如下几个: 逻辑与:&& 逻辑或:|| 逻辑非:!   逻辑运算符只能作用于布尔值,否则将产生错误

          3、比较运算符  表达式中支持的比较运算符有如下几个: 1 =或者==:判断两个值是否相等. 2 !=:判断两个值是否不等. 3 >或者gt:判断左边值是否大于右边值 4 >=或者gte:判断左边值是否大于等于右边值 5 <或者lt:判断左边值是否小于右边值 6 <=或者lte:判断左边值是否小于等于右边值
            注意: =和!=可以用于字符串,数值和日期来比较是否相等,但=和!=两边必须是相同类型的值,否则会产生错误,而且FreeMarker是精确比较,"x","x ","X"是不等的.其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:<#if (x>y)>
        2.空值处理

          1、判断某变量是否存在使用 “??”  用法为:variable??,如果该变量存在,返回true,否则返回false

    <#if stus??>
        <#list stus as stu>
         ......    
        </#list>
    </#if>

          2、缺失变量默认值使用 “!”  使用 ! 要指定一个默认值,当变量为空时显示默认值。

            ${name!''}表示如果name为空显示空字符串。

            如果是嵌套对象则建议使用()括起来。

              ${(stu.bestFriend.name)!'匿名'}表示,如果stu或bestFriend或name为空默认显示'匿名'。

        3.内建函数

          内建函数语法格式: 变量+?+函数名称

          1、计算集合大小  ${集合名?size}

          2、日期格式化

            显示年月日: ${today?date}
            显示时分秒:${today?time}  
            显示日期+时间:${today?datetime} <br>       
            自定义格式化:  ${today?string("yyyy年MM月")}

          3、内建函数c

            map.put("point", 102920122);

            point是数字型,使用${point}会显示这个数字的值,并且每三位使用逗号分隔。

            如果不想显示为每三位分隔的数字,可以使用c函数将数字型转成字符串输出  ${point?c}

          4、将json字符串转成对象

            assign标签的作用是定义一个变量,data=text?eval表示把json字符串text转换成对象data

    <#assign text="{'bank':'工商银行','account':'10101920201920212'}" />
    <#assign data=text?eval />
    开户行:${data.bank}  账号:${data.account}
  • 相关阅读:
    WCF系列之双工通信 牧羊人
    WCF系列之承载(IISHTTP) 牧羊人
    在Ubuntu 10.10下安装JDK配置Eclipse及Tomcat【转载 + 订正】
    gconfeditor简介【转载】
    Ubuntu10.10(linux) 安装jdk1.6及环境变量的设置【转载】
    ubuntu下txt文件中文显示乱码的方法【转载】
    程序员的编辑器——VIM【转载】
    xx is not in the sudoers file 问题解决【转载】
    win7下配置PHP+apache+mysql【转载 + 补充】
    ubuntu忘记密码,忘记root密码的解决方法!【转载】
  • 原文地址:https://www.cnblogs.com/roadlandscape/p/12637392.html
Copyright © 2011-2022 走看看