文件操作：读取，保存，导入，导出文件功能实现

已于 2022-09-26 09:20:59 修改
阅读量425 收藏
点赞数
分类专栏： 工作 文章标签： vue.js spring boot java
于 2022-09-19 18:10:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xincang_/article/details/126938244
版权

前言

记录一次对文件的操作实现，从前端到后端：用的是若依框架，但是功能是自己实现的。

1.需求

1.如图有2个输入框和1个选择器，填写好内容后点击下一步就会保存到文件里面。
在这里插入图片描述
3个数据用","号分割，存到文本。
如下图：
在这里插入图片描述

2.前端实现

页面代码.vue

<el-form ref="form" :inline="true" :model="form" class="demo-form-inline" >
             <span class="span">(此处发生变化时，点击下一步生效)</span>
                <div class="btnTool" style="text-align: right">
          <el-button type="success" size="mini" @click="addHeader"
            >新增</el-button
          >
          <el-button
            type="primary"
            size="mini"
            @click="importFile"
            >导入</el-button
          >
          <el-button
            type="primary"
            size="mini"
            @click="exportFile"
            >导出</el-button
          >
        </div>
        <el-divider></el-divider>


        <div v-for="(item, index) in form.headers" :key="index">
          <el-form-item label="ip" :prop="'headers.' + index + 'ip'">
            <el-input v-model="item.ip" placeholder="ip"></el-input>
          </el-form-item>
          <el-form-item label="端口号" :prop="'headers.' + index + 'port'">
            <el-input v-model="item.port" placeholder="端口号"></el-input>
          </el-form-item>
          <el-form-item label="类型" :prop="'headers.' + index+ 'type'">
            <el-select v-model="item.type" placeholder="类型">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-link
              type="primary"
              :underline="false"
              @click.prevent="removeHeader(item, index)"
              >删除</el-link
            >
          </el-form-item>
        </div>
        <div>
        <el-divider></el-divider>

        <el-button type="success" size="mini" style="display:block;margin:0 auto" @click="onSubmit">下一步</el-button>
        </div>
      </el-form>

       <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls, .txt"
        :headers="upload.headers"
        :action="upload.url"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <!-- <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据 -->
          </div>
          <span>仅允许导入cfg格式文件。</span>
          <!-- <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link> -->
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm">确 定</el-button>
        <el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>

方法methods

//添加
 addHeader() {
      this.form.headers.push({
        ip: "",
        port: "",
        type: "",
      });
    },
   // 删除
    removeHeader(item, index) {
      this.form.headers.splice(index, 1);
    },
    handleClick(tab, event) {
    //  console.log(tab, event);
    },
  //下一步
    onSubmit(){
      console.log(this.form)
      submitMirror(this.form.headers).then(response => {
       // console.log(response);
      })
      this.activeName = "second"
    },
//查询文件里的数据并展示
    getList(){
      console.log("getList");
      readMirror().then(response => {
    //   console.log(response.data);
        this.form.headers = response.data;
      });
    },
    importFile(){
      console.log("importMirror导入方法");
      this.upload.title = "用户导入";
      this.upload.open = true;
    },
    exportFile(){
      console.log("exportFile导出方法");
      this.download('config/export',{
        ...this.form.headers
      },'a.txt')
    },
        // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false;
      this.upload.isUploading = false;
      this.$refs.upload.clearFiles();
      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
      this.getList();
    },
     /** 下载模板操作 */
    // importTemplate() {
    //   this.download('system/user/importTemplate', {
    //   }, `user_template_${new Date().getTime()}.xlsx`)
    // },
    // 提交上传文件
    submitFileForm() {

      this.$refs.upload.submit();
    },

3.后端接口

1.实体类

@Data
public class Mirror {
    private String ip;
    private String port;
    private String type;
}

2.service层（业务）

因为这里没有去访问数据库，所以就没有mapper.xml了。 主要业务代码写在serviceImpl层里面，所以这里只展示这一层的代码。

@Slf4j
@Service
public class MirrorServiceImpl implements MirrorService {
    String path = "D:\\address.txt";

    public MirrorServiceImpl() {
    }

    public AjaxResult mirror(List<Mirror> headers) {
    	//用流将接受到的对象各个属性用","连接，在形成新的list集合
        List<String> address = (List)headers.stream().map((item) -> {
            return item.getIp() + "," + item.getPort() + "," + item.getType();
        }).collect(Collectors.toList());
        //创建一个文件
        File outFile = new File(this.path);

        try {
            if (!outFile.exists()) {
                outFile.createNewFile();
            }
			//创建文件输出流
            FileOutputStream fileOutputStream = new FileOutputStream(outFile);
            //加锁：可省略
            FileChannel fc = fileOutputStream.getChannel();
            FileLock fileLock = fc.lock();
            if (fileLock != null) {
                log.info("有其他线程正在操作此文件，当前线程休眠10秒");
            }

            Iterator var7 = address.iterator();
			//遍历集合，将集合内容写入文件内
            while(var7.hasNext()) {
                String s = (String)var7.next();
                byte[] bytes = s.getBytes();
                fileOutputStream.write(bytes);
                //换行
                fileOutputStream.write("\r\n".getBytes());
            }

            fileLock.release();
            fileOutputStream.flush();
            fileOutputStream.close();
        } catch (IOException var10) {
            var10.printStackTrace();
        }

        return AjaxResult.success("保存成功");
    }

    public AjaxResult read() {
        List<String> list = new ArrayList();
        ArrayList mirrors = new ArrayList();

        try {
            FileReader fileReader = new FileReader(this.path);
            //缓冲流，能提高效率，使用时要传入一个fileReader字符输入流
            BufferedReader bufferedReader = new BufferedReader(fileReader);
            String lineString = "";
			//定义一个空串，将文本的内容读到这个字符串中，在加入到集合里面
            while(null != (lineString = bufferedReader.readLine())) {
                list.add(lineString);
            }

            bufferedReader.close();
            fileReader.close();
        } catch (FileNotFoundException var7) {
            var7.printStackTrace();
        } catch (IOException var8) {
            var8.printStackTrace();
        }

        Iterator var9 = list.iterator();
		//这里我们前端接受的数据是没有”,“号的，所以我们这里用split进行切割
		//在把内容设置到对象里面，将对象传入集合中返回给前端
        while(var9.hasNext()) {
            String s = (String)var9.next();
            String[] split = s.split(",");
            Mirror mirror = new Mirror();
            mirror.setIp(split[0]);
            mirror.setPort(split[1]);
            mirror.setType(split[2]);
            mirrors.add(mirror);
        }

        return AjaxResult.success("读取成功", mirrors);
    }

    public AjaxResult export(HttpServletRequest request, HttpServletResponse response) {
        File file = new File(this.path);
        //设置字符编码
        response.setCharacterEncoding("UTF-8");
        String realFilename = file.getName();
        //设置请求头
        response.setHeader("content-type", "application/octet-stream;charset=UTF-8");
        response.setContentType("application/octet-stream;charset=UTF-8");
        if (file.exists()) {
            try {
                response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(realFilename.trim(), "UTF-8"));
                BufferedInputStream inputStream = new BufferedInputStream(new FileInputStream(file));
                BufferedOutputStream outputStream = new BufferedOutputStream(response.getOutputStream());
                byte[] bytes = new byte[2048];

                int byteSize;
                while((byteSize = inputStream.read(bytes, 0, bytes.length)) != -1) {
                    outputStream.write(bytes, 0, byteSize);
                }

                inputStream.close();
                outputStream.close();
            } catch (UnsupportedEncodingException var9) {
                var9.printStackTrace();
            } catch (FileNotFoundException var10) {
                var10.printStackTrace();
            } catch (IOException var11) {
                var11.printStackTrace();
            }
        }

        return null;
    }

    public AjaxResult importFile(MultipartFile file) {
        try {
            InputStream is = file.getInputStream();
            FileOutputStream fos = new FileOutputStream(new File(this.path));
            FileChannel fileChannel = fos.getChannel();
            FileLock lock = fileChannel.lock();
            if (lock != null) {
                log.info("有其他线程正在操作此文件，当前线程休眠10秒");
            }

            byte[] buffer = new byte[2048];
            boolean var7 = false;

            int byteSize;
            while((byteSize = is.read(buffer, 0, buffer.length)) != -1) {
                fos.write(buffer, 0, byteSize);
            }

            lock.release();
            fos.flush();
            fos.close();
            is.close();
        } catch (IOException var8) {
            var8.printStackTrace();
        }

        return AjaxResult.success("导入成功");
    }
}

保存文件

public AjaxResult mirror(List<Mirror> headers) {
    	//用流将接受到的对象各个属性用","连接，在形成新的list集合
        List<String> address = (List)headers.stream().map((item) -> {
            return item.getIp() + "," + item.getPort() + "," + item.getType();
        }).collect(Collectors.toList());
        //创建一个文件
        File outFile = new File(this.path);

        try {
            if (!outFile.exists()) {
                outFile.createNewFile();
            }
			//创建文件输出流
            FileOutputStream fileOutputStream = new FileOutputStream(outFile);
            //加锁：可省略
            FileChannel fc = fileOutputStream.getChannel();
            FileLock fileLock = fc.lock();
            if (fileLock != null) {
                log.info("有其他线程正在操作此文件，当前线程休眠10秒");
            }

            Iterator var7 = address.iterator();
			//遍历集合，将集合内容写入文件内
            while(var7.hasNext()) {
                String s = (String)var7.next();
                byte[] bytes = s.getBytes();
                fileOutputStream.write(bytes);
                //换行
                fileOutputStream.write("\r\n".getBytes());
            }

            fileLock.release();
            fileOutputStream.flush();
            fileOutputStream.close();
        } catch (IOException var10) {
            var10.printStackTrace();
        }

        return AjaxResult.success("保存成功");
    }

读取文件内容展示

 public AjaxResult read() {
        List<String> list = new ArrayList();
        ArrayList mirrors = new ArrayList();

        try {
            FileReader fileReader = new FileReader(this.path);
            //缓冲流，能提高效率，使用时要传入一个fileReader字符输入流
            BufferedReader bufferedReader = new BufferedReader(fileReader);
            String lineString = "";
			//定义一个空串，将文本的内容读到这个字符串中，在加入到集合里面
            while(null != (lineString = bufferedReader.readLine())) {
                list.add(lineString);
            }

            bufferedReader.close();
            fileReader.close();
        } catch (FileNotFoundException var7) {
            var7.printStackTrace();
        } catch (IOException var8) {
            var8.printStackTrace();
        }

        Iterator var9 = list.iterator();
		//这里我们前端接受的数据是没有”,“号的，所以我们这里用split进行切割
		//在把内容设置到对象里面，将对象传入集合中返回给前端
        while(var9.hasNext()) {
            String s = (String)var9.next();
            String[] split = s.split(",");
            Mirror mirror = new Mirror();
            mirror.setIp(split[0]);
            mirror.setPort(split[1]);
            mirror.setType(split[2]);
            mirrors.add(mirror);
        }

        return AjaxResult.success("读取成功", mirrors);
    }

导入导出功能

//导出功能
    public AjaxResult export(HttpServletRequest request, HttpServletResponse response) {
        File file = new File(this.path);
        //设置字符编码
        response.setCharacterEncoding("UTF-8");
        String realFilename = file.getName();
        //设置请求头
        response.setHeader("content-type", "application/octet-stream;charset=UTF-8");
        response.setContentType("application/octet-stream;charset=UTF-8");
        if (file.exists()) {
            try {
                response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode(realFilename.trim(), "UTF-8"));
                BufferedInputStream inputStream = new BufferedInputStream(new FileInputStream(file));
                BufferedOutputStream outputStream = new BufferedOutputStream(response.getOutputStream());
                byte[] bytes = new byte[2048];

                int byteSize;
                while((byteSize = inputStream.read(bytes, 0, bytes.length)) != -1) {
                    outputStream.write(bytes, 0, byteSize);
                }

                inputStream.close();
                outputStream.close();
            } catch (UnsupportedEncodingException var9) {
                var9.printStackTrace();
            } catch (FileNotFoundException var10) {
                var10.printStackTrace();
            } catch (IOException var11) {
                var11.printStackTrace();
            }
        }

        return null;
    }
//导入功能实现
    public AjaxResult importFile(MultipartFile file) {
        try {
        //file为前端选择的文件，创建输入流
            InputStream is = file.getInputStream();
            //创建一个输出流
            FileOutputStream fos = new FileOutputStream(new File(this.path));
            FileChannel fileChannel = fos.getChannel();
            FileLock lock = fileChannel.lock();
            if (lock != null) {
                log.info("有其他线程正在操作此文件，当前线程休眠10秒");
            }

            byte[] buffer = new byte[2048];
            boolean var7 = false;

            int byteSize;
            while((byteSize = is.read(buffer, 0, buffer.length)) != -1) {
                fos.write(buffer, 0, byteSize);
            }

            lock.release();
            fos.flush();
            fos.close();
            is.close();
        } catch (IOException var8) {
            var8.printStackTrace();
        }

        return AjaxResult.success("导入成功");
    }
}
小 城
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
若依springcloud 框架 docker 部署文件
11-10
若依springcloud 框架 docker 部署文件
若依导入功能，导入数据详细教程（保姆级教程）
2201_75756681的博客
12-26 2354
这是一个非常详细的介绍，对导入功能详细的去做，这对于一些初学者在添加此功能的时候非常简单（欢迎各位大佬指出问题所在）3、在这个服务层里IXmbhservice写入。1、在Controller添加导入方法，本人很菜的，分享一下我写的导入功能和代码。2、数据导入的对话框。导入更新数据都没问题。
matlab从excel/csv文件中按照要求筛选信号，并保存成新excel文件
08-16
该文件主要用在matlab中，用于 1.读取excel或者csv格式文件（支持同时读取多个文件） 2.按照要求从读取的文件中筛选出所需要的信号（筛选信号的名称、个数可自由定义） 3.将筛选的信号按照顺序保存到新的excel文件中，便于对比分析，并可直观感受信号变化（同时在导出的excel文件中，加入序号，可用于时间序号） 4.在此文件的基础上，也可进行功能扩充，对于读取的文件，可针对文件中指定信号的数据进行处理，并以绘图方式保存到本地，便于直观分析数据动态变化。 注：文件中的代码为exccel读写的base版，且均已加入注释，简单易懂，可在该代码上进行所需关于excel格式文件新功能的开发
C# 导入Excel文件到ListView和导出ListView到Excel文件
04-15
C# 导入Excel文件到ListView和导出ListView到Excel文件
tableWidget的excel文件的数据导入导出
12-20
可以读取tableWidget的数据然后导出到excel文件中，同时实现了把excel数据导入到tableWidget中显示出来。
vue若依导出word文件,简单的实现
子豪的博客
08-24 2094
若依导出word
el-upload上传读取文件内容
学习记录
02-23 3660
el-upload上传读取文件内容，JSON文件下载
Element ui 使用upload 读取本地文件并填充到输入框内
MonkeyCatFox的博客
08-16 4103
目录 一、问题背景 二、解决方案 具体思路 代码示例 示例效果 一、问题背景 最近在写vue项目的时候需要一个组件来读取本地中的json文件并将内容填充到输入框中。并且最后需要对json格式做校验。 二、解决方案 由于浏览器不能使用js直接读取文件，因此考虑使用element ui 中的upload组件获取文件信息，然后使用js 中的fileReader读取文件内容。 具体思路 1）使用upload组件读取文件信息。 2）使用js中的fileR...
ServletFileUpload获取上传的多个文件和数据
爱学习的大雄的博客
11-03 1003
在优化别人代码的时候，别人代码不一定正确在写代码的时候要有写注释的好习惯解决完bug后需要即使进行总结问题解决不了不要着急，慢慢来。
若依分离版文件上传后端逻辑分析
weixin_45044961的博客
04-23 4750
若依已经将文件上传的后端方法封装完毕 com.ruoyi.web.controller.common.CommonController 下uploadFile方法 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210423091231197.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80N
最详细的文件上传下载实例详解(推荐)
09-02
在Web应用系统开发中，文件上传和下载功能是非常常用的功能，今天来讲一下JavaWeb中的文件上传和下载功能的实现。非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧
java上传文件到ftp.txt
06-05
通过java程序来实现将本地文件上传到ftp服务器的功能
c#上传文件和信息.txt
12-04
用c#上传同时上传文件和相关信息到服务器，服务器存储文件，并写入数据库，方便查找相关信息，代码比较简单实用，适合修改，欢迎大家参考实用和批评指正，啦啦啦
文件上传txt文档
08-19
文件上传js代码，是平常在javascript中用的非常多的代码。非常重要
SVG 导入-导出：用于在 Matlab 结构中读取和写入 SVG（可缩放矢量图形）文件的 Matlab 函数-matlab开发
05-29
这包含 Matlab 代码，用于将 SVG 文件的内容加载到一个简单的 Matlab 结构 (loadSVG.m)、将包含多边形和图像的 Matlab 结构保存到 SVG 文件 (saveSVG.m) 中以及在一个函数中显示此结构Matlab 图 (plotSVG.m)。 可以使用 plotSVG 以 true 作为第二个参数在 matlab 图形中交互式编辑多边形。 此代码处理多边形但不处理贝塞尔曲线。
JavaScript中读取和保存文件实例
12-01
因为Google还不提供同步插件数据的功能，所以导入和导出插件配置就必须和文件打交道了。而出于安全原因，只有IE才提供访问文件的API；但随着HTML 5的到来，其他浏览器也纷纷支持了。 首先说读取文件。W3C提供了一些...
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 351
步骤很详细，直接上教程……
Vue项目中异步组件的引入使用
最新发布
Niucode的博客
04-26 129
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 111
vue echarts 柱状图 堆叠柱状图
tracker导出的文件如何导入到pycharm中并读取
05-27
首先，你需要将tracker导出的文件保存到你的电脑中。然后，你可以在PyCharm中创建一个新的Python文件，使用Python中的内置模块`json`来读取tracker导出的文件。具体步骤如下： 1. 打开PyCharm，创建一个新的Python文件。 2. 导入`json`模块，使用`json.load`函数读取tracker导出的文件。示例代码如下： ```python import json # 读取tracker导出的文件 with open('tracker-export.json') as f: data = json.load(f) ``` 3. 通过`data`变量来访问tracker导出的数据。数据的格式取决于你导出tracker时选择的选项，但通常会包含对话历史记录、意图、实体等信息。你可以根据需要进一步处理这些数据。 注意：在读取文件时，需要提供文件的完整路径。如果tracker导出的文件和你的Python文件在同一个目录下，可以直接使用文件名。如果不在同一个目录下，需要提供文件的相对或绝对路径。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值