java实现将数据分别写入excel和word里面,并将这2个文件压缩进行下载,vue调用接口进行下载

1、后端接口开发

1.1、通过EasyExcel将数据写入excel里面

    private void writeExcel(String excelFileName, Map<String, Object> dataParams) {
   
        List<Map<String, Object>> excelData = (List<Map<String, Object>>) dataParams.get(ODS_QY_CPSJTXCGBLTJQD);
        // 使用 EasyExcel 生成 Excel 文件
        ExcelWriterBuilder excelWriter = EasyExcel.write(excelFileName);
        excelWriter.head(getExcelHeader()).sheet(EXCLE_NAME).doWrite(excelData);
    }
        private List<List<String>> getExcelHeader() {
   
        List<List<String>> headers = new ArrayList<>();
        TABLE_HEADERS.forEach((key, value) -> headers.add(Collections.singletonList(value)));
        return headers;
    }
        private static final Map<String, String> TABLE_HEADERS;

    static {
   
        TABLE_HEADERS = new LinkedHashMap<>();
        TABLE_HEADERS.put("XH", "序号");
        TABLE_HEADERS.put("CPMC", "产品名称");
        TABLE_HEADERS.put("CPTH", "产品图号");
        TABLE_HEADERS.put("JL", "结论");
        TABLE_HEADERS.put("QRR", "确认人");
    }

1.2、设置word模板,通过 WordExportUtil.exportWord07将数据写入word里面

1) word模板的设置具体如下图所示:
在这里插入图片描述

1)上面word模板中的配置,对于单个值可以通过{ {productName}}进行配置,其中productName为dataParams的key;
2)如果是列表循环,就如下面表格一样,其中“dsTemps”为dataParams的key,值为对象数组
3)t.sort为对象的字段,后面的t

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是基于Vue 2和Vant 2的附件上传示例,可以实现上传单个或多个文件,并调用接口进行文件上传的代码: 1. 安装Vant和axios: ``` npm install vant axios --save ``` 2. 在Vue项目中引入Vant和axios: ``` import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css'; import axios from 'axios'; Vue.use(Vant); Vue.prototype.$axios = axios; ``` 3. 在Vue组件中使用van-uploader组件: ``` <template> <div> <van-uploader v-model="files" :max-count="maxCount" :before-read="beforeRead" :on-remove="onRemove" :on-exceed="onExceed" :preview-options="{closeable: true}" :deletable="deletable" :show-upload="false" > <van-button icon="plus" type="primary">上传附件</van-button> </van-uploader> <van-button type="primary" @click="upload">上传</van-button> </div> </template> <script> export default { data() { return { files: [], // 上传的文件列表 maxCount: 3, // 最大上传数量 deletable: true, // 是否可删除已上传的文件 } }, methods: { beforeRead(file) { // 上传前的处理逻辑,如判断文件大小、类型等 // 返回false阻止上传,返回true执行上传操作 return true; }, onRemove(file, detail) { // 删除已上传的文件 console.log('file', file); console.log('detail', detail); }, onExceed(files, detail) { // 超出最大上传数量时的处理逻辑 console.log('files', files); console.log('detail', detail); }, upload() { // 上传文件 const formData = new FormData(); this.files.forEach(file => { formData.append('file', file.file); }); this.$axios.post('/api/upload', formData).then(res => { console.log('上传成功', res); }).catch(err => { console.log('上传失败', err); }); }, }, } </script> ``` 以上代码中,van-uploader组件的各个属性含义如下: - v-model:绑定上传的文件列表; - :max-count:上传文件数量的最大值; - :before-read:上传前的处理逻辑,返回false阻止上传,返回true执行上传操作; - :on-remove:删除已上传的文件时的处理逻辑; - :on-exceed:超出最大上传数量时的处理逻辑; - :preview-options:文件预览的配置项,如是否可关闭等; - :deletable:是否可删除已上传的文件; - :show-upload:是否显示上传按钮。 在实现文件上传时,我们只需将上传逻辑改为调用接口进行文件上传即可。同时,需要将上传的文件列表转换为FormData格式,以便使用axios进行文件上传。在组件中定义beforeRead、onRemove、onExceed和upload方法,用于上传前的处理逻辑、删除已上传的文件时的处理逻辑、超出最大上传数量时的处理逻辑和文件上传逻辑。在upload方法中,以FormData格式将上传的文件列表作为参数调用接口进行文件上传。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值