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

boyanx4个月前技术教程15

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

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


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

读取Excel数据



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

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



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

自动输入内容


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

自动提交保存表单



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

循环录入下一条数据



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

Excel全部数据录入完成



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

自动连续录入数据

相关文章

13个有用的HTML5、CSS3和jQuery搜索表单教程

FastReport VCL 5新版发布会,2014-12-9 15:00网络直播,免费参加 立即报名,参加者买FastReport旗下所有产品添加搜素框或网站搜索功能是为了方便用户能够轻松、快捷地找...

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

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

产品经理技术脑:Bootstrap

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

jquery选择器

1 jQuery 选择器jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。1.1 基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通...

Html5之Bootstrap框架介绍

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstra...

7种响应式导航解决方案

响应式导航的设计遵循了响应式Web设计理念,页面的设计往往会根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的调整。通过同比例缩减元素尺寸、调整页面结构布局以及内容的优化调整等方式,...

发表评论    

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