初次体验Electron

109 阅读2分钟

背景

最近在使用Tdengine的时候,测试人员向我提出了一个需求,说有没有可能提供一个Tdengine可视化工具(当时还没有考虑买云服务实例),这样在校验数据状态的时候就方便多了,目前Tdengine的客户端是使用命令行的方式,导入导出比较费劲。听完我觉得眼前一亮,这是一个很好的idea,可以提高测试工作效率,于是我接下了这个需求,但是由于开发都满仓,我只好自己去实现了。

实践

桌面程序,这对我来说是一个挑战,以前从没有做过。感谢百度,gitee,让我找到了雏形,但是开源代码下载下来后,运行不起来,好多地方报错,于是就在一个个解决bug的中慢慢靠近希望的彼岸。

1、整体缕一下开源代码

整体缕了一下开源代码,发现这是纯前端写的代码。主要代码部分在renderer目录下。由于之前有写过Vue,感觉这个框架搭建风格跟Vue的差不多

image.png

2、编译运行

代码是基于node.js的,所以下载下来之后编译运行在node环境下 但是第一次运行并没有成功,报了一些错误,之后就是顺藤摸瓜,发现整个框架底座是Electron,于是乎,又去简单了解了一下Electron,原来是桌面版的前端框架,最终可以生成exe可执行文件,菜鸟有长见识了。 查看报错原因,原来是少一些包,装上重新命令编译运行成功了。

3、增加了导出csv功能

基于现有框架,简单学习了一下语法,就开干了。

首先是根据条件查询到数据功能 image.png

其次是数据写进csv中 image.png

总结

技术在不断更新,自己也应该不断学习,将合适的技术应用到合适的场景中。