使用FreeMarker生成静态HTML

时间：2022-11-13 08:42:02

使用FreeMarker生成静态HTML

1. 从官网http://freemarker.org/下载jar包，将下载后的jar包加入项目

2. 将FreeMarker的封装成类，便于使用

FreeMarkerUtil.java

public class FreeMarkerUtil {

// 创建Configuration对象
private static Configuration config = new Configuration(Configuration.VERSION_2_3_25);

// 当前项目路径
public static String path = System.getProperty("user.dir"); 

/**
 * @param templateName 模板名
 * @param dataModel 模板模型 用于在模板内输出结果集
 * @param out 输出对象
 */
public static void processTemplate (String templateName, Map<?, ?> dataModel, Writer out) {

try {
// 获得模板
                Template template = config.getTemplate(templateName, "utf-8");

// 通过模板生成的html文件
                template.process(dataModel, out);

            } catch (IOException e) {
// TODO Auto-generated catch block
                e.printStackTrace();
            } catch (TemplateException e) {
// TODO Auto-generated catch block
                e.printStackTrace();
            } finally {
if (null != out) {
try {
                        out.close();
                    } catch (IOException e) {
// TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                    out = null;
                }
            }

    }

/**
 * 初始化模板配置
 * @param servletContext
 * @param templateDir
 */
public static void initConfig () {
        config.setLocale(Locale.CHINA);
        config.setDefaultEncoding("utf-8");
        config.setTemplateExceptionHandler(TemplateExceptionHandler.RETHROW_HANDLER);

try {
            config.setDirectoryForTemplateLoading(new File(path + "/WebContent/WEB-INF"));
        } catch (IOException e) {
// TODO Auto-generated catch block
            e.printStackTrace();
        }

    }

}

3. 创建ftl文件

ftl文件是生成html文件的模板文件。
当然，可以直接复制一段html内容，我们要做的只是替换其中的数据

body.ftl

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
<td>birthday</td>
</tr>
<!-- --> 左边这个在ftl中不是注释，记得删除
<!-- <#list></#list> 标签表示传入一个List，List的名字为users然后再遍历这个list取出它的item
 这个标签类似于JAVA中的foreach，只是":"被换成"as" -->
<#list users as user> 
<tr>
<!-- 取值按照item中的属性名来取
 如下，user中有个属性是id，所以就可以通过${user.id}来取得id的值 -->
<td>${user.id}</td>
<td>${user.name}</td>
<td>${user.age}</td>
<td>${user.birthday?string("yyyy-MM-dd hh:mm:ss")}</td>
</tr>
</#list>
</table>

</body>
</html>

4. 生成html文件

 /**
 * @param templateName ftl文件的名字
 * @param exportFilePath 导出的html路径
 */
public void exportFile (String templateName, String exportFilePath) {
        FreeMarkerUtil.initConfig(); // 初始化FreeMarker

        Map<String, Object> dataModel = new HashMap<String, Object>();
        Writer out = null;
try {
// 生成的index.html文件
            out = new OutputStreamWriter(new FileOutputStream(exportFilePath), "UTF-8");
        } catch (UnsupportedEncodingException e) {
// TODO Auto-generated catch block
            e.printStackTrace();
        } catch (FileNotFoundException e) {
// TODO Auto-generated catch block
            e.printStackTrace();
        }

// 创建数据源
        List<User> users = new ArrayList<>();
for (int i = 0; i < 10; i++) {
            User user = new User();
            user.setName("a"+i);
            user.setAge(i+10);
            user.setBirthday(new Date());
            user.setId(i);
            users.add(user);
        }

        dataModel.put("users", users); // 对应body.ftl中的list
        FreeMarkerUtil.processTemplate(templateName, dataModel, out); // 导出index.html文件

    }

运行生成的html文件的效果
使用FreeMarker生成静态HTML

成的html文件

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
<td>birthday</td>
</tr>
<tr>
<td>0</td>
<td>a0</td>
<td>10</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>1</td>
<td>a1</td>
<td>11</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>2</td>
<td>a2</td>
<td>12</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>3</td>
<td>a3</td>
<td>13</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>4</td>
<td>a4</td>
<td>14</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>5</td>
<td>a5</td>
<td>15</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>6</td>
<td>a6</td>
<td>16</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>7</td>
<td>a7</td>
<td>17</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>8</td>
<td>a8</td>
<td>18</td>
<td>2016-07-20 08:14:12</td>
</tr>
<tr>
<td>9</td>
<td>a9</td>
<td>19</td>
<td>2016-07-20 08:14:12</td>
</tr>
</table>

</body>
</html>

使用FreeMarker可以很简单的产生静态页面，它的使用类似于JSP标签JSTL，可以动手试试哦！
标签：

相关文章