ejsExcel模板在Vue.js项目中的实际应用

ejsExcel是什么？

EjsExcel是中国人自己开发的模板引擎，使用我们预置的Excel模板在Node.js应用中导出Excel表单。

Excel模板

出口后

Github地址

ejsExcel

github因为很多人(ni)、(dong)和(de)都知道的原因打不开也没关系。它的语法非常简单，而且都是Excel模板格式的一些定义：

这篇文章是因为业务需要，我在工作中使用ejsExcel作为模板引擎，非常不错，但是有很多漏洞。但是网上相关资料太少，借此机会总结一下自己踩坑的经验。我在Vue.js的前端框架中使用ejsExcel，既然不是专业的前端开发人员，我就尽量说清楚。有些地方不太专业请见谅！

步骤1:安装ejsExcel

npm install ejsexcel安装了依赖包后，它被放在XXX/node _ modules/ejsecel目录中。核心文件是ejsExcel.js，所以如果您想使用这个模板引擎，您必须导入这个文件：

从“exceljs”导入Excel踩坑I:

安装完成后，官方给出了一个测试用例，放在ejsecl/test目录下。我建议初学者不要在实际项目中使用它，而是启动另一个流程来运行测试用例。在github中，作者给出的方法是在测试目录中运行文件test.bat。经过我的实际测试，这个命令需要在windows系统中使用

只有命令节点test.bat可以成功运行，但不能在Mac上运行。

如果您想在Mac端运行，请使用

运行节点testExcel.js.

测试用例非常简单。当你理解了测试用例是如何工作的，就没有问题了。不懂也没关系。以上面运行的testExcel.js为例：

嗯，很简单！

第二步：写一个模板

根据自己的业务逻辑，按照上面的语法，在Excel中写出想要导出的数据。这一步并不难，但有点烦人，需要你的耐心。

模板写好之后，可以放在你的项目中，你想放的地方，但是最好不要离核心代码太远。毕竟我们渲染数据的时候需要读取模板路径，路径太深，还是有麻烦的。

第三步：获取数据源

就像测试中的测试示例一样，都是假数据，但在实际开发中，我们需要根据需求动态获取和导出数据。

我的做法是将核心文件的导入、数据的获取和Excel模板的渲染分为三个部分。然后使用export default导出这些方法，以便可以全局调用它们。

在Vue，我做了一个导出按钮。当我点击这个按钮时，我触发了方法来获取我们data{}中的数据。获取数据后，我将其用作参数，并将其传递到我们封装的数据源方法中

然后在getMachiningData方法中获取参数并格式化它们。

步骤4:用数据渲染模板

然后调用renderDataUseTemp方法，传入格式化的数据，并呈现数据：

保存的路径由您自己决定，或者您可以编写一个方法，在呈现文件后动态选择保存的路径。

差不多了。在商业逻辑上并不难。可能制作Excel模板需要一点耐心和细心。这些是我自己在项目中的代码。请不要局限于我写的代码。思考是最重要的。我们应该根据实际情况来处理业务。只要理清思路，问题就解决了一大半。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。