Excel(XLSX/XLS)文件内容导入WEB表单,纯前端无需服务器支持,开源Chrome扩展 v0.0.5,附下载,附github链接

起因

老婆从事的是售后的工作,常年需要把售前工程师和销售的一些实施的数据录入到他们的工作平台上。

最开始我看在眼里,焦虑在心上,我心想,你这完全是人力无价值的搬运工的(excel到网页表单)工作,你们公司难道不能把录入这一部分的工作开放给更前线的人或者提供一个excel导入的工具吗?老婆摇摇头说,这个事已经提了n年了,以她这工作岗位在公司里的重要程度,还不足以让开发工程师紧着她做事,他们还有“更重要的事”要做。

曾几何时,开发出身的我也想着让她学学Js,Python什么的,可是对于她来说,学写程序和看剧这两件事情无疑看剧是更重要的事

为了拯救老婆的双眼和布道计算机就是生产力,我抽起了老刀,咔咔咔,不辱使命。


github源代码

不愿意用github的懒人看这里,收点税

V0.0.5 下载

  • 2020/4/28 修改原来只能使用特定数据查找控件的办法(原来使用的是id和name属性,没有这些属性的对象就没办法找到了),现在使用xpath遍历对象,对于没有名称的对象也可以无差别进行对应。
  • 暂时发现xls文件里面超过Z列无法对应的问题,之后再改

v0.0.4下载

v0.0.3下载

操作说明

使用方法:

  • 使用开发者模式加载扩展之后
  • 先用chrome打开要被导入数据的那个网页
  • 点击地址栏右边的E图标(我没做图标)
    • 在弹出的菜单里面选择xls文件作为数据源,注意选择文件里的工作表,不操作的话是第一个工作表
    • 这个时候下面可以看到1条或多条网页的url,这个是当前打开的标签页里的所有网页,然后勾上锁定关联,注意勾上锁定关联以后内存里的数据就只为关联的标签页负责了
    • 如果没有出现网页的url,那你就在打开的那个标签页里刷新一些页面,在看

重点来了

在打开的网页上点击需要设置对应关系的文本/选择控件,这时候控件的右边会出来一个红色背景的">",点击这个">",会弹出来一个窗口,这里面是单选按钮,点击对应的某个按钮,这就是设置了对应关系,如果不能确定,可以通过界面上的“上一条/下一条”看一下是不是你要的数据

每个控件都可以这样设置

设置完了以后F5刷新这个页面,页面会出现一个小操作窗口在左下脚,方便操作

设置了对应关系以后,对应关系会保存起来,如果关闭了chrome,则下次要再操作只需要点击E图标,载入xls数据后勾选关联然后刷新页面即可,不用再次设置了。

你可能感兴趣的:(基础知识,Chrome扩展插件,web,excel,Chrome扩展,SheetJs,导入表单)