当前位置: 首页 > 后端技术 > Node.js

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

时间:2023-04-03 20:05:53 Node.js

什么是ejsExcel?ejsExcel是国人开发的模板引擎,使用我们预先设置好的Excel模板,在Node.js应用中导出Excel表格。excel模板导出后github地址ejsExcel打不开github因为众所周知的原因(ni)(dong)zhou(de),没关系,它的语法很简单,就是一些定义Excel模板格式的介绍:这篇文章是我在工作中因为业务需要使用了ejsExcel模板引擎。我觉得很好,但是坑也很多。而且网上相关资料太少,所以借这个机会总结一下自己的踩坑经历。我在Vue.js的前端框架中使用了ejsExcel。由于本人不是前端开发专业的,所以尽量讲清楚。如果有些地方不是很专业,还请见谅!第一步:安装ejsExcelnpminstallejsexcel安装依赖包后,放在xxx/node_modules/ejsexcel目录下。核心文件是ejsExcel.js,所以如果要使用这个模板引擎,就必须导入这个文件:importExcelfrom'exceljs'第一步:安装完成后,官方给了一个测试用例,放在ejsexcel/test目录,建议初学者在实际项目中不要使用,先另开一个进程运行测试用例。在github中,作者给出了运行test目录下的test.bat文件的方法。经过我的实际测试,该命令在windows系统中需要使用nodetest.bat命令才能运行成功,而在Mac中,则不行。如果想在Mac端运行,可以使用nodetestExcel.js来运行。测试用例非常简单。了解测试用例的工作原理后,就没有问题了。看不懂也没关系。以我们上面跑的testExcel.js为例:怎么样,很简单!第二步:编写模板,根据自己的业务逻辑,按照上面的语法在Excel中写入你要导出的数据。这一步并不难,但有点烦人,需要你的耐心。模板写好之后就可以放到你的项目中,可以放在你想放的地方,但是最好不要离核心代码太远,毕竟渲染数据的时候我们需要读取模板路径,路径放得太深,麻烦还是自己。第三步:获取数据源像test中的测试样例,都是假数据,但是在实际开发中,我们需要根据需求动态获取和导出数据。我的做法是将核心文件的引入、数据的获取、Excel模板的渲染分为三个部分。然后使用exportdefault将这些方法导出,这样就可以在全局调用了。在Vue中,我制作了一个导出按钮。当点击这个按钮的时候,会触发方法获取我们data{}中的数据,获取到数据后作为参数传入我们封装的数据源方法中,然后在getMachiningData方法中获取参数并格式化.第四步:使用数据渲染模板,然后调用renderDataUseTemp方法传入格式化后的数据渲染数据:保存路径自己设置,也可以自己写一个方法动态选择渲染后的文件存储路径.大概就这些了。业务逻辑并不难。可能是制作Excel模板的时候需要一点耐心和细心。以上都是我自己在项目中的代码,请不要局限于我写的代码,思路最重要,业务要根据实际情况来处理。只要把思路理清楚,问题就解决了一大半。多于。感谢ejsExcel的作者:Sail和SpokeHubGit有他们的QQ群和捐赠入口。希望各位不缺钱的朋友多多支持开源作者。^_^