h5改造freemarker模板，js操作freemarker字符串、数组等数据

124 阅读 0 评论 82 点赞

我是靠谱客的博主愤怒八宝粥，最近开发中收集的这篇文章主要介绍h5改造freemarker模板，js操作freemarker字符串、数组等数据，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

h5改造成freemarker格式标签中调用可以直接参考freemarker官方文档
h5页面当中有很多调用后台数据，不使用ajax调用，直接调用freemarker的数据，
js中和标签当中的调用方式基本差不多。
js代码格式：举例字符串和数组格式
字符串

  let snldTitle2 = "${snldTitle2}"

数组需要先定义一个空数组，获取到freemarker的数据之后再遍历到数组当中才可以使用

let snldrqDataArr =[];
  <#if snldrqData??>
      <#list snldrqData as item>
            snldrqDataArr.push({
              route:"${item.route}",
              value:"${item.value}"
            });
      </#list>
  </#if>

后台本地测试代码

package com.bonc.testfm;

import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateException;
import org.junit.jupiter.api.Test;
import org.springframework.boot.test.context.SpringBootTest;

import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

//@SpringBootTest
class TestfmApplicationTests {

    @Test
    void contextLoads() {
        Configuration configuration = new Configuration(Configuration.getVersion());
        try {
            //ftl模板文件所在路径
            configuration.setDirectoryForTemplateLoading(new File("E:\project\newyear"));
            configuration.setDefaultEncoding("utf-8");
            //ftl模板文件名称
            Template template = configuration.getTemplate("new.ftl");
            Map dataModel = new HashMap<>();
//            省内流动人群
            dataModel.put("snldTitle2", "春节将至 特别想念那个叫家的地方");
            dataModel.put("snldrqData",new ArrayList<HashMap<String,String>>(){{
                add(new HashMap<String, String>(){{
                    put("route","太原市—晋中市");
                    put("value","517592");
                }});
                add(new HashMap<String, String>(){{
                    put("route","太原市—晋中市");
                    put("value","517592");
                }});
                //数组数据push进去，有多少数据push多少
            }});
            //输出路径   会按照此路径生成一个全新的html   打开运行此页面水命正常
            Writer out = new FileWriter(new File("e:\project\new.html"));
            try {
                template.process(dataModel, out);
            } catch (TemplateException e) {
                e.printStackTrace();
            }
            out.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

}