CN110321540A

CN110321540A - 一种生成表单的方法、装置、电子设备及介质

Info

Publication number: CN110321540A
Application number: CN201910568584.5A
Authority: CN
Inventors: 王睿宇; 李明忠; 任翔宇; 李自强; 胡永财; 黄绿野
Original assignee: Beijing QIYI Century Science and Technology Co Ltd
Current assignee: Beijing QIYI Century Science and Technology Co Ltd
Priority date: 2019-06-27
Filing date: 2019-06-27
Publication date: 2019-10-11

Abstract

本发明实施例提供了一种生成表单的方法、装置、电子设备及介质，涉及计算机技术领域，可以降低当表单元素之间存在多层嵌套关系时，生成表单的方法的难度。本申请的实施例包括：获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系，然后利用递归遍历的方式分别根据各表单元素的类型，确定表单元素的渲染方式。再利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关联关系，生成待生成表单。

Description

一种生成表单的方法、装置、电子设备及介质

技术领域

本发明涉及计算机技术领域，特别是涉及一种生成表单的方法、装置、电子设备及介质。

背景技术

表单在网页中主要负责数据采集功能，表单元素的基本类型包括：文本输入、多项选择、单项选择、多行输入、复选框和提交按钮等。表单的应用范围广泛，例如：在用户注册时，可以通过表单收集用户的姓名、年龄、家庭住址和兴趣爱好等。

目前市面上生成表单的工具能够生成包括基本类型的表单元素的表单，以及包括由各基本类型的表单元素组成的表单元素组的表单，但当表单元素之间存在多层(两层或两层以上)嵌套关系时，需要人工对输入的各表单元素进行预处理。例如：有一个表单需要提交用户的旅行订单信息，用户的订单信息中包括了两个父类型(Object)的表单元素，分别为用户的行程信息和用户的基本信息。其中用户的行程信息中又包括了出发地点以及紧急联系人信息等子元素。紧急联系人信息中包括两个子元素，分别为姓名和年龄。以姓名子元素为例，需要人工从各表单元素中找到姓名的属性“姓名”，并将其所属的父类型的表单元素的属性“紧急联系人信息”作为父类型属性记录到姓名的属性中(记录后姓名的属性可以为：紧急联系人信息·姓名)。然后将各表单元素的属性输入生成表单的工具，以使得生成表单的工具根据各表单元素的属性确定各表单元素的嵌套关系，进而生成包括嵌套关系的表单。

这种方法由于需要人工预先对各表单元素的属性进行处理，且对表单元素的属性处理过程繁琐。所以当表单元素之间存在多层嵌套关系时，现有技术生成表单的方法较为复杂。

发明内容

本发明实施例的目的在于提供一种生成表单的方法、装置、电子设备及介质，以降低当表单元素之间存在多层嵌套关系时，生成表单的方法的难度。具体技术方案如下：

第一方面，提供了一种生成表单的方法，所述方法包括：

一种生成表单的方法，其特征在于，所述方法包括：

获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系；

利用递归遍历的方式分别根据各表单元素的类型，确定表单元素的渲染方式；

利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关联关系，生成所述待生成表单。

可选的，所述获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系，包括：

获取表单元素信息列表，所述表单元素信息列表中包括父类型的表单元素信息和/或基本类型的表单元素信息，所述父类型的表单元素包括子元素，所述基本类型的表单元素不包括子元素，所述父类型的表单元素信息中包括表单元素的类型、属性和所述子元素的子元素信息，所述基本类型的表单元素信息中包括表单元素的类型和属性。

可选的，所述利用递归遍历的方式分别根据各表单元素的类型，确定表单元素的渲染方式，包括：

利用递归遍历的方式，分别对所述表单元素信息列表中每个表单元素执行以下步骤：

判断当前判断的表单元素的类型是否为父类型；

若当前判断的表单元素的类型为父类型，则确定当前判断的表单元素的渲染方式为预设渲染方式，并将当前判断的表单元素的子元素确定为当前判断的表单元素，并执行所述判断当前判断的表单元素的类型是否为父类型的步骤；

若当前判断的表单元素的类型不为父类型，则根据各基本类型与渲染方式的对应关系，确定当前判断的表单元素的渲染方式为当前判断的表单元素所属的基本类型对应的渲染方式。

可选的，所述利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关联关系，生成所述待生成表单，包括：

针对每个表单元素，基于所述表单元素的属性，利用所述表单元素的渲染方式，渲染所述表单元素；

根据渲染后的各表单元素以及所述各表单元素之间的关联关系，生成所述待生成表单。

第二方面，提供了一种生成表单的装置，所述装置包括：

获取模块，用于获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系；

确定模块，用于利用递归遍历的方式分别根据所述获取模块获取的各表单元素的类型，确定表单元素的渲染方式；

生成模块，用于利用所述确定模块确定的各表单元素的渲染方式、所述获取模块获取的各表单元素的属性以及各表单元素之间的关联关系，生成所述待生成表单。

可选的，所述获取模块，具体用于：

可选的，所述确定模块，具体用于：

判断当前判断的表单元素的类型是否为父类型；

可选的，所述生成模块，具体用于：

第三方面，提供了一种电子设备，所述电子设备包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述任一所述的生成表单的方法步骤。

第四方面，本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述任一所述的生成表单的方法步骤。

第五方面，本发明实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的生成表单的方法步骤。

本发明实施例提供的一种生成表单的方法、装置、电子设备及介质，可以获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系，然后利用递归遍历的方式，分别根据获取的各表单元素的类型，确定表单元素的渲染方式，再利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关系，生成待生成表单。由于利用了递归遍历的方式，可以根据各表单元素的嵌套关系，分别确定各表单元素的的渲染方式，无需人工预先对表单元素的属性进行处理，降低了当表单元素之间存在多层嵌套关系时，生成表单的方法的难度。

当然，实施本发明的任一产品或方法并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。

图1为本发明实施例提供的一种生成表单的系统结构图；

图2为本发明实施例提供的一种生成表单的方法流程图；

图3为本发明实施例提供的一种表单的示例性示意图；

图4为本发明实施例提供的一种各表单元素的关联关系的示例性示意图；

图5为本发明实施例提供的一种确定各表单元素的渲染方式的方法流程图；

图6为本发明实施例提供的一种生成表单的装置结构示意图；

图7为本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。

如图1所示，本发明实施例提供了一种可用于生成表单的服务器，包括：存储模块、基本类型的渲染模块、渲染接口组件和父类型的渲染模块。

存储模块用于获取并存储各表单元素的类型、属性和关联关系。可选的，存储模块还可以存储各表单元素的取值和验证规则。

基本元素的渲染模块，用于根据表单元素的属性，渲染表单元素。

其中，基本类型是指不包括子元素的表单元素的类型。

例如，基本类型可以为：文本输入、多项选择、单项选择、多行输入、复选框和提交按钮等类型。相应地，基本类型的渲染模块可以为：文本输入渲染模块、多项选择渲染模块、单项选择渲染模块、多行输入渲染模块、复选框渲染模块和提交按钮渲染模块等。

文本输入类型是指表单元素的功能可以提供用户在表单中输入文本。

多项选择类型是指表单元素的功能可以提供用户在表单的预设数量的选项中选择多个选项。

单项选择类型是指表单元素的功能可以提供用户在表单的预设数量的选项中选择一个选项。

多行输入类型是指表单元素的功能可以提供用户在表单中输入多行文字。

复选框类型是指表单元素的功能可以提供用户在表单中选择多个选项。

提交按钮类型是指表单元素的功能可以提供用户在表单中选择提交表单。

父类型的渲染模块，用于利用递归遍历的方式，确定父类型的表单元素包括的子元素，并根据父类型的表单元素的属性，渲染父类型的表单元素。

其中，父类型是指包括子元素的表单元素的类型，父类型也可以称为对象(object，obj)类型。

渲染接口组件，用于若表单元素的类型为基本类型，则调用表单元素所属的基本类型的渲染模块。若表单元素的类型为父类型，则调用父类型的渲染模块。

本发明实施例提供了一种生成表单的方法，应用于图1所示的服务器。如图2所示，该方法包括如下步骤。

步骤201，获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系。

一种实施方式中，可以获取表单元素信息列表，根据表单元素信息列表可确定各表单元素的类型、属性以及各表单元素之间的关联关系。例如：接收用户输入的表单元素信息列表。

其中，表单元素信息列表中包括父类型的表单元素信息和/或基本类型的表单元素信息，父类型的表单元素包括子元素，基本类型的表单元素不包括子元素，父类型的表单元素信息中包括表单元素的类型、属性和子元素的子元素信息，基本类型的表单元素信息中包括表单元素的类型和属性。

其中，基本类型包括：文本输入、多项选择、单项选择、多行输入、复选框和提交按钮等类型。

例如：表单元素信息列表如表一所示：

表一

可选的，还可以获取表单元素的验证规则。

例如：表单元素的属性为：邮箱账号，表单元素的类型为：文本输入，表单元素的验证规则为：填写的邮箱账号为合法账号。

又例如：表单元素的属性为：提交，表单元素的类型为：提交按钮，表单元素的验证规则为：已填写必填项。

步骤202，利用递归遍历的方式分别根据各表单元素的类型，确定表单元素的渲染方式。

可以理解的，递归指的是在程序运行时调用自身，遍历指的是依次对待生成表单中每个表单元素访问一次且仅访问一次。所以递归遍历指的是，用相同的访问方法依次访问待生成表单中每个表单元素。

例如：假设待生成表单中各表单元素的关联关系如图3所示，先根据表单元素A的类型(父类型)，确定表单元素A的渲染方式为预设渲染方式；再根据表单元素B的类型(父类型)，确定表单元素B的渲染方式为预设渲染方式；再根据表单元素C的类型(文本输入)，确定表单元素C的渲染方式为文本输入对应的渲染方式；以及根据表单元素D的类型(单项选择)，确定表单元素D的渲染方式为单项选择对应的渲染方式。

可选的，预设渲染方式可以为预先设置的对父类型的表单元素的渲染方式。

步骤203，利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关联关系，生成待生成表单。

一种实施方式中，可以针对每个表单元素，基于表单元素的属性，利用表单元素的渲染方式，渲染表单元素，然后根据渲染后的各表单元素以及各表单元素之间的关联关系，生成待生成表单。

例如：生成的表单如图4所示，在方法参数(父类型的表单元素)下嵌套了子页面标识和页面标识两个子元素，且这两个子元素均属于文本输入类型。

可选的，可以利用渐进式框架(Vue.js)实现存储模块和用户界面(view)双向绑定。需要根据各表单元素的关联关系得出每个表单元素的路径，将各表单元素的路径写入存储模块的配置信息中，当表单元素取值修改时，根据该表单元素的路径将其取值更新到存储模块中。例如：用户在用户界面显示的已生成的表单中修改表单元素的取值时，存储模块从用户界面中获取并记录修改后的该表单元素的取值。存储模块记录的表单元素的取值修改后，用户界面显示的表单中该表单元素的取值也会相应修改。

本发明实施例提供的一种生成表单的方法，可以获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系，然后利用递归遍历的方式，分别根据获取的各表单元素的类型，确定表单元素的渲染方式，再利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关系，生成待生成表单。由于利用了递归遍历的方式，可以根据各表单元素的嵌套关系，分别确定各表单元素的的渲染方式，无需人工预先对表单元素的属性进行处理，降低了当表单元素之间存在多层嵌套关系时，生成表单的方法的难度。

结合图5，对上述步骤202中确定各表单元素的渲染方式的方法进行详细说明。如图5所示，利用递归遍历的方式，分别对表单元素信息列表中每个表单元素执行步骤步骤501至步骤503。

步骤501，判断当前判断的表单元素的类型是否为父类型。若是，则执行步骤502；若否，则执行步骤503。

例如：以表一为例，根据表一中可确定表单元素A的类型为父类型，则可对表单元素A执行步骤502；另外，根据表一可确定表单元素B的类型为基本类型，则可对表单元素B执行步骤503。

步骤502，确定当前判断的表单元素的渲染方式为预设渲染方式，并将当前判断的表单元素的子元素确定为当前判断的表单元素。

例如：表一中的表单元素A的类型为父类型，则通过渲染接口组件，确定表单元素A的渲染方式为预设渲染方式，并调用父类型的渲染模块，以使得父类型的渲染模块根据表单元素A的属性，用预设渲染方式渲染表单元素A。

若表单元素的类型为父类型，则该表单元素包括子元素，继续根据该表单元素的子元素的类型，确定该表单元素的子元素的渲染方式。

例如：结合表一，在确定了表单元素A对应的渲染方式为预设渲染方式后，判断表单元素A的子元素a是否为父类型，由于子元素a的类型为文本输入，所以子元素a的类型为基本类型。然后确定表单元素A的子元素a的渲染方式为文本输入对应的渲染方式。

可选的，在表单元素的子元素中还可以嵌套子元素，所以表单元素的子元素的类型也可以为父类型。

步骤503，根据各基本类型与渲染方式的对应关系，确定当前判断的表单元素的渲染方式为当前判断的表单元素所属的基本类型对应的渲染方式。

示例性的，各基本类型与渲染方式的对应表如表二所示：

表二

基本类型	渲染方式
		文本输入	渲染方式1
多项选择	渲染方式2
		单项选择	渲染方式3
复选框	渲染方式4

例如：结合表二，表一中的表单元素B的类型为多项选择，则通过渲染接口组件，确定表单元素B的渲染方式为渲染方式2，并调用多项选择渲染模块，以使得多项选择渲染模块根据表单元素B的属性，用渲染方式2渲染表单元素。

可以理解的是，通过递归遍历的方式既可以确定不存在嵌套关系的表单元素的渲染方式，也可以确定存在层层嵌套关系的各表单元素的渲染方式。

在本发明实施例中，由于当表单元素之间存在多层嵌套关系时，生成表单之前不需要人工预先对表单元素的属性进行处理，所以能够提升生成表单的效率，以及能够提升开发人员体验。

对应于上述方法实施例，如图6所示，本发明实施例提供了一种生成表单的装置，应用于服务器，该装置包括：获取模块601、确定模块602和生成模块603。

获取模块601，用于获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系；

确定模块602，用于利用递归遍历的方式分别根据获取模块501获取的各表单元素的类型，确定表单元素的渲染方式；

生成模块603，用于利用确定模块602确定的各表单元素的渲染方式、获取模块601获取的各表单元素的属性以及各表单元素之间的关联关系，生成待生成表单。

可选的，获取模块601，可以具体用于：

获取表单元素信息列表，表单元素信息列表中包括父类型的表单元素信息和/或基本类型的表单元素信息，父类型的表单元素包括子元素，基本类型的表单元素不包括子元素，父类型的表单元素信息中包括表单元素的类型、属性和子元素的子元素信息，基本类型的表单元素信息中包括表单元素的类型和属性。

可选的，确定模块602，具体用于：

利用递归遍历的方式，分别对表单元素信息列表中每个表单元素执行以下步骤：

判断当前判断的表单元素的类型是否为父类型；

若当前判断的表单元素的类型为父类型，则确定当前判断的表单元素的渲染方式为预设渲染方式，并将当前判断的表单元素的子元素确定为当前判断的表单元素，并执行判断当前判断的表单元素的类型是否为父类型的步骤；

可选的，生成模块603，具体用于：

针对每个表单元素，基于表单元素的属性，利用表单元素的渲染方式，渲染表单元素；

根据渲染后的各表单元素以及各表单元素之间的关联关系，生成待生成表单。

本发明实施例还提供了一种电子设备，如图7所示，包括处理器701、通信接口702、存储器703和通信总线704，其中，处理器701，通信接口702，存储器703通过通信总线704完成相互间的通信，

存储器703，用于存放计算机程序；

处理器701，用于执行存储器703上所存放的程序时，实现上述方法实施例中由服务器执行的步骤。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本发明提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述任一生成表单的方法的步骤。

在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一生成表单的方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims

1.一种生成表单的方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述获取待生成表单中各表单元素的类型和属性，以及各表单元素之间的关联关系，包括：

3.根据权利要求2所述的方法，其特征在于，所述利用递归遍历的方式分别根据各表单元素的类型，确定表单元素的渲染方式，包括：

判断当前判断的表单元素的类型是否为父类型；

4.根据权利要求3所述的方法，其特征在于，所述利用各表单元素的渲染方式、各表单元素的属性以及各表单元素之间的关联关系，生成所述待生成表单，包括：

5.一种生成表单的装置，其特征在于，所述装置包括：

6.根据权利要求5所述的装置，其特征在于，所述获取模块，具体用于：

7.根据权利要求6所述的装置，其特征在于，所述确定模块，具体用于：

判断当前判断的表单元素的类型是否为父类型；

8.根据权利要求7所述的装置，其特征在于，所述生成模块，具体用于：

9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-4任一所述的方法步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-4任一所述的方法步骤。