• JavaWeb页面静态化之使用freemarker模板生成一个html静态页面


    题外话:
           页面静态化(展示数据从JSP页面变成HTML页面)实现方式-->模板技术   从本质上来讲,模板技术是一个占位符动态替换技术。一个完整的模板技术需要四个元素:①模板语言(使用的语法)   ②包含模板语言的模板文件(.ftl结尾)   ③模板引擎(jar包)  ④拥有动态数据的数据对象
           FreeMarker是一款模板引擎:即一种基于模板和要改变的数据,并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。


    静态页面在什么时候生成??
        数据新增,修改的时候会生成一个新的静态化页面, 在数据删除的时候会将原有的静态化页面删除

    如何使用freemarker模板生成一个html页面呢???
        注意:导入freemarker的jar包

    点击下载FreeMarker文档+jar包资源   密码:2ndt

    1. /**
    2. * 1.创建配置实例
    3. * 2.获得模板
    4. * 3.创建数据模型[数据模型可以是List、Map对象 注意:Map类型的key必须是String类型]
    5. * 4.将模板和数据模型合并
    6. * @author 郑清
    7. */
    8. public class FreeMarkerTest {
    9.  
    10. @Test
    11. public void testCreateHtml() throws Exception{
    12. //①创建配置对象
    13. Configuration cfg = new Configuration(Configuration.VERSION_2_3_28);//注意:这里需要传递一个版本
    14. File f = new File("E:/eclipse-workspace/JavaWeb_workspace/JavaWeb/src/main/webapp/test");
    15. //②读取模板文件夹
    16. cfg.setDirectoryForTemplateLoading(f);//设置要加载的模板文件的路径
    17. //③设置模板的编码格式
    18. cfg.setDefaultEncoding("UTF-8");
    19.  
    20. //④获取模板对象
    21. Template template = cfg.getTemplate("hello.ftl");//hello.ftl是模板名称
    22.  
    23. //⑤创建数据模型(这里使用map类型) --[数据模型可以是List、Map对象 注意:Map类型的key必须是String类型]
    24. HashMap<String, Object> map = new HashMap<>();
    25. map.put("username", "郑清");
    26. HashMap<String, Object> map2 = new HashMap<>();//map2存储的是a标签的href和显示名字
    27. map2.put("href","https://www.baidu.com");
    28. map2.put("name","百度");
    29. map.put("a", map2);
    30.  
    31. //⑥将模板和数据模型合并 --> 输出模板,生成文件
    32. PrintWriter pw = new PrintWriter(new File(f, "hello.html"));
    33. template.process(map, pw);//合并 map:数据模型 pw:输出流对象
    34. pw.close();//关闭流
    35. }
    36.  
    37. }

    ${key  }     -->   获取数据模型中的对应值

    当数据模型为对象时:

    浏览器运行效果:


    FreeMarker中的基本语法:     (更多语法在FreeMarker文档中查看!!)
    ①判断:

    1. <#if 条件></#if>
    2. </#esleif 条件>

    ②遍历:

    1. <#list 数据 as 变量>
    2. ${变量 }
    3. </#list>

    ③遍历map:  map?keys --> 获取map中的key

    1. <#list map?keys as 变量>
    2. 输出key:${变量}
    3. 输出map的值:${map[变量]}
    4. </#list>
  • 相关阅读:
    流程图如何画
    flex布局
    css函数
    常用的Array相关的属性和方法
    判断一个字符串中出现次数最多的字符,统计这个次数
    css溢出滚动条及去除滚动条的方法
    vue生命周期
    css中添加屏幕自适应方法(rem)
    vue-cli中配置屏幕自适应(px2rem)
    关于解决项目运行时出现的缓存问题
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11435668.html
Copyright © 2020-2023  润新知