• 根据条件查询下载Excel表单(Java+Vue 及 Vue 两种方式)


    前言

    如果想要下载好看的Excel推荐阅读:

    1. 详细讲解Java使用EasyExcel函数来操作Excel表(附实战)
    2. 详细讲解Java使用HSSFWorkbook函数导出Excel表(附实战)
    3. Python读取Excel的几种工具包(附Demo)

    详细的Java知识推荐阅读: java框架 零基础从入门到精通的学习路线 附开源项目面经等(超全)

    此文通过后端你的查询前端,使用前端的下载参数下载!

    1. 基本知识

    this.$export.excel 是在 Vue.js 组件中使用的一个方法,通过 Vue.js 插件或 mixin 扩展到组件中的一个方法

    主要功能是将给定的数据导出为 Excel 文件

    参数包括:

    • 标题:Excel 文件的标题或名称
    • 列信息:导出的数据应该如何在 Excel 表格中排列,包括列名、宽度等
    • 数据:要导出的实际数据,可能是一个数组,每个元素代表一行数据,每行的元素按照列信息进行排列

    具体作用如下:

    • 灵活性:支持不同的选项,比如自定义标题、指定列的顺序和格式、处理数据以适应 Excel 的需求等
    • 用户友好:提供一种用户友好的方式来导出数据,使用户能够以熟悉的 Excel 格式保存和处理数据,而无需手动将数据从应用程序复制粘贴到 Excel 中

    2. 纯前端导入导出(Vue)

    导入:

    • 自定义样式以增强界面外观。

    • 添加了 .xlsx 文件的限制,只允许选择该类型的文件进行上传。

    • 添加了一些虚拟数据,以便在没有上传文件时也可以查看表格的展示效果。