CN114841126A - 表单生成方法、装置、设备、存储介质和程序产品 - Google Patents

表单生成方法、装置、设备、存储介质和程序产品 Download PDF

Info

Publication number
CN114841126A
CN114841126A CN202210512376.5A CN202210512376A CN114841126A CN 114841126 A CN114841126 A CN 114841126A CN 202210512376 A CN202210512376 A CN 202210512376A CN 114841126 A CN114841126 A CN 114841126A
Authority
CN
China
Prior art keywords
component
target
description file
linkage
type
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.)
Pending
Application number
CN202210512376.5A
Other languages
English (en)
Inventor
谢晓飞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
CMB Yunchuang Information Technology Co Ltd
Original Assignee
CMB Yunchuang Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by CMB Yunchuang Information Technology Co Ltd filed Critical CMB Yunchuang Information Technology Co Ltd
Priority to CN202210512376.5A priority Critical patent/CN114841126A/zh
Publication of CN114841126A publication Critical patent/CN114841126A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • 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
    • 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/177—Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请涉及一种表单生成方法、装置、设备、存储介质和程序产品。通过获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件，进一步的，根据目标组件的位置和组件类型生成目标组件对应的节点数据，根据目标组件的节点数据生成可视化编辑区域对应的描述文件，从而根据描述文件生成表单。本方法通过获取不同的目标组件的组件类型和位置，生成对应的节点数据，从而得到描述文件，有效的解决了使用低代码平台开发复杂表单的需求，以极少的编码完成复杂的表单开发工作。

Description

表单生成方法、装置、设备、存储介质和程序产品
技术领域
本申请涉及计算机技术领域，特别是涉及一种表单生成方法、装置、设备、存储介质和程序产品。
背景技术
随着技术的发展，越来越多的IT项目使用低代码平台创建。低代码平台能够大幅降低应用的开发成本、避免产生技术债务、简化工作流程，同时能够让产品经理、UI设计等相关岗位的人员与开发工程师更好的协同。低代码平台通常有两种类型，一种是模型驱动的低代码平台，另一种是表单驱动的低代码平台。无论哪一种类型都需要表单设计器这一核心前端组件，表单设计器是构建低代码系统的基础。
在实际的业务场景中，表单页面的需求是较为复杂的。但是利用常规的表单设计器无法生成嵌套表单、联动表单、自由布局以及扩展等复杂的表单。
发明内容
基于此，有必要针对上述技术问题，提供一种能够生成复杂表单的表单生成方法、装置、设备、存储介质和程序产品。
第一方面，本申请提供了一种表单生成方法，应用于表单设计器，所述表单设计器包括组件区域和可视化编辑区域；所述方法包括：
获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
根据所述描述文件生成表单。
在其中一个实施例中，所述根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件，包括：
根据所述目标组件的位置，将所述目标组件对应的节点数据插入到原描述文件中，以生成所述描述文件，其中，所述原描述文件为向所述可视化编辑区域中添加所述目标组件之前所述可视化编辑区域所对应的文件。
在其中一个实施例中，若所述目标组件的类型为栅格组件，其特征在于，所述根据所述描述文件生成表单，包括：
根据所述描述文件渲染所述栅格组件；
若所述栅格组件存在至少一个子节点，则渲染各所述子节点；
若各所述子节点中存在栅格组件类型的子节点，则判断所述栅格组件类型的子节点是否存在子节点，并在所述栅格组件类型的子节点不存在子节点的情况下渲染结束并得到所述表单。
在其中一个实施例中，若所述目标组件为表单联动组件，其特征在于，所述根据所述描述文件生成表单，包括：
遍历所述表单联动组件的联动类型和所述联动类型对应的联动方式；
根据所述联动类型和所述联动方式生成所述表单。
在其中一个实施例中，所述联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在其中一个实施例中，所述表单设计器还包括显示属性区域，所述组件区域中包括基础组件、布局组件以及自定义组件，所述显示属性区域用于显示所述基础组件、所述布局组件以及所述自定义组件的属性信息。
第二方面，本申请还提供了一种表单生成装置，所述装置包括：
获取模块，用于获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
第一生成模块，用于根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
第二生成模块，用于根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
第三生成模块，用于根据所述描述文件生成表单。
第三方面，本申请还提供了一种计算机设备，所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
根据所述描述文件生成表单。
第四方面，本申请还提供了一种计算机可读存储介质。所述计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
根据所述描述文件生成表单。
第五方面，本申请还提供了一种计算机程序产品，所述计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：
获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
根据所述描述文件生成表单。
上述表单生成方法、装置、设备、存储介质和程序产品，通过获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件，进一步的，根据目标组件的位置和组件类型生成目标组件对应的节点数据，根据目标组件的节点数据生成可视化编辑区域对应的描述文件，从而根据描述文件生成表单。本方法通过获取不同的目标组件的组件类型和位置，生成对应的节点数据，从而得到描述文件，有效的解决了使用低代码平台开发复杂表单的需求，以极少的编码完成复杂的表单开发工作。
附图说明
图1为一个实施例中表单生成方法的应用环境图；
图2为一个实施例中表单生成方法的流程示意图；
图3为一个实施例中表单设计器示意图；
图4为一个实施例中表单设计器自定义组件示意图；
图5为一个实施例中生成表单的示意图；
图6为一个实施例中根据描述文件生成表单的流程示意图；
图7为一个实施例中渲染栅格组件的示意图；
图8为另一个实施例中根据描述文件生成表单的流程示意图；
图9为一个实施例中表单联动组件的示意图；
图10为另一个实施例中表单联动组件的示意图；
图11为又一个实施例中表单联动组件的示意图；
图12为一个实施例中表单生成装置的结构框图；
图13为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请实施例提供的表单生成方法，可以应用于如图1所示的应用环境中。该应用环境中包括了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图1所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储有关基于表单驱动的低代码平台数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种表单生成方法。
其中，在一个实施例中，如图2所示，提供了一种表单生成方法，以该方法应用于图1中的计算机设备为例进行说明，包括以下步骤：
S201，获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件。
表单设计器是低代码系统中的核心组件之一，提供了前端页面的可视化开发能力，它包含两个组件：设计器、渲染器。可选的，如图3所示，设计器的界面可以包括三部分，从左至右依次为组件区域，可视化编辑区域和显示属性区域，组件区域中包括基础组件(即图3中的基础表单)、布局组件以及自定义组件，显示属性区域用于显示基础组件、布局组件以及自定义组件的属性信息。当未选择可视化编辑区域中某一个组件时，代表的是全局的表单属性，当选择可视化编辑区域中某一个组件时，会显示当前选择组件的所有可编辑属性。
其中，组件区域中包括基础组件、布局组件以及自定义组件，基础组件中可以包括单行文本、多行文本、数字、单选、单选框、下拉选择、复选框、日期选择、时间选择、时间范围、树形选择、切换按钮、文件上传、滑动选择、级练选择、编辑表格、按钮等不同组件的类型，布局组件可以包括栅格、分隔符、列表、图片、链接等不同的组件类型。
在本实施例中，当基础组件和布局组件无法满足需求时，可以采用React前端框架编写，添加“自定义组件”，添加效果如下图4所示，其中，金额、时间线为自定义组件。具体地，新建TSX文件后，根据预设规范编写自定义组件，编写完成后，将组件引入到表单设计器的自定义模块，表单设计器在初始化时会默认将自定义模块中的组件注册到表单设计器中，并归为自定义分类。预设规范包括：自定义组件属性满足描述文件规范、自定义组件必须有组件类型、自定义组件有编辑模式和文本模式、自定义组件必须使用函数组件。
在本实施例中，将目标组件从组件区域中进行点击添加或拖拽添加至可视化编辑区域。当进行点击添加时，直接将目标组件添加至组件列表的末尾。若为拖拽添加，可以直接将目标组件拖拽到可视化编辑区域的指定位置，从目标组件的DOM节点中获取DOM结构中数组的下标值，将该下标值对应的位置作为目标组件的添加位置。获取组件类型时，从目标组件的DOM节点的属性值中获取组件类型。
S202，根据目标组件的位置和组件类型生成目标组件对应的节点数据。
在本实施例中，设计器根据目标组件的位置和组件类型生成目标组件对应的节点数据。假设，目标组件为单行文本，目标组件的位置为可视化编辑区域组件列表的末尾，则生成ID为单行文本的第一节点数据。若对单行文本的属性进行编辑，则对第一节点数据进行更新，得到单行文本的节点数据。
S203，根据目标组件的节点数据生成可视化编辑区域对应的描述文件。
在本实施例中，若为点击添加，目标组件的节点数据直接插入在未添加目标组件之前描述文件组件列表的末尾，生成可视化编辑区域对应的描述文件。若为拖拽添加。根据目标组件的位置，将目标组件对应的节点数据插入到未添加目标组件之前描述文件中，得到可视化编辑区域对应的描述文件。
S204，根据描述文件生成表单。
在本实施例中，根据描述文件生成表单可以理解为将设计器设计完成的表单所生成的描述文件输入到渲染器，渲染器根据描述文件中各组件列表的节点数据对各组件进行渲染，生成表单，结果如图5所示。也可以理解为在设计器中设计表单时，在可视化编辑区域添加目标组件的过程中，描述文件不断在更新，可视化编辑区域监听描述文件的变动，可视化编辑区域根据最新的描述文件重新渲染表单内容。
上述表单生成方法中，通过获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件，进一步的，根据目标组件的位置和组件类型生成目标组件对应的节点数据，根据目标组件的节点数据生成可视化编辑区域对应的描述文件，从而根据描述文件生成表单。本方法通过获取不同的目标组件的组件类型和位置，生成对应的节点数据，从而得到描述文件，有效的解决了使用低代码平台开发复杂表单的需求，以极少的编码完成复杂的表单开发工作。
在一个实施例中，上述“S203根据目标组件的节点数据生成可视化编辑区域对应的描述文件”，包括：根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件，其中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件。
在本实施例中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件，可以包括不存在任何组件的可视化编辑区域(即空白的可视化编辑区域)所对应的描述文件，也可以为已经存在部分组件的可视化编辑区域所对应的描述文件。
在本实施例中，根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件。假设，原描述文件中依次包括组件A的节点数据a、组件B的节点数据b以及组件C的节点数据c。目标组件D的节点数据为d，目标组件D的位置位于组件A和组件B之间(即依次渲染组件A、目标组件D、组件B)，则将节点数据d插入到节点数据a和节点数据b之间，对原描述文件进行更新，生成描述文件。
图6为一个实施例中根据描述文件生成表单的流程示意图，如图6所示，本申请实施例涉及的是在目标组件的类型为栅格组件时，如何根据描述文件生成表单的一种可能的实现方式，包括以下步骤：
S601，根据描述文件渲染栅格组件。
其中，栅格组件在表单设计器中是一个容器组件，可以添加任何其他组件至栅格组件中，其他组件可以是上述组件类型中的任意一种(即包括栅格组件)。
在本实施例中，在可视化编辑区域添加栅格组件时，若需要多行布局时，可以添加多个栅格组件。当需要多列布局时，可以选中该栅格组件，在属性区域，设置相应的列数即可。
在本实施例中，若目标组件的类型为栅格组件时，根据描述文件渲染栅格组件，结果如图7所示。
S602，若栅格组件存在至少一个子节点，则渲染各子节点。
在本实施例中，当渲染完栅格组件后，判断该栅格组件中是否存在子节点，若该栅格组件中存在子节点，则渲染各子节点。假设，栅格组件A中存在栅格组件B、单行文本、下拉选择，则将栅格组件中的栅格组件B、单行文本、下拉选择进行渲染。
S603，若各子节点中存在栅格组件类型的子节点，则判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。
在本实施例中，还是以上述S602为例，栅格组件A中存在栅格组件B，则需要判断栅格组件B中是否还存在子节点，若栅格组件B中不存在子节点，则渲染结束。若栅格组件B中存在子节点，则渲染栅格组件B中的各子节点。
本申请实施例中，根据描述文件渲染栅格组件，在栅格组件存在至少一个子节点的情况下，渲染各子节点，当各子节点中存在栅格组件类型的子节点时，判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。本方法通过增加栅格组件，采用递归渲染的方式完成组件的嵌套，提高了生成表单的复杂性。
图8为另一个实施例中根据描述文件生成表单的流程示意图，如图8所示，本申请实施例涉及的是在目标组件的类型为表单联动组件时，如何根据描述文件生成表单的一种可能的实现方式，包括以下步骤：
S801，遍历表单联动组件的联动类型和联动类型对应的联动方式。
其中，联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在本实施例中，如图9所示，可视化编辑区域包括以下5项：数字1、数字2、数字3＝数字1+数字2，数字1为3时隐藏，数字2为2时禁用，其中，数字3＝数字1+数字2为衍生值联动类型的表单联动组件，数字1为3时隐藏为隐藏联动类型的表单联动组件，数字2为2时禁用为启用禁用联动类型的表单联动组件。当用户输入在数字1中输入“3”，会触发表单数据的变动，遍历上述所有拥有联动类型的组件对应的数据节点。
S802，根据联动类型和联动方式生成表单。
在本实施例中，还是以上述S801为例，其中，当用户输入在数字1中输入“3”时，只有“数字1为3时隐藏”为与数字1具有联动关系的表单联动组件，根据“数字1为3时隐藏”对应的联动方式重新渲染，“数字1为3时隐藏”被隐藏。同样的，如图10所示，当用户输入在数字2中输入“2”，“数字2为2时禁用”为与数字2具有联动关系的表单联动组件，根据“数字2为2时禁用”对应的联动方式重新渲染，“数字2为2时禁用”被禁用。如图11所示，当用户在数字1中输入“3”、数字2中输入“2”，此时，“数字1为3时隐藏”根据对应联动方式重新渲染被隐藏，“数字2为2时禁用”根据对应联动方式重新渲染被禁用，“数字3＝数字1+数字2”根据衍生值联动对应的联动方式重新渲染，得到最终的表单。
需要说明的是，若表单中存在不少于2种类型的联动类型，表单联动类型是同步渲染的。
本申请实施例中，当表单信息发生改变，遍历表单联动组件的联动类型和联动类型对应的联动方式，根据联动类型和联动方式生成表单。本方法通过对目标组件添加组件联动类型，有效解决了使用低代码平台开发复杂表单的需求。
应该理解的是，虽然如上的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，如上的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思，本申请实施例还提供了一种用于实现上述所涉及的表单生成方法的表单生成装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似，故下面所提供的一个或多个表单生成装置实施例中的具体限定可以参见上文中对于表单生成方法的限定，在此不再赘述。
在一个实施例中，如图12所示，提供了一种表单生成装置，包括：获取模块11、第一生成模块12、第二生成模块13和第三生成模块14，其中：
获取模块11，用于获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件；
第一生成模块12，用于根据目标组件的位置和组件类型生成目标组件对应的节点数据；
第二生成模块13，用于根据目标组件的节点数据生成可视化编辑区域对应的描述文件；
第三生成模块14，用于根据描述文件生成表单。
在一个实施例中，第二生成模块还用于根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件，其中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件。
在一个实施例中，第三生成模块，包括：
第一渲染单元，用于根据描述文件渲染栅格组件；
第二渲染单元，用于若栅格组件存在至少一个子节点，则渲染各子节点；
判断单元，用于若各子节点中存在栅格组件类型的子节点，则判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。
在一个实施例中，第三生成模块，还包括：
遍历单元，用于遍历表单联动组件的联动类型和联动类型对应的联动方式；
生成单元，用于根据联动类型和联动方式生成表单。
在一个实施例中，联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在一个实施例中，表单设计器还包括显示属性区域，组件区域中包括基础组件、布局组件以及自定义组件，显示属性区域用于显示基础组件、布局组件以及自定义组件的属性信息。
上述表单生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图13所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信，无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种表单生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图13中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现以下步骤：
获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件；
根据目标组件的位置和组件类型生成目标组件对应的节点数据；
根据目标组件的节点数据生成可视化编辑区域对应的描述文件；
根据描述文件生成表单。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件，其中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
根据描述文件渲染栅格组件；
若栅格组件存在至少一个子节点，则渲染各子节点；
若各子节点中存在栅格组件类型的子节点，则判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。
在一个实施例中，处理器执行计算机程序时还实现以下步骤：
遍历表单联动组件的联动类型和联动类型对应的联动方式；
根据联动类型和联动方式生成表单。
在一个实施例中，联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在一个实施例中，表单设计器还包括显示属性区域，组件区域中包括基础组件、布局组件以及自定义组件，显示属性区域用于显示基础组件、布局组件以及自定义组件的属性信息。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：
获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件；
根据目标组件的位置和组件类型生成目标组件对应的节点数据；
根据目标组件的节点数据生成可视化编辑区域对应的描述文件；
根据描述文件生成表单。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件，其中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
根据描述文件渲染栅格组件；
若栅格组件存在至少一个子节点，则渲染各子节点；
若各子节点中存在栅格组件类型的子节点，则判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
遍历表单联动组件的联动类型和联动类型对应的联动方式；
根据联动类型和联动方式生成表单。
在一个实施例中，联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在一个实施例中，表单设计器还包括显示属性区域，组件区域中包括基础组件、布局组件以及自定义组件，显示属性区域用于显示基础组件、布局组件以及自定义组件的属性信息。
在一个实施例中，提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：
获取添加至可视化编辑区域中的目标组件的位置和组件类型，其中，目标组件为从组件区域中展示的组件中选取的组件；
根据目标组件的位置和组件类型生成目标组件对应的节点数据；
根据目标组件的节点数据生成可视化编辑区域对应的描述文件；
根据描述文件生成表单。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
根据目标组件的位置，将目标组件对应的节点数据插入到原描述文件中，以生成描述文件，其中，原描述文件为向可视化编辑区域中添加目标组件之前可视化编辑区域所对应的文件。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
根据描述文件渲染栅格组件；
若栅格组件存在至少一个子节点，则渲染各子节点；
若各子节点中存在栅格组件类型的子节点，则判断栅格组件类型的子节点是否存在子节点，并在栅格组件类型的子节点不存在子节点的情况下渲染结束并得到表单。
在一个实施例中，计算机程序被处理器执行时还实现以下步骤：
遍历表单联动组件的联动类型和联动类型对应的联动方式；
根据联动类型和联动方式生成表单。
在一个实施例中，联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
在一个实施例中，表单设计器还包括显示属性区域，组件区域中包括基础组件、布局组件以及自定义组件，显示属性区域用于显示基础组件、布局组件以及自定义组件的属性信息。
需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory，MRAM)、铁电存储器(Ferroelectric Random Access Memory，FRAM)、相变存储器(Phase Change Memory，PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器等。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory，DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等，不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等，不限于此。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims (10)

1.一种表单生成方法，其特征在于，应用于表单设计器，所述表单设计器包括组件区域和可视化编辑区域；所述方法包括：
获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
根据所述描述文件生成表单。
2.根据权利要求1所述的方法，其特征在于，所述根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件，包括：
根据所述目标组件的位置，将所述目标组件对应的节点数据插入到原描述文件中，以生成所述描述文件，其中，所述原描述文件为向所述可视化编辑区域中添加所述目标组件之前所述可视化编辑区域所对应的文件。
3.根据权利要求2所述的方法，若所述目标组件的类型为栅格组件，其特征在于，所述根据所述描述文件生成表单，包括：
根据所述描述文件渲染所述栅格组件；
若所述栅格组件存在至少一个子节点，则渲染各所述子节点；
若各所述子节点中存在栅格组件类型的子节点，则判断所述栅格组件类型的子节点是否存在子节点，并在所述栅格组件类型的子节点不存在子节点的情况下渲染结束并得到所述表单。
4.根据权利要求2所述的方法，若所述目标组件为表单联动组件，其特征在于，所述根据所述描述文件生成表单，包括：
遍历所述表单联动组件的联动类型和所述联动类型对应的联动方式；
根据所述联动类型和所述联动方式生成所述表单。
5.根据权利要求4所述的方法，其特征在于，所述联动类型包括显示隐藏联动、启用禁用联动以及衍生值联动中的任意一种。
6.根据权利要求2所述的方法，其特征在于，所述表单设计器还包括显示属性区域，所述组件区域中包括基础组件、布局组件以及自定义组件，所述显示属性区域用于显示所述基础组件、所述布局组件以及所述自定义组件的属性信息。
7.一种表单生成装置，其特征在于，所述装置包括：
获取模块，用于获取添加至所述可视化编辑区域中的目标组件的位置和组件类型，其中，所述目标组件为从所述组件区域中展示的组件中选取的组件；
第一生成模块，用于根据所述目标组件的位置和所述组件类型生成所述目标组件对应的节点数据；
第二生成模块，用于根据所述目标组件的节点数据生成所述可视化编辑区域对应的描述文件；
第三生成模块，用于根据所述描述文件生成表单。
8.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述的方法的步骤。
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
10.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
CN202210512376.5A 2022-05-12 2022-05-12 表单生成方法、装置、设备、存储介质和程序产品 Pending CN114841126A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210512376.5A CN114841126A (zh) 2022-05-12 2022-05-12 表单生成方法、装置、设备、存储介质和程序产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210512376.5A CN114841126A (zh) 2022-05-12 2022-05-12 表单生成方法、装置、设备、存储介质和程序产品

Publications (1)

Publication Number Publication Date
CN114841126A true CN114841126A (zh) 2022-08-02

Family

ID=82570703

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210512376.5A Pending CN114841126A (zh) 2022-05-12 2022-05-12 表单生成方法、装置、设备、存储介质和程序产品

Country Status (1)

Country Link
CN (1) CN114841126A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115081415A (zh) * 2022-08-22 2022-09-20 苏州万店掌网络科技有限公司 一种表单配置方法、装置、设备及介质
CN116382672A (zh) * 2023-06-06 2023-07-04 钱塘科技创新中心 用于文旅产业流程的系统设计方法、智能终端和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115081415A (zh) * 2022-08-22 2022-09-20 苏州万店掌网络科技有限公司 一种表单配置方法、装置、设备及介质
CN116382672A (zh) * 2023-06-06 2023-07-04 钱塘科技创新中心 用于文旅产业流程的系统设计方法、智能终端和存储介质

Similar Documents

Publication Publication Date Title
US11460996B2 (en) Modifying style layer properties of a digital map
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
CN109408764B (zh) 页面区域划分方法、装置、计算设备和介质
CN114841126A (zh) 表单生成方法、装置、设备、存储介质和程序产品
CN102902545B (zh) 为动画化分解标记语言元素
Domiter et al. Sweep‐line algorithm for constrained Delaunay triangulation
JP7373563B2 (ja) ウェブサイト構築システム用の構成可能なアプリケーションの作成および処理のためのシステムおよび方法
US11113855B2 (en) Expression interpretation engine for computer map visualizations
CN111367514A (zh) 页面卡片的开发方法和装置、计算设备和存储介质
CN114239524A (zh) 问卷生成方法、装置、计算机设备及存储介质
CN117573911A (zh) 物理架构视图的自动布局方法、装置、设备和存储介质
CN114327395A (zh) 网页设计方法、装置、计算机设备、存储介质和产品
CN116088721A (zh) 页面交互方法、装置、设备及存储介质
CN115221852A (zh) 基于vxe-table的动态计算表格实现方法、装置和计算机设备
CN112966041A (zh) 数据处理方法、装置、设备及存储介质
CN114595018B (zh) 电流流向三维展示方法、装置、计算机设备和存储介质
CN115686706B (zh) 终端视图配置方法、装置、计算机设备和存储介质
US20230359814A1 (en) System and method for creation and handling of configurable applications for website building systems
CN116881594A (zh) 视图更新方法、装置、计算机设备和存储介质
CN114218903A (zh) 表格数据处理方法、装置、计算机设备及存储介质
CN117612192A (zh) 电子图纸信息识别方法、系统、电子设备、存储介质
CN117435100A (zh) 元素展示的方法、装置、计算机设备和存储介质
CN117032631A (zh) 测试大纲生成方法、装置、计算机设备和存储介质
CN116629049A (zh) 有限元模型的截面属性赋予方法、装置、设备和存储介质
CN116737138A (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