云计算之VUE-Django开发——数据导出到Excel表

原创

于 2020-02-25 15:45:19 发布 · 769 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#excel

本文介绍如何在VUE项目中利用特定的依赖包和自定义模块实现从应用导出数据到Excel的功能，包括安装依赖、配置Webpack、编写导出逻辑等关键步骤。

项目开发需要用到VUE框架，还要将数据导出到Excel表中，之前使用ExcelGen框架，现在整合到VUE中后无法使用，顾切换以下VUE框架来实现生产需求。

1、安装3个依赖包并导入2个js包：

cnpm install -S file-saver xlsx（这里其实安装了2个依赖）
cnpm install -D script-loader

2、在src目录下新建一个excel文件夹引入Blob.js和expor2Excal.js:

3、在main.js中全局引入：

import Blob from './excel/Blob.js'
import Export2Excel from './excel/Export2Excel.js'

4、webpack.base.conf.js做如下修改：

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'scss_vars': '@/styles/vars.scss',
      'excel': path.resolve(__dirname, '../src/excel'),//新增加一行
    }
  },

5、在页面中导出的时候调用outExe：