CN106599213B - 一种表单自动填充方法和系统 - Google Patents
一种表单自动填充方法和系统 Download PDFInfo
- Publication number
- CN106599213B CN106599213B CN201611166278.1A CN201611166278A CN106599213B CN 106599213 B CN106599213 B CN 106599213B CN 201611166278 A CN201611166278 A CN 201611166278A CN 106599213 B CN106599213 B CN 106599213B
- Authority
- CN
- China
- Prior art keywords
- data
- attribute
- assignment
- module
- fill
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
Abstract
本发明公开了一种表单自动填充方法和系统,涉及页面数据处理技术领域。该方法和系统可以实现如下功能:支持常见web表单元素赋值操作;表单赋值后自动触发表单的change等事件,并可灵活配置;只对某一元素内的子元素进行赋值,实现赋值模块化;支持日期、金额的自定义格式化;支持多级联动下拉框取值并赋值选中。因此,采用本实施例提供的表单自动填充方法,可以大大提高繁琐的web开发中编辑与详情页的初始化部分的工作,开发人员只需要简单的配置就可以完成以往需要写大量代码的操作。并且在不写JS代码的情况下就可以方便的对各种元素进行赋值,易于维护和扩展。
Description
技术领域
本发明涉及页面数据处理技术领域,尤其涉及一种表单自动填充方法和系统。
背景技术
在日常工作和生活中,经常会遇到反复填写信息相同的网络表单的情况,为了解决反复填写相同信息带来的麻烦,目前,可以通过设置FormFill插件,使用Json串给表单赋值的方法,实现表单自动填充。
但是,这种表单自动填充技术无法配置多级下拉框联动,也无法配置时间和金额等的格式化,不能指定赋值元素范围等,导致可以自动填充的信息受到极大的限制,使得用户的体验度差。
发明内容
本发明的目的在于提供一种表单自动填充方法和系统,从而解决现有技术中存在的前述问题。
为了实现上述目的,本发明采用的技术方案如下:
一种表单自动填充方法,包括如下步骤:
S1,编写表单结构,手动给表单添加data-fill属性,并设置data-fill属性值为所述表单在Json字符串中对应的字段值;其中,所述表单包括input元素;
S2,调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中。
优选地,S2之后还包括步骤:触发所述表单的change事件。
优选地,还包括步骤:
对表单添加属性data-type,设置表单为日期或金额,并指定方法:var inputfill=new InputFill(formatDate="mm-dd-yy",normalCent=2)。
优选地,还包括步骤:
在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;
在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件。
优选地,还包括步骤:
指定HTML模块最外层元素ID,对不同的HTML模块配置不同的Json字符串。
一种表单自动填充系统,包括:
web表单元素赋值模块,用于通过调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中,实现web表单元素自动赋值;
change事件触发模块,用于表单赋值后,触发所述表单的change事件,实现在表单的change事件中写入相应代码,得到想要的页面效果;
多级联动下拉框取值赋值模块,用于在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;然后在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件,实现表单联动功能;
日期、金额的格式化模块:用于通过对表单添加属性data-type,设置表单为日期或金额,并指定方法:var inputfill=new InputFill(formatDate="mm-dd-yy",normalCent=2),实现日期、金额的格式化。
本发明的有益效果是:本发明实施例提供的表单自动填充方法和系统,可以实现如下功能:支持常见web表单元素赋值操作;表单赋值后自动触发表单的change等事件,并可灵活配置;只对某一元素内的子元素进行赋值,实现赋值模块化;支持日期、金额的自定义格式化;支持多级联动下拉框取值并赋值选中。因此,采用本实施例提供的表单自动填充方法,可以大大提高繁琐的web开发中编辑与详情页的初始化部分的工作,开发人员只需要简单的配置就可以完成以往需要写大量代码的操作。并且在不写JS代码的情况下就可以方便的对各种元素进行赋值,易于维护和扩展。
附图说明
图1是本发明实施例提供的表单自动填充方法流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施方式仅仅用以解释本发明,并不用于限定本发明。
实施例一
如图1所示,本发明实施例提供了一种表单自动填充方法,包括如下步骤:
S1,编写表单结构,手动给表单添加data-fill属性,并设置data-fill属性值为所述表单在Json字符串中对应的字段值;其中,所述表单包括inpu t元素;
S2,调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中。
在实际操作中,可以按照如下方法进行实施:
汇总工作中常用的表单元素,包括input与span等元素,适用于大多数情况(可扩展)。
在编写表单结构时,手动给表单添加data-fill属性,属性值为该表单在Json串中对应的字段值。
调用赋值方法(inputfill.Init("模块编号","Json数据"))对包含表单数据的Json字符串进行解析,然后此方法会获取到本模块中所有包含data-fill属性的元素,并根据其data-fill值自动填充数据,大大避免了开发过程中繁琐的代码赋值操作。
在本发明的一个优选实施例中,S2之后还可以包括步骤:触发所述表单的change事件。
表单填充后自动触发表单的change事件,因此可在表单的change事件中写入相应代码,实现想要的页面效果。
本发明实施例提供的表单自动填充方法,还可以包括步骤:
对表单添加属性data-type,设置表单为日期或金额,并指定方法:var inputfill=new InputFill(formatDate="mm-dd-yy",normalCent=2)。
在实际操作中,可以按照如下方法进行实施:
通过对表单添加属性data-type设置表单为日期(date)或金额(money),然后在声明插件方法时进行指定(var inputfill=new InputFill(formatDate="mm-dd-yy",normalCent=2)),从而格式化页面中的日期与金额,使页面更加简洁,避免页面中出现日期或金额格式不一致情况。
本发明实施例提供的表单自动填充方法,还可以包括步骤:
在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;
在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件。
在实际操作中,可以按照如下方法进行实施:
通过在下拉框元素添加data-paramid属性(属性值为父级表单data-fill值)来设置此表单的父级表单,并通过data-url属性设置子下拉框取值地址,当父级表单发生变动时会触发Change事件,此下拉框会自动取值并赋值,从而实现表单联动功能。
本发明实施例提供的表单自动填充方法,还可以包括步骤:
指定HTML模块最外层元素ID,对不同的HTML模块配置不同的Json字符串。
上述方法中,通过指定HTML模块最外层元素ID,可实现页面中的模块化赋值,不同模块可配置不同Json字符串,从而各个模块间不会发生赋值冲突。
实施例二
本发明实施例提供了一种表单自动填充系统,包括:
web表单元素赋值模块,用于通过调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中,实现web表单元素自动赋值;
change事件触发模块,用于表单赋值后,触发所述表单的change事件,实现在表单的change事件中写入相应代码,得到想要的页面效果;
多级联动下拉框取值赋值模块,用于在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;然后在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件,实现表单联动功能;
日期、金额的格式化模块:用于通过对表单添加属性data-type,设置表单为日期或金额,并指定方法:var inputfill=new InputFill(formatDate="mm-dd-yy",normalCent=2),实现日期、金额的格式化。
该系统的工作和使用过程如实施例一所述,在此不再赘述。
通过采用本发明公开的上述技术方案,得到了如下有益的效果:本发明实施例提供的表单自动填充方法和系统,可以实现如下功能:支持常见web表单元素赋值操作;表单赋值后自动触发表单的change等事件,并可灵活配置;只对某一元素内的子元素进行赋值,实现赋值模块化;支持日期、金额的自定义格式化;支持多级联动下拉框取值并赋值选中。因此,采用本实施例提供的表单自动填充方法,可以大大提高繁琐的web开发中编辑与详情页的初始化部分的工作,开发人员只需要简单的配置就可以完成以往需要写大量代码的操作。并且在不写JS代码的情况下就可以方便的对各种元素进行赋值,易于维护和扩展。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域人员应该理解的是,上述实施例提供的方法步骤的时序可根据实际情况进行适应性调整,也可根据实际情况并发进行。
上述实施例涉及的方法中的全部或部分步骤可以通过程序来指令相关的硬件来完成,所述的程序可以存储于计算机设备可读取的存储介质中,用于执行上述各实施例方法所述的全部或部分步骤。所述计算机设备,例如:个人计算机、服务器、网络设备、智能移动终端、智能家居设备、穿戴式智能设备、车载智能设备等;所述的存储介质,例如:RAM、ROM、磁碟、磁带、光盘、闪存、U盘、移动硬盘、存储卡、记忆棒、网络服务器存储、网络云存储等。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本发明的保护范围。
Claims (1)
1.一种表单自动填充方法,其特征在于,包括如下步骤:
S1,编写表单结构,手动给表单添加data-fill属性,并设置data-fill属性值为所述表单在Json字符串中对应的字段值;其中,所述表单包括input元素;
S2,调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中;
还包括步骤:
对表单添加属性data-type,以设置表单的属性为日期或金额,并指定方法:将所述表单内的日期数据格式化为“mm-dd-yy”的格式,将表单内的金额数据格式化为保留小数点后两位的格式;
还包括步骤:
在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;
在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件;
还包括步骤:
指定HTML模块最外层元素ID,对不同的HTML模块配置不同的Json字符串;
S2后还包括:触发所述表单的change事件;
表单自动填充方法使用表单自动填充系统实现;所述表单自动填充系统包括web表单元素赋值模块,用于通过调用赋值方法:inputfill.Init("模块编号","Json数据"),对所述表单的Json字符串进行解析,获取所有包含data-fill属性的元素,并将data-fill属性值填充在所述表单的data-fill属性中,实现web表单元素自动赋值;
change事件触发模块,用于表单赋值后,触发所述表单的change事件,实现在表单的change事件中写入相应代码,得到想要的页面效果;
多级联动下拉框取值赋值模块,用于在所述表单的下拉框元素中添加data-paramid属性,并设置data-paramid属性值为父级表单的data-fill属性值;然后在所述表单的data-url属性中设置下拉框的取值地址为父级表单,若所述父级表单发生变动,则触发Change事件,实现表单联动功能;
日期、金额的格式化模块:用于通过对表单添加属性data-type,以设置表单的属性为日期或金额,并指定方法:将所述表单内的日期数据格式化为“mm-dd-yy”的格式,将表单内的金额数据格式化为保留小数点后两位的格式,实现日期、金额的格式化。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611166278.1A CN106599213B (zh) | 2016-12-16 | 2016-12-16 | 一种表单自动填充方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201611166278.1A CN106599213B (zh) | 2016-12-16 | 2016-12-16 | 一种表单自动填充方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106599213A CN106599213A (zh) | 2017-04-26 |
CN106599213B true CN106599213B (zh) | 2020-06-30 |
Family
ID=58801891
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201611166278.1A Active CN106599213B (zh) | 2016-12-16 | 2016-12-16 | 一种表单自动填充方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106599213B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110020376A (zh) * | 2017-12-28 | 2019-07-16 | 北京京东尚科信息技术有限公司 | 数据联动方法和系统 |
CN110008449B (zh) * | 2018-01-04 | 2023-07-07 | 北大医疗信息技术有限公司 | 表单控件联动方法、装置、计算机设备和可读存储介质 |
CN110109979A (zh) * | 2018-01-16 | 2019-08-09 | 北京京东尚科信息技术有限公司 | 一种配置表单选项方法和装置 |
CN110377851B (zh) * | 2019-06-18 | 2024-02-02 | 平安科技(深圳)有限公司 | 多级联动下拉框的实现方法、装置和计算机设备 |
CN112035049A (zh) * | 2020-09-02 | 2020-12-04 | 中国银行股份有限公司 | 一种基于移动端h5的金额输入实现方法及装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1865420A2 (en) * | 2006-06-08 | 2007-12-12 | Practical Law Company Limited | Document automation systems |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101650745A (zh) * | 2009-09-10 | 2010-02-17 | 中兴通讯股份有限公司 | 一种基于数据定义的web页面快速生成方法及装置 |
CN102201009B (zh) * | 2011-06-21 | 2013-02-27 | 深圳市凯立德科技股份有限公司 | 一种表单生成方法和装置 |
CN102508674A (zh) * | 2011-12-02 | 2012-06-20 | 方正国际软件有限公司 | 基于json进行对象化参数传递的方法及系统 |
CN102682126B (zh) * | 2012-05-16 | 2016-08-03 | 深圳市凯立德科技股份有限公司 | 一种表单数据的存取方法及装置 |
CN105760440B (zh) * | 2016-02-02 | 2019-06-04 | 广州市科南软件有限公司 | 在线表单设计器的实现方法及其系统 |
CN105630514A (zh) * | 2016-02-24 | 2016-06-01 | 浪潮通用软件有限公司 | 一种基于模板化的表单设计方法 |
CN105824787B (zh) * | 2016-03-15 | 2018-03-02 | 江苏中威科技软件系统有限公司 | 一种html模板动态配置的控制方法及系统 |
-
2016
- 2016-12-16 CN CN201611166278.1A patent/CN106599213B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1865420A2 (en) * | 2006-06-08 | 2007-12-12 | Practical Law Company Limited | Document automation systems |
Also Published As
Publication number | Publication date |
---|---|
CN106599213A (zh) | 2017-04-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106599213B (zh) | 一种表单自动填充方法和系统 | |
CN108279932B (zh) | 一种移动终端动态配置用户界面方法和装置 | |
CN108415702B (zh) | 一种移动终端应用界面动态渲染方法和装置 | |
CN106951231B (zh) | 一种计算机软件开发方法及装置 | |
CN104731589A (zh) | 用户界面的自动生成方法及自动生成装置 | |
CN109471619A (zh) | Mybatis代码生成方法、装置及计算机终端 | |
CN102360290A (zh) | 表单生成装置和表单生成方法 | |
CN103559184B (zh) | 表单页面的显示方法和装置 | |
CN102567514B (zh) | 一种数据处理方法及系统 | |
CN109614088B (zh) | 表单组件生成方法及装置 | |
US20160026708A1 (en) | Selection of data storage settings for an application | |
CN110990356A (zh) | 一种用于逻辑镜像的实时自动扩容方法和系统 | |
CN106407288A (zh) | 一种信息同步更新的方法及系统 | |
CN109542418A (zh) | Service代码生成方法及计算机终端 | |
CN105988986A (zh) | 一种信息处理方法及装置 | |
CN105824790A (zh) | 一种设备表格适配方法、计算机设备以及移动终端 | |
CN113485746B (zh) | 应用程序接口文档的生成方法及装置 | |
CN113253996B (zh) | 一种卡片构建方法、电子设备、服务器及存储介质 | |
JP2018534657A (ja) | ページ構築方法、装置、デバイス及び不揮発性コンピュータ記憶媒体 | |
CN115758018A (zh) | 基于grid的页面布局方法、装置、计算机设备及存储介质 | |
CN103593473A (zh) | 一种表格显示方法及系统 | |
CN112487773A (zh) | 一种报表生成方法、装置、设备及存储介质 | |
CN113835929A (zh) | 数据获取方法、装置、电子设备及存储介质 | |
CN113435160A (zh) | 一种数据处理方法和装置 | |
CN105205138A (zh) | 移动终端的流程数据处理方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |