Spring Boot 菜鸟教程 10 freemarker导出
2017-01-20 本文已影响354人
JeGe
freemarker
- FreeMarker是一款模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本（HTML网页、电子邮件、配置文件、源代码等）的通用工具。 它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。
- FreeMarker是免费的，基于Apache许可证2.0版本发布。其模板编写为FreeMarker Template Language（FTL），属于简单、专用的语言。需要准备数据在真实编程语言中来显示，比如数据库查询和业务运算， 之后模板显示已经准备好的数据。在模板中，主要用于如何展现数据， 而在模板之外注意于要展示什么数据。
最终下载效果
这里写图片描述
项目图片
操作流程
-
准备doc模版
这里写图片描述
-
另存为xml文件
这里写图片描述
-
修改名为userList.ftl后拷贝文件到src/main/resources
这里写图片描述
怎样修改userList.ftl
Eclipse下如何打开ftl文件
- 下载一个专门的ftl编辑器插件，然后在里面格式化；
-
或者设置ftl的编辑器为jsp的编辑器，用它做format，eclipse->windows->preferences
这里写图片描述
修改userList.ftl第一步
原来，注意rId4的位置
<Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"
Target="word/document.xml" />
现在
<#list list as user>
<Relationship Id="rId${user_index}Png"
Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"
Target="word/document.xml" />
</#list>
修改userList.ftl第二步
原来，注意rId4的位置，image1.png
<Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image"
Target="media/image1.png" />
现在
<#list list as user>
<Relationship Id="rId${user_index}Png"
Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/image" Target="media/image${user_index}.png" />
</#list>
修改userList.ftl第三步
原来
<w:tr>
<w:tblPrEx>
<w:tblBorders>
<w:top w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:left w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:bottom w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:right w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:insideH w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:insideV w:val="single" w:color="auto" w:sz="4" w:space="0" />
</w:tblBorders>
<w:tblLayout w:type="fixed" />
<w:tblCellMar>
<w:left w:w="108" w:type="dxa" />
<w:right w:w="108" w:type="dxa" />
</w:tblCellMar>
</w:tblPrEx>
<w:tc>
<w:tcPr>
<w:tcW w:w="2130" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>111</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2130" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>222</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2131" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>333</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2131" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:pict>
<v:shape id="_x0000_i1026" o:spt="75" alt="wx" type="#_x0000_t75" style="height:93.25pt;width:95.6pt;"
filled="f" o:preferrelative="t" stroked="f" coordsize="21600,21600">
<v:path />
<v:fill on="f" focussize="0,0" />
<v:stroke on="f" />
<v:imagedata r:id="rId4" o:title="wx" />
<o:lock v:ext="edit" aspectratio="t" />
<w10:wrap type="none" />
<w10:anchorlock />
</v:shape>
</w:pict>
</w:r>
</w:p>
</w:tc>
</w:tr>
现在
<#list list as user>
<w:tr>
<w:tblPrEx>
<w:tblBorders>
<w:top w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:left w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:bottom w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:right w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:insideH w:val="single" w:color="auto" w:sz="4" w:space="0" />
<w:insideV w:val="single" w:color="auto" w:sz="4" w:space="0" />
</w:tblBorders>
<w:tblLayout w:type="fixed" />
<w:tblCellMar>
<w:left w:w="108" w:type="dxa" />
<w:right w:w="108" w:type="dxa" />
</w:tblCellMar>
</w:tblPrEx>
<w:tc>
<w:tcPr>
<w:tcW w:w="2130" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>${user.id}</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2130" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>${user.name}</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2131" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:pStyle w:val="4" />
<w:jc w:val="center" />
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:t>${user.age}</w:t>
</w:r>
</w:p>
</w:tc>
<w:tc>
<w:tcPr>
<w:tcW w:w="2131" w:type="dxa" />
<w:vAlign w:val="top" />
</w:tcPr>
<w:p>
<w:pPr>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
</w:pPr>
<w:r>
<w:rPr>
<w:rFonts w:hint="eastAsia" />
<w:lang w:val="en-US" w:eastAsia="zh-CN" />
</w:rPr>
<w:pict>
<v:shape id="_x0000_i1026" o:spt="75" alt="${user.name}" type="#_x0000_t75"
style="height:93.25pt;width:95.6pt;" filled="f" o:preferrelative="t" stroked="f"
coordsize="21600,21600">
<v:path />
<v:fill on="f" focussize="0,0" />
<v:stroke on="f" />
<v:imagedata r:id="rId${user_index}Png" o:title="${user.name}" />
<o:lock v:ext="edit" aspectratio="t" />
<w10:wrap type="none" />
<w10:anchorlock />
</v:shape>
</w:pict>
</w:r>
</w:p>
</w:tc>
</w:tr>
</#list>
修改userList.ftl第四步，关键是图片
原来
<pkg:part pkg:name="/word/media/image1.png" pkg:contentType="image/png">
<pkg:binaryData>iVBORw0KGgoAAAANSUhEUgAAAPEAAADrCAYAAAC4hnD0AAAgAElEQVR4nOx9B5wkZZn.....
gxxYtZVEXKLEIEZJxCVKDHJAxP8PvwV4N/MWQn4AAAAASUVORK5CYII=
</pkg:binaryData>
</pkg:part>
现在
<#list list as user>
<pkg:part pkg:name="/word/media/image${user_index}.png" pkg:contentType="image/png">
<pkg:binaryData>${user.headPortrait}</pkg:binaryData>
</pkg:part>
</#list>
最后祝你好运，细心，注意标签闭合，image名称对应
UserController.download方法##
@Autowired
private FreeMarkerConfigurer freeMarkerConfigurer;
private Base64 b64Encoder = new Base64();
// 处理下载word文档
@RequestMapping("/download")
public void download(HttpServletRequest request, HttpServletResponse response) throws Exception {
// 告诉浏览器用什么软件可以打开此文件
response.setHeader("content-Type", "application/msword");
// 下载文件的默认名称
response.setHeader("Content-Disposition", "attachment;filename=xx.doc");
freeMarkerConfigurer.getConfiguration().setClassForTemplateLoading(getClass(), "/");
Template template = freeMarkerConfigurer.getConfiguration().getTemplate("userList.ftl");
String webapp = request.getServletContext().getRealPath("/");
List<User> list = userRepository.findAll();
for (int i = 0; i < list.size(); i++) {
User user = list.get(i);
File file = new File(webapp, user.getHeadPortrait());
FileInputStream fis = new FileInputStream(file);
byte[] imgData = new byte[fis.available()];
fis.read(imgData);
fis.close();
String headPortrait = b64Encoder.encodeAsString(imgData);
user.setHeadPortrait(headPortrait);
}
Map<String, Object> root = new HashMap<String, Object>();
root.put("list", list);
template.process(root, new OutputStreamWriter(response.getOutputStream()));
}
user.jsp，添加的核心代码##
function headPortraitFormatter(value,row,index){
if (value){
return "![]("+value+")";
} else {
return "";
}
}
<th data-options="field:'headPortrait',width:10,formatter:headPortraitFormatter">头像</th>
<a data-url="downloadUser" href="javascript:void(0)" class="easyui-linkbutton c5" iconCls="icon-reload">word下载</a>
其他关联代码
-
Spring Boot 菜鸟教程 7 EasyUI-datagrid
http://blog.csdn.net/je_ge/article/details/53365189 -
Spring Boot 菜鸟教程 5 热部署-devtools模块
http://blog.csdn.net/je_ge/article/details/53326525 -
Spring Boot 菜鸟教程 2 Data JPA
http://blog.csdn.net/je_ge/article/details/53294949
注意事项##
- 最后还是要祝你好运，还是细心，注意标签闭合，image名称对应
源码地址
https://github.com/je-ge/spring-boot
如果觉得我的文章或者代码对您有帮助,可以请我喝杯咖啡。
**您的支持将鼓励我继续创作!谢谢！ **
微信打赏
支付宝打赏
