FreeMarker 页面静态化—快速入门（三）

超、凢脫俗 2022-12-31 10:30 154阅读 0赞

## FreeMarker的主要学习内容 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xPVkVfTWVfXw_size_16_color_FFFFFF_t_70][]

FreeMarker中文官方手册（可结合学习）[http://freemarker.foofun.cn/][http_freemarker.foofun.cn]

FreeMarker学习笔记源码git地址（可供下载）：[https://github.com/L-Melted][https_github.com_L-Melted][/FreeMarkerDemo.git][FreeMarkerDemo.git]

### 四、FreeMarker 页面静态化 ###

> 通过上述介绍可知Freemarker是一种基于模板的、用来生成输出文本的通用工具，所以我们必须要定制符合自己业务的模板，然后生成自己的Html页面。Freemarker是通过freemarker.template.Configuration这个对象对模板进行加载的（它也处理创建和缓存预解析模板的工作），然后我们通过getTemplate方法获得你想要的模板，有一点要记住freemarker.template.Configuration在你整个应用必须保证唯一实例。

创建Servlet，方便向对应页面进行跳转

package com.xxx.servlet;
    
    import freemarker.template.Configuration;
    import freemarker.template.Template;
    import freemarker.template.TemplateException;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.File;
    import java.io.FileWriter;
    import java.io.IOException;
    import java.util.HashMap;
    import java.util.Map;
    
    /**
     *  @author: liman
     *  @Date: 2020/12/29 15:47
     *  @Description: FreeMarker 常见指令 ：macro指令
     */
    @WebServlet("/newsServlet")
    public class NewsServlet extends HttpServlet {
        @Override
        protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            // 实例化模板对象
            Configuration configuration = new Configuration();
            // 设置加载模板的上下文 以及加载模板的路径 （模板存放路径）
            configuration.setServletContextForTemplateLoading(getServletContext(),"/template");
            // 设置模板的编码格式
            configuration.setDefaultEncoding("UTF-8");
            // 加载模板文件 获取模板对象
            Template template = configuration.getTemplate("news.ftl");
    
            // 设置数据模型
            Map<String, Object> map = new HashMap<>();
            map.put("title","蒙古国捐赠3万只羊分发完成，附分发明细图");
            map.put("source","澎湃新闻");
            map.put("pubTime","2020-12-29 14:43");
            map.put("content","湖北日报12月29日消息，12月28日，湖北省慈善总会按照有关要求和程序，对蒙古国捐赠羊的分发情况进行公示。社会各界持续关注的捐赠羊，已全部分享给省内新冠肺炎医疗救治定点医院一线医务工作者、全国各地援鄂医疗队以及在我省新冠肺炎疫情防控中因公殉职人员的家属。");
    
            // 获取项目的根目录
            String basePath = req.getServletContext().getRealPath("/");
            // 设置html的存放路径
            File htmlFile = new File(basePath + "/html");
            // 判断文件（目录）是否存在
            if(!htmlFile.exists()){
                // 如果文件目录不存在，则新建文件目录
                htmlFile.mkdirs();
            }
            // 得到生成的文件名 （生成随机不重复的文件名）
            String fileName = System.currentTimeMillis() + ".html";
            // 创建html文件
            File file = new File(htmlFile, fileName);
            // 获取文件输出流
            FileWriter writer = new FileWriter(file);
    
            // 生成html(将数据模型填充到模板中)
            try {
                template.process(map,writer);
            } catch (TemplateException e) {
                e.printStackTrace();
            } finally {
                // 关闭资源
                writer.flush();
                writer.close();
            }
    
    
        }
    }

在webapp的template文件下面创建news.ftl文件获取数据

<!doctype html>
    <html>
        <head>
            <#-- freemarker模板中设置编码格式，否则中文可能乱码 -->
            <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        </head>
        <body>
            <#-- 新闻标题 -->
            <h2 align="center">${title}</h2>
        <#-- 新闻来源 和 发布时间 -->
        <p align="center">
            新闻来源：${source}   
            发布时间：${pubTime}
        </p>
        <#-- 新闻内容 -->
        <p style="text-indent: 2em">
            ${content}
        </p>
        </body>
    </html>

启动项目：访问，就会自动生成html模板

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xPVkVfTWVfXw_size_16_color_FFFFFF_t_70]: /images/20221120/f657a963a3d94c1b94fb765c226959f5.png
[http_freemarker.foofun.cn]: http://freemarker.foofun.cn/
[https_github.com_L-Melted]: https://github.com/L-Melted/aspose-word-excel.git
[FreeMarkerDemo.git]: https://github.com/Lm-971010/FreeMarkerDemo.git