上万条数据 批量录入系统的自动化过程

boyanx8个月前技术教程29

在日常的工作中 ,使用Excel保存处理数据很方便,但不利于分散数据收集和统计。如果建立了信息管理系统,就需要把数据批量录入到管理系统,如果系统不提供数据导入功能,仅靠人工录入数据,不仅费时费力,还特别容易疲劳出错。这个时候首先想到可以批量录入数据、且各网站通用的工具软件,也就是具有数据批量自动录入功能的浏览器。
先来看下面的数据录入要求,可以看到Excel数据已经有完整的数据,如果需要批量录入到管理系统,把每个Excel字段内容填写到网页表单相应的输入框或选择框中,就必须建立Excel每个字段与表单控件的对应关系。最后还需要循环操作填表,才能将数据一条一条地录入系统。

Excel字段与表单输入框的对应关系


为实现自动填写数据的目的,首先在木头浏览器项目管理器中,添加一个自定义变量的步骤,读取Excel内容并保存到浏览器变量列表。当该步骤执行时,每次只从表格读取一行数据,下一次执行本步骤时,则读取Excel下一行数据。当全部数据读取完成后,也就是填表完成,跳转到最后一步弹出项目完成提示框。

读取Excel数据



数据读取到浏览器变量以后,我们就可以使用脚本程序获取这些变量。观察这个页面的下拉选择框,并不是select表单控件,实际上使用了div-->p--li元素和js代码实现下拉选择效果,这里暂时不用浏览器的自动填写功能,使用脚本控制自动选择可以简化步骤。这里为了使用方便引入JQuery运行库,通过点击选择框弹出下拉菜单,然后查找点击与Excel表的值相同的选项。本步骤就完成了表单所有的下拉框选择。

非Select的下拉选择框用jquery自动选择



然后,增加一个填写内容步骤,由浏览器控制自动填写需要输入内容的表单项。其填写内容来自第一步读取的Excel对应数据。

自动输入内容


浏览器瞬间就可完成整个表单填写,之后使用一个点击元素步骤,获取表单保存按钮,使浏览器自动点击按钮提交数据。

自动提交保存表单



当完成一次数据录入后,需要返回第一步继续录入下一条数据。使用浏览器的流程控制步骤,设置延时触发执行第一步,形成循环操作录入数据。

循环录入下一条数据



在第一步中,我们设置了数据全部完成后跳转到最后一步,最后的步骤功能就是在屏幕右下角弹出信息提示框,提醒所有数据录入完成,项目停止工作。

Excel全部数据录入完成



完成项目所有步骤设置后,点击浏览器书签栏项目标签即可运行步骤,循环自动填写Excel数据。在本项目执行过程中,保存数据后网页会弹出“保存成功”提示框,因这个提示框是非模态弹窗,因此可不予理会,无需确认继续录入下一条数据即可。

自动连续录入数据

相关文章

一文介绍amis百度低代码框架

最近公司的后台管理系统接入了amis低代码平台,就想写下对于这个低代码框架的使用心得,以及如何通过这个框架完成日常需求中的功能。背景是项目经理希望后续在前端开发pd数比较紧张的情况下,后端也能够介入前...

前端程序员不得不爱的bootstrap

bootstrap模板是前端工程师们的最爱!如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQue...

Jquery属性获取——attr()与prop

今天在项目中使用下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: 1 2 3 /**js部分**/ $("select").attr("s...

产品经理技术脑:Bootstrap

什么是 Bootstrap?Bootstrap 是Web 应用程序的前端框架。基于 HTML、CSS、JAVASCRIPT 。Bootstrap由美国Twitter公司的设计师Mark Otto和Ja...

Angular UI组件库入门指南 - 如何安装和开始使用(一)

本文主要介绍如何安装和开始使用Kendo UI for Angular。首先完成安装步骤。然后创建一个简单的应用程序,其中包含一些Kendo UI for Angular组件,应用程序源代码可供您参考...

web前端的左侧导航狼,难道你不想试试吗?

斑斓说左侧二级菜单良多前端新手会写下拉或者其他的菜单,可是一写二级菜单就出错了。知识点:html标签(div,ul,a),css款式属性(浮动,定位),构造思惟,js根本,逻辑思维。源码:斑斓说左侧二...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。