一种表单数据输入方法、装置、介质与流程

本申请涉及计算机领域，特别是涉及一种表单数据输入方法、装置、介质。

背景技术：

1、在用户浏览网页或使用应用程序时，需要向网页和应用程序中的表单输入数据（例如：用户名信息、文本信息和选择选项等）以获取服务。下拉框是一种常用的获取用户数据的组件。目前常用的下拉框组件包括elementui提供的el-select组件和iviewui所提供的select组件，但这些下拉框组件通常以文档对象模型（document object model，dom）元素保存输入框的下拉选项数据，在下拉选项过多时，会影响页面的加载速度，导致页面卡顿，影响用户的使用体验。

2、由此可见，如何提供一种新的表单数据输入方法，以防止下拉框下拉选项过多影响页面加载速度，是本领域技术人员亟需解决的问题。

技术实现思路

1、本申请的目的是为了解决现有技术中通过下拉框向表单中输入数据时，由于页面中以dom元素形式存储的下拉框选项过多导致页面数据过多，影响页面的加载速度，为了解决这一技术问题，本申请提供了一种表单数据输入方法、装置、介质，以减少页面中文档对象模型元素的数据量，提高页面的响应速度和用户的使用体验。

2、为了解决上述技术问题，本申请提供了一种表单数据输入方法，包括：

3、响应于用户所发送的数据输入请求以获取用户输入数据；

4、根据预设匹配规则确定与所述用户输入数据对应的目标下拉选项；

5、根据所述目标下拉选项生成文档对象模型元素，并在下拉选项界面显示所述目标下拉选项；

6、获取用户选择数据，以将所述用户选择数据输入至表单，并清除所述文档对象模型元素。

7、优选的，所述预设匹配规则包括：拼音匹配、模糊匹配；

8、相应的，所述根据预设匹配规则确定与所述用户输入数据对应的目标下拉选项包括：

9、确定下拉选项库中与各所述预设匹配规则对应的目标下拉选项；其中，所述下拉选项库为设置于前端本地存储、并用于保存原始选项数据的数据库。

10、优选的，所述确定下拉选项库中与各所述预设匹配规则对应的目标下拉选项包括：

11、获取各所述预设匹配规则的优先级信息，并对各所述预设匹配规则进行优先级排序；

12、按照各所述预设匹配规则的优先级顺序，依次确定与各所述预设匹配规则对应的所述目标下拉选项。

13、优选的，还包括：

14、获取用户通过表单输入按钮所输入的匹配规则选择指令；

15、根据所述匹配规则选择指令确定各所述预设匹配规则的优先级信息。

16、优选的，所述根据所述目标下拉选项生成文档对象模型元素包括：

17、获取所述前端本地存储中的所述原始选项数据；

18、根据所述原始选项数据，在所述下拉选项界面中渲染出与所述原始选项数据的文档对象模型元素。

19、优选的，还包括：

20、为各所述目标下拉选项创建vue实例，并对所述目标下拉选项的属性信息进行数据劫持，以对所述vue实例的数据进行处理；

21、编译所述vue实例，解析所述vue实例的指令和表达式，并创建相应的监听器，以获取各所述目标下拉选项的依赖数据，从而建立各所述目标下拉选项与监听器间的关联关系。

22、优选的，所述根据预设匹配规则确定与所述用户输入数据对应的目标下拉选项的步骤后，还包括：

23、若下拉选项库中不存在与所述用户输入数据对应的所述目标下拉选项，则记录所述用户输入数据和与所述用户输入数据对应的后台信息；

24、根据所述用户输入数据和所述后台信息生成新的下拉选项数据，并将所述下拉选项数据保存至所述下拉选项库中，以更新所述下拉选项库。

25、为了解决上述技术问题，本申请还提供了一种表单数据输入装置，包括：

26、获取模块，用于响应于用户所发送的数据输入请求以获取用户输入数据；

27、确定模块，用于根据预设匹配规则确定与所述用户输入数据对应的目标下拉选项；

28、生成模块，用于根据所述目标下拉选项生成文档对象模型元素，并在下拉选项界面显示所述目标下拉选项；

29、清除模块，用于获取用户选择数据，以将所述用户选择数据输入至表单，并清除所述文档对象模型元素。

30、为了解决上述技术问题，本申请还提供了一种表单数据输入装置，包括存储器，用于存储计算机程序；

31、处理器，用于执行所述计算机程序时实现所述的表单数据输入方法的步骤。

32、为了解决上述技术问题，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现所述的表单数据输入方法的步骤。

33、本申请提供了一种表单数据输入方法，包括：响应于用户所发送的数据输入请求以获取用户输入数据；根据预设匹配规则确定与用户输入数据对应的目标下拉选项；根据目标下拉选项生成文档对象模型元素，并在下拉选项界面显示目标下拉选项；获取用户选择数据，以将用户选择数据输入至表单，并清除文档对象模型元素。由此可见，本申请所提供的技术方案，通过在用户输入数据时，根据与用户输入数据对应的目标下拉选项生成文档对象模型元素，以便于用户选择，并在完成数据输入后，将文档对象模型元素清除，以减少页面中文档对象模型元素的数据量，从而提高页面的响应速度。

34、此外，本申请还提供了一种表单数据输入装置、介质，与上述方法对应，效果同上。

技术特征：

1.一种表单数据输入方法，其特征在于，包括：

2.根据权利要求1所述的表单数据输入方法，其特征在于，所述预设匹配规则包括：拼音匹配、模糊匹配；

3.根据权利要求2所述的表单数据输入方法，其特征在于，所述确定下拉选项库中与各所述预设匹配规则对应的所述目标下拉选项包括：

4.根据权利要求3所述的表单数据输入方法，其特征在于，还包括：

5.根据权利要求2所述的表单数据输入方法，其特征在于，所述根据所述目标下拉选项生成文档对象模型元素包括：

6.根据权利要求1至5任一项所述的表单数据输入方法，其特征在于，还包括：

7.根据权利要求2所述的表单数据输入方法，其特征在于，所述根据预设匹配规则确定与所述用户输入数据对应的目标下拉选项的步骤后，还包括：

8.一种表单数据输入装置，其特征在于，包括：

9.一种表单数据输入装置，其特征在于，包括存储器，用于存储计算机程序；

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的表单数据输入方法的步骤。

技术总结
本申请涉及计算机领域，公开了一种表单数据输入方法、装置、介质，包括：响应于用户所发送的数据输入请求以获取用户输入数据；根据预设匹配规则确定与用户输入数据对应的目标下拉选项；根据目标下拉选项生成文档对象模型元素，并在下拉选项界面显示目标下拉选项；获取用户选择数据，以将用户选择数据输入至表单，并清除文档对象模型元素。由此可见，本申请所提供的技术方案，通过在用户输入数据时，根据与用户输入数据对应的目标下拉选项生成文档对象模型元素，以便于用户选择，并在完成数据输入后，将文档对象模型元素清除，以减少页面中文档对象模型元素的数据量，从而提高页面的响应速度。

技术研发人员：金晓磊,陈晓丽,吕建
受保护的技术使用者：杭州安恒信息技术股份有限公司
技术研发日：
技术公布日：2024/1/15