使用freemarker模板生成html文件(二)

导言

在上一篇的博客中，笔者向读者介绍了如何将Json转对象，及如何将对象转Json。那么，在本次的博客中，笔者将要向读者介绍的是，如何将一个Map作为资源，然后生成一份HTML的文件。这里需要读者自己先预备好一份freemarker的模板，模板的后缀是ftl。如果读者对于freemarker比较陌生的话，自己百度查找一个，它的语法其实是很简单的。读者也可能通过笔者给的模板来学习freemarker。很容易，一下子就会的。只要准备好模板和数据源，那么通过freemarker的方法就可以很快生成html、word、excel的文件。

freemarker的模板

前面笔者说了，我们需要准备模板。所以这里笔者给出了如下的模板,全名为html2.ftl，这个模板的${}就是表示需要代码填充的值，而${xxx.aaa}其中xxx就是表示某个对象的值。如果有循环遍历的话，那么用<#list ></#list>的标签，如果有判断条件，则用<#if></#if>。关于其它的语法，读者可以自己查找。

<html><head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 12 (filtered)">
<meta name=Originator content="Microsoft Word 12 (filtered)"></head><body lang=ZH-CN style='text-justify-trim:punctuation'>
<style>*{margin:0;padding:0;}.MsoNormalTable{margin:0 1%;width:98%;}.MsoNormalTable-toolbar{position: fixed;right:10px;z-index: 2;}.MsoNormalTable-toolbar input{min-width: 24px;line-height: 20px;cursor: pointer;color: #444;background: #fafafa;background-repeat: repeat-x;border: 1px solid #bbb;background: -webkit-linear-gradient(top,#ffffff 0,#eeeeee 100%);background: -moz-linear-gradient(top,#ffffff 0,#eeeeee 100%);background: -o-linear-gradient(top,#ffffff 0,#eeeeee 100%);background: linear-gradient(to bottom,#ffffff 0,#eeeeee 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#eeeeee,GradientType=0);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;/*对于特殊符号无影响*/padding:0 2px;}body{min-width: 988px;font-family: "微软雅黑";}@media (min-width: 998px) {.MsoNormalTable-toolbar{right: 50px;margin-right: 50px;margin-top:3px;}}
</style><table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0style='border-collapse:collapse;border:none'><tr><td width=100% colspan=13 valign=top style='border:solid #BFBFBF 1.0pt;background:#4f81bd;padding:0cm 5.4pt 0cm 5.4pt'><h3 class="text-center">学校【${schoolName}】，学院【${className}】的人员信息</h3></td></tr><tr><td width=100% colspan=13 valign=top style='border:solid #BFBFBF 1.0pt;border-top:none;background:#8064a2;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span style='font-size:11pt;color:white'>姓名</span></p></td></tr><tr><td width=25% colspan=3 valign=top style='border:solid #BFBFBF 1.0pt;border-top:none;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span style='font-size:9.0pt;color:#404040'>姓名</span></p></td><td width=18.6% colspan=3 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span style='font-size:9.0pt;color:#404040'>别名</span></p></td><td width=18.5% colspan=2 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span lang=EN-US style='font-size:9.0pt;color:#404040'>年龄</span></p></td><td width=18.6% colspan=3 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span style='font-size:9.0pt;color:#404040'>地址</span></p></td></tr><#list student as user><tr><td width=25% colspan=3 valign=top style='border:solid #BFBFBF 1.0pt;border-top:none;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span lang=EN-US style='font-size:6.5pt;color:#888888'>${user.username}</span></p></td><td width=18.6% colspan=3 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span lang=EN-US style='font-size:6.5pt;color:#888888'>${user.secondName}</span></p></td><td width=18.5% colspan=2 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span lang=EN-US style='font-size:6.5pt;color:#888888'>${user.age}</span></p></td><td width=18.6% colspan=3 valign=top style='border-top:none;border-left:none;border-bottom:solid #BFBFBF 1.0pt;border-right:solid #BFBFBF 1.0pt;padding:0cm 5.4pt 0cm 5.4pt'><p class=MsoNormal><span lang=EN-US style='font-size:6.5pt;color:#888888'>${user.address}</span></p></td></tr></#list></body></html>

生成HTML/WORD/EXCEL文件

其实freemarker不仅仅生成HTML文件，还可以生成其它的文件，如word、excel的文件。这里笔者主要是介绍生成html的文件，其它两个文件只要改一下生成文件的后缀名就行了。如，生成html的文件，则是xxx.html;生成word文件，则xxx.doc;生成excel文件，则xxx.xls。

/*** 通过JSON生成Html，Excel，Word* @param data 数据源* @param fileName 文件名* @param templateFilePath 文件路径* @param templateFile 模板*/public static void createDayReportFiles(Map<String,Object> data,String fileName,String templateFilePath,String templateFile) {BufferedInputStream in = null;Writer out = null;  Template template = null;try {//构造ConfigurationConfiguration configuration = new Configuration();configuration.setDefaultEncoding("utf-8");  configuration.setObjectWrapper(ObjectWrapper.BEANS_WRAPPER);configuration.setDirectoryForTemplateLoading(new File(templateFilePath));try {  //test.ftl为要装载的模板  template = configuration.getTemplate(templateFile);  } catch (IOException e) {  e.printStackTrace();  }  //输出文档路径及名称  File outFile = new File(fileName);  FileOutputStream fos = null;  try {  fos = new FileOutputStream(outFile);  OutputStreamWriter oWriter = new OutputStreamWriter(fos,"UTF-8");  //这个地方对流的编码不可或缺，使用main（）单独调用时，应该可以，但是如果是web请求导出时导出后word文档就会打不开，并且包XML文件错误。主要是编码格式不正确，无法解析。  out = new BufferedWriter(oWriter);   } catch (FileNotFoundException e1) {  e1.printStackTrace();  }  //生成HTMLtemplate.process(data, out);} catch (FileNotFoundException e) {e.printStackTrace();} catch (UnsupportedEncodingException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} catch (TemplateException e) {e.printStackTrace();} finally {if(null != in) {try {in.close();} catch (IOException e) {e.printStackTrace();}}if(null != out) {try {out.close();} catch (IOException e) {e.printStackTrace();}}}}

测试方法

笔者写了如下的方法来测试上面的代码。执行下面的代码将会生成result.html.

 public static void main(String[] args) {Map<String,Object> classMap = new HashMap<String, Object>();classMap.put("schoolName", "NYU");classMap.put("className", "计算机科学与技术");List<Map<String,String>> stuList = new ArrayList<Map<String,String>>();//  Map<String,Map<String,String>> stuMap = new HashMap<String,Map<String,String>>();Map<String,String> students1 = new HashMap<String, String>();students1.put("username", "tom");students1.put("secondName", "joy");students1.put("age", "29");students1.put("address", "北京");Map<String,String> students2 = new HashMap<String, String>();students2.put("username", "Jim");students2.put("secondName", "william");students2.put("age", "22");students2.put("address", "上海");Map<String,String> students3 = new HashMap<String, String>();students3.put("username", "Jerry");students3.put("secondName", "Nick");students3.put("age", "25");students3.put("address", "深圳");stuList.add(students1);stuList.add(students2);stuList.add(students3);classMap.put("student", stuList);createDayReportFiles(classMap,"F:/ftl/result.html","F:/ftl/","html2.ftl");}

总结

以上就是笔者向读者们介绍的用freemarker来生成html文件。同时也给出了相应的代码。执行测试代码结果如下：