springboot配合Freemark模板生成word,前台vue接收并下载【步骤详解并奉上源码】

本文主要是介绍springboot配合Freemark模板生成word,前台vue接收并下载【步骤详解并奉上源码】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

使用fremmarker导出work 动态数据

  • 前言
  • 一、使用步骤
    • 1.打开word模板,给需要赋值的位置先填上数据,方便查找编写freemarker代码,如下图
    • 2.将word文件另存为xml文件 到桌面 ,然后修改jhj.xml修改后缀 改为 jhj.ftl 文件
  • 二、后台代码
    • 1.模板存放位置
    • 2.依赖引入
    • 3.后端代码
  • 3.前端vue 浏览器下载代码
  • 五、最后一步完成后 ,就是成果图的效果啦!


前言

FreeMarker是一款模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页、电子邮件、配置文件、源代码等)的通用工具。 它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。

成果图:
从浏览器直接下载到本地
在这里插入图片描述

下载好的word文件 蓝色圈圈里的数据均为动态数据
在这里插入图片描述

注:这里可以自行写word模板

一、使用步骤

1.打开word模板,给需要赋值的位置先填上数据,方便查找编写freemarker代码,如下图

在这里插入图片描述

2.将word文件另存为xml文件 到桌面 ,然后修改jhj.xml修改后缀 改为 jhj.ftl 文件

在这里插入图片描述
1.刚打开的xml文件会比较长不太方便查看 可以把内容复制到菜鸟工具进行格式化 找到之前做好标记的位置 将数据替换

在这里插入图片描述

2.list循环数据 : 在<w:tr> 前加上 <#list taskstep as taskstep> ** </w:tr>在这之后加上结束标签 </#list>

效果图

二、后台代码

1.模板存放位置

在这里插入图片描述

2.依赖引入

		<dependency><groupId>org.apache.poi</groupId><artifactId>poi-ooxml-schemas</artifactId><version>3.9</version></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-freemarker</artifactId></dependency>

3.后端代码

    @RequestMapping(value = "/Testrecord", method = RequestMethod.POST)@ResponseBodypublic ResponseEntity<byte[]>   Testrecord(@RequestBody Map<String, Object> paras, HttpServletRequest request) throws Exception {String path = request.getServletContext().getRealPath("/");//设备信息  获取数据BaseResult<Map<String, Object>> DeviceTask= deviceModuleService.getOneDeviceTask((Integer) paras.get("id"));//测试条件 获取数据BaseResult<List<DeviceTaskStep>> deviceTaskStepByParas = deviceModuleService.getDeviceTaskStepByParas(paras);List<DeviceTaskStep> taskstep = deviceTaskStepByParas.getData();//       循环方式BaseResult<List<DeviceTaskLoop>> deviceTaskLoopByParas = deviceModuleService.getDeviceTaskLoopByParas(paras);System.out.println(deviceTaskLoopByParas.getData().toString()+"SAD");List<DeviceTaskLoop> taskloop = deviceTaskLoopByParas.getData();
//        设备信息Map<String, Object> datataskstep = DeviceTask.getData();System.out.println(datataskstep);Object applyNo = datataskstep.get("reportNo");Configuration configuration = new Configuration();configuration.setDefaultEncoding("utf-8");// 模板存放路径configuration.setClassForTemplateLoading(this.getClass(), "/template");// 获取模板文件Template template = configuration.getTemplate("Testrecord.ftl");SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd");Map<String,Object> resultMap = new HashMap<>();
//        设备信息  resultMap.put("reportno",datataskstep.get("reportNo"));//word加入单数据resultMap.put("devicename",datataskstep.get("deviceName"));resultMap.put("manufacturer",datataskstep.get("manufacturer"));resultMap.put("basictypename",datataskstep.get("basicTypeName"));resultMap.put("devicecode",datataskstep.get("deviceCode"));System.out.println();if(datataskstep.get("startTime")==null){resultMap.put("starttime"," ");}else {resultMap.put("starttime",datataskstep.get("startTime"));}if(datataskstep.get("endTime")==null){resultMap.put("endtime"," ");}else {resultMap.put("endtime",datataskstep.get("endTime"));}// 测试条件List<Map<String, Object>> tasksteps = new ArrayList<Map<String, Object>>();if (taskstep.size()==0){Map<String, Object> map=new HashMap<String, Object>();map.put("stepNum"," ");map.put("temp",  " ");map.put("humid",  " ");map.put("timeHour",  " ");map.put("timeMin", " ");tasksteps.add(map);}else {for (int i = 0; i < taskstep.size(); i++) {
//Map<String, Object> map=new HashMap<String, Object>();map.put("stepNum", taskstep.get(i).getStepNum());map.put("temp",  taskstep.get(i).getTemp());map.put("humid",  taskstep.get(i).getHumid());map.put("timeHour",  taskstep.get(i).getTimeHour());map.put("timeMin",  taskstep.get(i).getTimeMin());tasksteps.add(map);}}//        循环方式List<Map<String, Object>> taskloops = new ArrayList<Map<String, Object>>();//这里做一个判断  如果加入了空数据会报错if (taskloop.size()==0){Map<String, Object> map=new HashMap<String, Object>();map.put("loopNum", " ");map.put("stepStart", " ");map.put("stepStop", " ");map.put("loopCount",  " ");taskloops.add(map);}else {for (int i = 0; i < taskloop.size(); i++) {
//            System.out.println(taskloop.get(i).getTaskId()+"AAA");Map<String, Object> map=new HashMap<String, Object>();map.put("loopNum", taskloop.get(i).getLoopNum());map.put("stepStart",  taskloop.get(i).getStepStart());map.put("stepStop",  taskloop.get(i).getStepStop());map.put("loopCount",  taskloop.get(i).getLoopCount());taskloops.add(map);}}//word加入循环数据resultMap.put("taskstep",tasksteps);resultMap.put("taskloop",taskloops);
//        测试条件File outFile = new File(String.format("%s%s.%s",path,applyNo,"doc"));Writer out = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(outFile),"UTF-8"));template.process(resultMap,out);out.flush();out.close();//这是是绝对路径// String path = "C:\\Users\\zhangyf\\";// String filename = "aaa.doc";String filename = String.format("%s.%s",applyNo,"doc");File file = new File(path+filename);HttpHeaders headers = new HttpHeaders();//下载显示的文件名,解决中文名称乱码问题String downloadFileName = new String(filename.getBytes(StandardCharsets.UTF_8), StandardCharsets.ISO_8859_1);//通知浏览器以attachment(下载方式)打开图片headers.setContentDispositionFormData("attachment", downloadFileName);//application/octet-stream:二进制流数据(最常见的文件下载)headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);//201 HttpStatus.CREATEDreturn new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers,HttpStatus.CREATED);}

3.前端vue 浏览器下载代码

export function Testrecord(data) {return axios({url: '/h/deviceModule/Testrecord',method: 'post',data: data,responseType: 'blob' //这里改一下})
}
  // 导出测试结果模板hanldeExportTaskDoc(record) {const params = {id: record.id,taskId: record.id,}this.$api.Testrecord(params).then((res) => {if (res) {console.log(res);this.downloadWordFile(res,record.reportNo);}})},downloadWordFile (file,No) {console.log(No+'.docx');const blob = new Blob([file], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })const url = URL.createObjectURL(blob)const a = document.createElement('A')a.download = No+'.docx'  //下载的文件名  自行设置a.href = urldocument.body.appendChild(a)a.click()document.body.removeChild(a)},

五、最后一步完成后 ,就是成果图的效果啦!

这篇关于springboot配合Freemark模板生成word,前台vue接收并下载【步骤详解并奉上源码】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/242825

相关文章

C++使用栈实现括号匹配的代码详解

《C++使用栈实现括号匹配的代码详解》在编程中,括号匹配是一个常见问题,尤其是在处理数学表达式、编译器解析等任务时,栈是一种非常适合处理此类问题的数据结构,能够精确地管理括号的匹配问题,本文将通过C+... 目录引言问题描述代码讲解代码解析栈的状态表示测试总结引言在编程中,括号匹配是一个常见问题,尤其是在

Java实现检查多个时间段是否有重合

《Java实现检查多个时间段是否有重合》这篇文章主要为大家详细介绍了如何使用Java实现检查多个时间段是否有重合,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录流程概述步骤详解China编程步骤1:定义时间段类步骤2:添加时间段步骤3:检查时间段是否有重合步骤4:输出结果示例代码结语作

Nginx设置连接超时并进行测试的方法步骤

《Nginx设置连接超时并进行测试的方法步骤》在高并发场景下,如果客户端与服务器的连接长时间未响应,会占用大量的系统资源,影响其他正常请求的处理效率,为了解决这个问题,可以通过设置Nginx的连接... 目录设置连接超时目的操作步骤测试连接超时测试方法:总结:设置连接超时目的设置客户端与服务器之间的连接

Java中String字符串使用避坑指南

《Java中String字符串使用避坑指南》Java中的String字符串是我们日常编程中用得最多的类之一,看似简单的String使用,却隐藏着不少“坑”,如果不注意,可能会导致性能问题、意外的错误容... 目录8个避坑点如下:1. 字符串的不可变性:每次修改都创建新对象2. 使用 == 比较字符串,陷阱满

Java判断多个时间段是否重合的方法小结

《Java判断多个时间段是否重合的方法小结》这篇文章主要为大家详细介绍了Java中判断多个时间段是否重合的方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录判断多个时间段是否有间隔判断时间段集合是否与某时间段重合判断多个时间段是否有间隔实体类内容public class D

IDEA编译报错“java: 常量字符串过长”的原因及解决方法

《IDEA编译报错“java:常量字符串过长”的原因及解决方法》今天在开发过程中,由于尝试将一个文件的Base64字符串设置为常量,结果导致IDEA编译的时候出现了如下报错java:常量字符串过长,... 目录一、问题描述二、问题原因2.1 理论角度2.2 源码角度三、解决方案解决方案①:StringBui

Java覆盖第三方jar包中的某一个类的实现方法

《Java覆盖第三方jar包中的某一个类的实现方法》在我们日常的开发中,经常需要使用第三方的jar包,有时候我们会发现第三方的jar包中的某一个类有问题,或者我们需要定制化修改其中的逻辑,那么应该如何... 目录一、需求描述二、示例描述三、操作步骤四、验证结果五、实现原理一、需求描述需求描述如下:需要在

Debezium 与 Apache Kafka 的集成方式步骤详解

《Debezium与ApacheKafka的集成方式步骤详解》本文详细介绍了如何将Debezium与ApacheKafka集成,包括集成概述、步骤、注意事项等,通过KafkaConnect,D... 目录一、集成概述二、集成步骤1. 准备 Kafka 环境2. 配置 Kafka Connect3. 安装 D

Java中ArrayList和LinkedList有什么区别举例详解

《Java中ArrayList和LinkedList有什么区别举例详解》:本文主要介绍Java中ArrayList和LinkedList区别的相关资料,包括数据结构特性、核心操作性能、内存与GC影... 目录一、底层数据结构二、核心操作性能对比三、内存与 GC 影响四、扩容机制五、线程安全与并发方案六、工程

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤