CN115113870A - 一种网页表单生成方法、装置、电子设备和可读存储介质 - Google Patents

一种网页表单生成方法、装置、电子设备和可读存储介质 Download PDF

Info

Publication number
CN115113870A
CN115113870A CN202210696870.1A CN202210696870A CN115113870A CN 115113870 A CN115113870 A CN 115113870A CN 202210696870 A CN202210696870 A CN 202210696870A CN 115113870 A CN115113870 A CN 115113870A
Authority
CN
China
Prior art keywords
target
code information
determining
trigger event
splicing
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
CN202210696870.1A
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.)
China Telecom Corp Ltd
Original Assignee
China Telecom Corp 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 China Telecom Corp Ltd filed Critical China Telecom Corp Ltd
Priority to CN202210696870.1A priority Critical patent/CN115113870A/zh
Publication of CN115113870A publication Critical patent/CN115113870A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • 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/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
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Abstract

本发明实施例提供了一种网页表单生成方法、装置、电子设备和可读存储介质，所述方法包括：响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。

Description

一种网页表单生成方法、装置、电子设备和可读存储介质
技术领域
本发明涉及计算机技术领域，特别是涉及一种网页表单生成方法、一种网页表单生成装置、一种电子设备和一种计算机可读存储介质。
背景技术
在日常业务系统中，经常会用到网页表单将用户的数据提交到后台存储。但是随着业务的日趋复杂，需要提交的数据类型越来越多种多样，随之而来的对于页面表单的开发工作也变得越来越多。如果基于每一种业务类型都开发一个网页表单将非常浪费开发资源。
发明内容
鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页表单生成方法和相应的一种网页表单生成装置、一种电子设备，以及一种计算机可读存储介质。
本发明实施例公开了一种网页表单生成方法，所述方法包括：
响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；
从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；
根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
可选地，所述将针对所述目标表单元素的代码信息进行拼接，包括：
从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件；
将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息。
可选地，所述预置的表单配置表包括表单元素配置表，所述表单元素配置表中的表单元素具有对应的业务场景标识，所述从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，包括：
确定所述目标业务场景所对应的目标业务场景标识；
从所述表单元素配置表中，确定与所述目标业务场景标识对应的所述目标表单元素。
可选地，所述预置的表单配置表包括表单元素触发事件表，所述表单元素触发事件表中的触发事件具有对应的表单元素标识，所述从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件，包括：
确定所述目标表单元素所对应的目标表单元素标识；
从所述表单元素触发事件表中，确定与所述目标表单元素标识对应的所述目标触发事件。
可选地，所述将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息，包括：
从所述表单元素配置表中，按照预设格式对所述目标表单元素所在行的属性信息进行拼接，得到对应的针对所述目标表单元素的代码信息；
从所述表单元素触发事件表中，按照预设格式对所述目标触发事件所在行的属性信息进行拼接，得到对应的针对所述目标触发事件的代码信息；
将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的目标表单元素节点的代码信息；
分别将各个所述目标表单元素节点的代码信息作为数组元素，以及将各个所述数组元素按顺序进行拼接，得到对应的所述目标代码信息。
可选地，所述将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息，包括：
确定是否需要对所述目标表单元素扩展副本；
若确定需要对所述目标表单元素扩展副本，则确定针对所述目标表单元素的目标扩展组件；
将针对所述目标表单元素的代码信息、针对所述目标触发事件的代码信息和针对所述目标扩展组件的代码信息进行拼接，得到对应的所述目标代码信息。
可选地，所述根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单，包括：
在所述网页显示所述目标表单元素，以及显示针对所述目标表单元素的所述目标扩展组件。
本发明实施例还公开了一种网页表单生成装置，所述装置包括：
确定模块，用于响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；
确定及拼接模块，用于从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；
显示模块，用于根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
可选地，所述确定及拼接模块，包括：
第一确定子模块，用于从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件；
拼接子模块，用于将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息。
可选地，所述预置的表单配置表包括表单元素配置表，所述表单元素配置表中的表单元素具有对应的业务场景标识，所述确定及拼接模块，包括：
第二确定子模块，用于确定所述目标业务场景所对应的目标业务场景标识；
第三确定子模块，用于从所述表单元素配置表中，确定与所述目标业务场景标识对应的所述目标表单元素。
可选地，所述预置的表单配置表包括表单元素触发事件表，所述表单元素触发事件表中的触发事件具有对应的表单元素标识，所述第一确定子模块，包括：
第一确定单元，用于确定所述目标表单元素所对应的目标表单元素标识；
第二确定单元，用于从所述表单元素触发事件表中，确定与所述目标表单元素标识对应的所述目标触发事件。
可选地，所述拼接子模块，包括：
第一拼接单元，用于从所述表单元素配置表中，按照预设格式对所述目标表单元素所在行的属性信息进行拼接，得到对应的针对所述目标表单元素的代码信息；
第二拼接单元，用于从所述表单元素触发事件表中，按照预设格式对所述目标触发事件所在行的属性信息进行拼接，得到对应的针对所述目标触发事件的代码信息；
第三拼接单元，用于将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的目标表单元素节点的代码信息；
第四拼接单元，用于分别将各个所述目标表单元素节点的代码信息作为数组元素，以及将各个所述数组元素按顺序进行拼接，得到对应的所述目标代码信息。
可选地，所述拼接子模块，包括：
第三确定单元，用于确定是否需要对所述目标表单元素扩展副本；
第四确定单元，用于若确定需要对所述目标表单元素扩展副本，则确定针对所述目标表单元素的目标扩展组件；
第五拼接单元，用于将针对所述目标表单元素的代码信息、针对所述目标触发事件的代码信息和针对所述目标扩展组件的代码信息进行拼接，得到对应的所述目标代码信息。
可选地，所述显示模块，包括：
显示子模块，用于在所述网页显示所述目标表单元素，以及显示针对所述目标表单元素的所述目标扩展组件。
本发明实施例还公开了一种电子设备，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述一种网页表单生成方法的步骤。
本发明实施例还公开了一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如上所述一种网页表单生成方法的步骤。
本发明实施例包括以下优点：
在本发明实施例中，在网页上进行场景选择操作之后，可以确定所要生成的目标表单应用的目标业务场景，可以利用该目标业务场景直接从预置的表单配置表中确定所要生成的目标表单中所需包含的目标表单元素，通过对目标表单元素的代码信息进行拼接可以生成对应的目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。
附图说明
图1是本发明实施例提供的一种网页表单生成方法的步骤流程图；
图2是本发明实施例提供的另一种网页表单生成方法的步骤流程图；
图3是本发明实施例的一种扩展组件的代码设计示意图；
图4是本发明实施例的一种在网页上生成表单元素以及复制表单元素的示意图；
图5是本发明实施例的一种生成复制表单元素的流程图；
图6是本发明实施例的一种网页表单生成方法的流程图；
图7是本发明实施例提供的一种网页表单生成方法的应用场景示意图；
图8是本发明实施例提供的一种网页表单生成装置的结构框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其它实施例，都属于本发明保护的范围。
在日常业务系统中，经常会用到网页表单将用户的数据提交到后台存储。但是随着业务的日趋复杂，需要提交的数据类型越来越多种多样，随之而来的对于页面表单的开发工作也变得越来越多。如果基于每一种业务类型都开发一个网页表单将非常浪费开发资源。
为了解决以上问题，本发明拟提供一种克服上述问题或者至少部分地解决上述问题的一种网页表单生成方法和相应的一种网页表单生成装置、一种电子设备，以及一种计算机可读存储介质。
本发明实施例的核心构思之一在于，在网页上进行场景选择操作之后，可以确定所要生成的目标表单应用的目标业务场景，可以利用该目标业务场景直接从预置的表单配置表中确定所要生成的目标表单中所需包含的目标表单元素，通过对目标表单元素的代码信息进行拼接可以生成对应的目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。
参照图1，示出了本发明实施例提供的一种网页表单生成方法的步骤流程图，具体可以包括如下步骤：
步骤101，响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景。
本发明提供一种在网页上生成多种业务场景分别对应的表单数据的方法，其中，该网页上可以提供多种业务场景供用户选择，例如可以提供涉诈号码处置反馈的业务场景、或者提供统计各省公司处置成效的业务场景。用户可以从网页上提供的多种业务场景中进行选择，响应于场景选择操作，可以确定用户所需生成的目标表单应用的目标业务场景。
步骤102，从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接。
数据库中预先设置有表单配置表，表单配置表中存储有用于生成表单的各种表单元素，且表单元素与业务场景之间具有对应关系。表单配置表中还存储有用于生成表单元素的各种属性信息，表单元素的属性信息可以构成用于在网页上生成对应的表单元素的代码信息。表单配置表的配置过程可以是在数据库管理工具中完成的，也可以是通过制作管理页面，在网页中进行配置。
在本发明实施例中，在确定目标表单应用的目标业务场景之后，可以从预置的表单配置表中，根据表单元素与业务场景的对应关系，确定与目标业务场景对应的目标表单元素，并根据存储的目标表单元素的属性信息确定针对该目标表单元素的代码信息，之后可以将各个目标表单元素的代码信息进行拼接，从而利用拼接得到的目标代码信息在网页上生成包含各种目标表单元素的目标表单。其中，表单元素可以为文本框、密码框、单选按钮、复选框、文件域、隐藏域、提交按钮、重置按钮、自定义命令按钮和图像按钮等。
步骤103，根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
将各个目标表单元素的代码信息进行拼接之后，可以得到对应的用于在网页生成目标表单的目标代码信息，可以根据该目标代码信息在网页上生成并显示目标表单中的各个目标表单元素。
综上，在本发明实施例中，在网页上进行场景选择操作之后，可以确定所要生成的目标表单应用的目标业务场景，可以利用该目标业务场景直接从预置的表单配置表中确定所要生成的目标表单中所需包含的目标表单元素，通过对目标表单元素的代码信息进行拼接可以生成对应的目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。
参照图2，示出了本发明实施例提供的另一种网页表单生成方法的步骤流程图，具体可以包括如下步骤：
步骤201，响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景。
本发明提供一种在网页上生成多种业务场景分别对应的表单数据的方法，网页上可以提供多种业务场景供用户选择，用户可以从中选择目标表单应用的目标业务场景。
步骤202，从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素。
表单配置表可以预先存储在数据库中，表单配置表中存储有用于生成表单的各种表单元素，且表单元素与业务场景之间具有对应关系。在确定目标表单应用的目标业务场景之后，可以从预置的表单配置表中，根据表单元素与业务场景的对应关系，确定与目标业务场景对应的目标表单元素，即为目标表单所需包含的目标表单元素。
在本发明一种可选的实施例中，预置的表单配置表包括表单元素配置表，表单元素配置表中的表单元素具有对应的业务场景标识，针对步骤202，可以执行以下步骤：
子步骤S11，确定所述目标业务场景所对应的目标业务场景标识。
子步骤S12，从所述表单元素配置表中，确定与所述目标业务场景标识对应的所述目标表单元素。
预置的表单配置表可以包括表单元素配置表，表单元素配置表中存储有用于生成表单的各种表单元素，且表单元素具有对应的业务场景标识。表单元素配置表中还存储有用于生成表单元素的各种属性信息，表单元素的属性信息可以构成用于在网页上生成对应的表单元素的代码信息。
示例性地，表单元素配置表的具体配置样式可以如表1所示，表单元素配置表中的每一行存储一个表单元素的属性信息，表单元素的属性信息包括id、元素id、表单元素、父元素、元素类型、class选择器、提示文字、是否可添加多个、排序和业务场景标识。在一种示例中，假设目标业务场景所对应的目标业务场景标识为“Buss1”，则可以将表1中id为1-8的表单元素确定为目标表单元素。
Figure BDA0003702965400000081
Figure BDA0003702965400000091
表1
步骤203，从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件。
预置的表单配置表中还可以存储有针对表单元素的各种触发事件，且触发事件与表单元素之间具有对应关系。在本发明实施例中，还可以从预置的表单配置表中，根据触发事件与表单元素的对应关系，确定目标表单元素可触发的目标触发事件。
在本发明一种可选的实施例中，所述预置的表单配置表包括表单元素触发事件表，所述表单元素触发事件表中的触发事件具有对应的表单元素标识，针对步骤203，可以执行以下步骤：
子步骤S21，确定所述目标表单元素所对应的目标表单元素标识；
子步骤S22，从所述表单元素触发事件表中，确定与所述目标表单元素标识对应的所述目标触发事件。
预置的表单配置表可以包括表单元素触发事件表，表单元素触发事件表中存储有附加在表单元素上的各种触发事件，且触发事件具有对应的表单元素标识。表单元素触发事件表中还存储有触发事件的各种属性信息，触发事件的属性信息可以构成对应的触发事件的代码信息。
示例性地，表单元素触发事件表的具体配置样式可以如表2所示，表单元素触发事件表中的每一行存储一个触发事件的属性信息，触发事件的属性信息包括元素表id(相当于表单元素标识)、属性名称和属性值。在一种示例中，假设目标表单元素所对应的目标表单元素标识为“2”，则可以将表2中元素表id为2的触发事件确定为目标触发事件。
元素表id 属性名称 属性值
1 onclick showCalendar()
1 onblur fillDate()
2 onclick showCalendar()
2 onblur fillDate()
3 onchange readFile()
5 onchange selectChange()
表2
步骤204，将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，可以根据预置的表单配置表中的数据信息进一步确定针对目标表单元素的代码信息和针对目标触发事件的代码信息，然后将针对目标表单元素的代码信息和针对目标触发事件的代码信息进行拼接，得到目标代码信息。
在本发明一种可选的实施例中，针对步骤204，可以执行以下步骤：
子步骤S31，从所述表单元素配置表中，按照预设格式对所述目标表单元素所在行的属性信息进行拼接，得到对应的针对所述目标表单元素的代码信息。
对于表单元素配置表，可以将目标表单元素所在行的各个属性信息进行拼接，得到针对该目标表单元素的代码信息。
子步骤S32，从所述表单元素触发事件表中，按照预设格式对所述目标触发事件所在行的属性信息进行拼接，得到对应的针对所述目标触发事件的代码信息。
对于表单元素触发事件表，可以将目标触发事件所在行的各个属性信息进行拼接，得到针对该目标触发事件的代码信息。
子步骤S33，将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的目标表单元素节点的代码信息。
子步骤S34，分别将各个所述目标表单元素节点的代码信息作为数组元素，以及将各个所述数组元素按顺序进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，最终拼接的目标代码信息是以表单元素节点作为基本组成单位的，而一个表单元素节点的代码信息由一个表单元素的代码信息和该表单元素对应的触发事件的代码信息组成。因此，在确定针对目标表单元素的代码信息和针对目标触发事件的代码信息之后，可以将针对目标表单元素的代码信息和针对目标触发事件的代码信息拼接组成对应的目标表单元素节点的代码信息，再将各个目标表单元素节点的代码信息拼接。
作为一种示例，对于如表1所示的表单元素配置表以及如表2所示的表单元素触发事件表，如果id为1的表单元素为目标表单元素，则可以对表1中id为1的表单元素所在行的属性信息按照设定的规则进行拼接，得到id为1的表单元素的代码信息，以及可以对表2中元素表id为1的触发事件所在行的属性信息按照设定的规则进行拼接，得到元素表id为1的触发事件的代码信息，然后将两者进行拼接，得到表单元素节点1的代码信息，同理，如果id为2的表单元素为目标表单元素，也可以按照上述方式得到表单元素节点2的代码信息，之后需要将表单元素节点1的代码信息和表单元素节点2的代码信息进行拼接得到最终的用于在网页生成目标表单的目标代码信息，在本示例中可以是采用json数组的形式进行拼接的，拼接后的json串示例如下：
{elements:[
{"id"：1，
"element_id"："startTime",
"element"："input",
"parent_element"："form1",
"element_type"："text",
"class_selector"："condition",
"prompt"："起始时间",
"can_duplicate"："N",
"sort_order"：1
"business_id"："Buss1"，
"func"：[{"name"："onclick",
"val"："showCalendar()"}，
{"name"："onblur",
"val"："fillDate()"}
]
}，
{"id"：2，
"element_id"："endTime",
"element"："input",
"parent_element"："form1",
"element_type"："text",
"class_selector"："condition",
"prompt"："结束时间",
"can_duplicate"："N",
"sort_order"：2
"business_id"："Buss1"，
"func"：[{"name"："onclick",
"val"："showCalendar()",},
{"name"："onblur",
"val"："fillDate()"}
]
}
]}
可以理解，拼接的格式为：{elements:[{表单元素节点1}，{表单元素节点2}...{表单元素节点N}]}，其中数组中单个表单元素节点(以表单元素节点1为例)包含的信息如表3(表单元素的属性信息)和表4(触发事件的属性信息)所示。
Figure BDA0003702965400000131
表3
Figure BDA0003702965400000141
表4
在本发明另一种可选的实施例中，针对步骤204，可以执行以下步骤：
子步骤S41，确定是否需要对所述目标表单元素扩展副本。
子步骤S42，若确定需要对所述目标表单元素扩展副本，则确定针对所述目标表单元素的目标扩展组件。
子步骤S43，将针对所述目标表单元素的代码信息、针对所述目标触发事件的代码信息和针对所述目标扩展组件的代码信息进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，还可以确定是否需要对目标表单元素扩展副本，如果需要，则可以确定对应的目标扩展组件，然后将目标扩展组件的代码信息与目标表单元素的代码信息和目标触发事件的代码信息进行拼接。
在一种示例中，如表1所示的表单元素配置表，如果某个目标表单元素的可添加多个字段中的值为Y时，则需要在生成该目标表单元素之后，在该目标表单元素附近的指定区域追加一个扩展组件，例如可以为添加按钮，添加按钮上的按钮点击事件可以调用增加表单元素的方法，该方法包含两个参数，一个是父元素节点的id值，用于告知复制后的表单元素需要在哪个父节点下追加，另一个是追加的元素类型，用于告知需要追加生成的元素类型。增加表单元素的方法示例如下：
<input type＝"button"value＝"添加"onclick＝"addElement('form1','input')"/>
点击添加按钮后即可实现表单元素的动态扩展。参照图3所示，为本发明实施例的一种扩展组件的代码设计示意图，当在网页的表单内动态生成第一个表单元素之后，可以在第一个表单元素后面追加生成一个用于扩展的添加按钮(扩展组件)，点击该添加按钮，可以调用按钮点击事件，按钮点击事件将调用如图3所示的方法来完成对第一个表单元素的复制，得到第一个表单元素的复制表单元素。
在本发明的一种可选的实施例中，还可以在复制表单元素附近的指定区域添加一个用于删除该复制表单元素的删除组件，对新生成的复制表单元素进行删除。参照图4所示，为本发明实施例的一种在网页上生成表单元素以及复制表单元素的示意图，该页面可以为HTML页面，在页面上的form1表格中生成有多个input元素(即为表单元素)，在第一个input元素后面设置有添加按钮，每点击一个该添加按钮，在form1表格中添加一个input元素，且在添加的input元素后面追加生成一个删除按钮。参照图5所示，为本发明实施例的一种生成复制表单元素的流程图，可以按照如图5中所示的步骤流程生成原始表单元素的复制表单元素。
步骤205，根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
在本发明一种可选的实施例中，针对步骤205，可以执行以下步骤：
子步骤S51，在所述网页显示所述目标表单元素，以及显示针对所述目标表单元素的所述目标扩展组件。
将各个目标表单元素的代码信息进行拼接之后，可以得到对应的用于在网页生成目标表单的目标代码信息，可以根据该目标代码信息在网页上显示目标表单中的各个目标表单元素，以及对于具有扩展副本需求的目标表单元素，显示对应的目标扩展组件。
为了使本领域技术人员能够更好地理解本发明实施例，下面通过一个例子加以说明：
参照图6所示为本发明实施例的一种网页表单生成方法的流程图，具体流程如下：
1、可以在数据库中配置表单配置表，包括表单元素配置表和表单元素触发事件表，表单元素配置表存储要生成的各个表单元素及其属性信息，例如id，类型，业务场景标识及其关系等信息；表单元素触发事件表存储表单元素上附加的JavaScript方法等信息；
2、用户可以在网页上进行业务场景选择操作，网页加载时可以发起请求调用后台接口，将相应的业务场景参数传入后台接口；
3、后台接口可以解析请求参数，得到业务场景参数；
4、后台程序根据解析得到的业务场景参数查询数据库，读取表单配置表，确定待生成的表单元素及其属性信息(包括表单元素的触发事件的属性信息)；
5、后台程序拼接表单元素及其属性信息，并确定是否需要添加动态扩展组件，如果需要对某一表单元素进行多个副本的扩展，则会在该表单元素后面动态添加一个按钮，并附加按钮点击事件用以复制该表单元素，根据表单元素及其属性信息拼接前端页面代码；
6、前端页面接收返回的包含表单元素及其属性信息的代码信息，并解析；
7、前端页面将最终得到的表单元素及其属性信息通过JavaScript方法按照顺序进行拼装，组成html语言，之后动态输出到页面指定位置。前端页面可以通过预置的JavaScript方法来添加扩展组件。
参照图7所示，为本发明实施例提供的一种网页表单生成方法的应用场景示意图，本发明实施例提出的网页表单生成可以应用于通过客户端登录网站制作网页表单的场景，数据库中可以存储有预先配置的表单配置表，通过在网页上进行场景选择操作确定所要制作的目标表单应用的目标业务场景，即可以从数据库中确定该目标业务场景下的目标表单所包含的目标表单元素，可以根据数据库中预先存储的属性信息生成该目标表单元素的代码信息，根据该代码信息可以将目标表单元素动态输出到页面指定位置。
综上，在本发明实施例中，在网页上进行场景选择操作之后，可以确定所要生成的目标表单应用的目标业务场景，可以利用该目标业务场景直接从预置的表单配置表中确定所要生成的目标表单中所需包含的目标表单元素，通过对目标表单元素的代码信息进行拼接可以生成对应的目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。本发明提供的网页表单生成方法采用读取动态配置的方法生成网页表单，非简单固化的网页表单元素，比一般网页表单更具灵活性，此外，根据配置信息动态生成单个表单元素的无限个副本，实现表单元素的可扩展。
本发明采用后台数据库配置表对要生成的网页表单元素进行配置，可实现多种业务表单的灵活配置；通过读取数据库配置表中表单元素的属性信息，在后台程序中动态拼接要生成的表单元素的代码信息并返回给前端页面；通过对表单元素添加扩展组件的方法，支持单一表单元素的多个副本扩展；通过ajax技术请求和获取后端程序拼装好的html代码，并输出到页面，完成页面表单的动态生成。
本发明的表单元素配置信息可以在程序部署后随意更改并能应用于多种业务场景；网页表单元素的配置无需借助其他装置和工具，以纯软件方式实现；本发明提供了完整的数据库表单配置表结构，定义了一种明确的动态可扩展表单元素的传输格式，包含表单元素各个节点的前后顺序、父子关系的描述，对于网页表单元素节点间的关系更加清晰；提供了可扩展组件，使得表单元素可以无限扩展。
本发明所阐述的网页表单生成方法可以应用于反诈处置调度平台的工单处理系统中，使用Java语言编写后台接口程序，使用mysql数据库进行数据配置。此外，也可采用其他语言编写的后台程序并使用其他关系型数据库代替。该方法极大提高了工单反馈信息的灵活性，同时减少了工单系统的开发工作量。
需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明实施例并不受所描述的动作顺序的限制，因为依据本发明实施例，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本发明实施例所必须的。
参照图8，示出了本发明实施例提供的一种网页表单生成装置的结构框图，具体可以包括如下模块：
确定模块801，用于响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；
确定及拼接模块802，用于从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；
显示模块803，用于根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
在本发明实施例中，所述确定及拼接模块，包括：
第一确定子模块，用于从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件；
拼接子模块，用于将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，所述预置的表单配置表包括表单元素配置表，所述表单元素配置表中的表单元素具有对应的业务场景标识，所述确定及拼接模块，包括：
第二确定子模块，用于确定所述目标业务场景所对应的目标业务场景标识；
第三确定子模块，用于从所述表单元素配置表中，确定与所述目标业务场景标识对应的所述目标表单元素。
在本发明实施例中，所述预置的表单配置表包括表单元素触发事件表，所述表单元素触发事件表中的触发事件具有对应的表单元素标识，所述第一确定子模块，包括：
第一确定单元，用于确定所述目标表单元素所对应的目标表单元素标识；
第二确定单元，用于从所述表单元素触发事件表中，确定与所述目标表单元素标识对应的所述目标触发事件。
在本发明实施例中，所述拼接子模块，包括：
第一拼接单元，用于从所述表单元素配置表中，按照预设格式对所述目标表单元素所在行的属性信息进行拼接，得到对应的针对所述目标表单元素的代码信息；
第二拼接单元，用于从所述表单元素触发事件表中，按照预设格式对所述目标触发事件所在行的属性信息进行拼接，得到对应的针对所述目标触发事件的代码信息；
第三拼接单元，用于将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的目标表单元素节点的代码信息；
第四拼接单元，用于分别将各个所述目标表单元素节点的代码信息作为数组元素，以及将各个所述数组元素按顺序进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，所述拼接子模块，包括：
第三确定单元，用于确定是否需要对所述目标表单元素扩展副本；
第四确定单元，用于若确定需要对所述目标表单元素扩展副本，则确定针对所述目标表单元素的目标扩展组件；
第五拼接单元，用于将针对所述目标表单元素的代码信息、针对所述目标触发事件的代码信息和针对所述目标扩展组件的代码信息进行拼接，得到对应的所述目标代码信息。
在本发明实施例中，所述显示模块，包括：
显示子模块，用于在所述网页显示所述目标表单元素，以及显示针对所述目标表单元素的所述目标扩展组件。
综上，在本发明实施例中，在网页上进行场景选择操作之后，可以确定所要生成的目标表单应用的目标业务场景，可以利用该目标业务场景直接从预置的表单配置表中确定所要生成的目标表单中所需包含的目标表单元素，通过对目标表单元素的代码信息进行拼接可以生成对应的目标表单。通过采用上述方法，根据场景参数可以在一个网页上生成面向不同类型的业务应用场景的表单数据，通过采用动态配置的方式生成网页表单，可以避免浪费开发资源，且表单配置表中的各种表单元素可以自定义配置，使得生成的网页表单样式多样。
对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本发明实施例还提供了一种电子设备，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现上述一种网页表单生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本发明实施例还提供了一种计算机可读存储介质，计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现上述一种网页表单生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。
本领域内的技术人员应明白，本发明实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本发明实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明实施例是参照根据本发明实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其它可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其它可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其它可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其它可编程数据处理终端设备上，使得在计算机或其它可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其它可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明实施例范围的所有变更和修改。
最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其它变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其它要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。
以上对本发明所提供的一种网页表单生成方法和一种网页表单生成装置、一种电子设备和一种计算机可读存储介质，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (10)

1.一种网页表单生成方法，其特征在于，所述方法包括：
响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；
从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；
根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
2.根据权利要求1所述的方法，其特征在于，所述将针对所述目标表单元素的代码信息进行拼接，包括：
从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件；
将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息。
3.根据权利要求1或2所述的方法，其特征在于，所述预置的表单配置表包括表单元素配置表，所述表单元素配置表中的表单元素具有对应的业务场景标识，所述从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，包括：
确定所述目标业务场景所对应的目标业务场景标识；
从所述表单元素配置表中，确定与所述目标业务场景标识对应的所述目标表单元素。
4.根据权利要求3所述的方法，其特征在于，所述预置的表单配置表包括表单元素触发事件表，所述表单元素触发事件表中的触发事件具有对应的表单元素标识，所述从所述预置的表单配置表中，确定针对所述目标表单元素的可触发的目标触发事件，包括：
确定所述目标表单元素所对应的目标表单元素标识；
从所述表单元素触发事件表中，确定与所述目标表单元素标识对应的所述目标触发事件。
5.根据权利要求4所述的方法，其特征在于，所述将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息，包括：
从所述表单元素配置表中，按照预设格式对所述目标表单元素所在行的属性信息进行拼接，得到对应的针对所述目标表单元素的代码信息；
从所述表单元素触发事件表中，按照预设格式对所述目标触发事件所在行的属性信息进行拼接，得到对应的针对所述目标触发事件的代码信息；
将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的目标表单元素节点的代码信息；
分别将各个所述目标表单元素节点的代码信息作为数组元素，以及将各个所述数组元素按顺序进行拼接，得到对应的所述目标代码信息。
6.根据权利要求4所述的方法，其特征在于，所述将针对所述目标表单元素的代码信息和针对所述目标触发事件的代码信息进行拼接，得到对应的所述目标代码信息，包括：
确定是否需要对所述目标表单元素扩展副本；
若确定需要对所述目标表单元素扩展副本，则确定针对所述目标表单元素的目标扩展组件；
将针对所述目标表单元素的代码信息、针对所述目标触发事件的代码信息和针对所述目标扩展组件的代码信息进行拼接，得到对应的所述目标代码信息。
7.根据权利要求6所述的方法，其特征在于，所述根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单，包括：
在所述网页显示所述目标表单元素，以及显示针对所述目标表单元素的所述目标扩展组件。
8.一种网页表单生成装置，其特征在于，所述装置包括：
确定模块，用于响应于针对所述网页的场景选择操作，确定所需生成的目标表单应用的目标业务场景；
确定及拼接模块，用于从预置的表单配置表中，根据所述目标业务场景确定所述目标表单所包含的目标表单元素，并将针对所述目标表单元素的代码信息进行拼接；
显示模块，用于根据拼接得到的目标代码信息在所述网页生成并显示所述目标表单。
9.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1-7中任一项所述一种网页表单生成方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如权利要求1-7中任一项所述一种网页表单生成方法的步骤。
CN202210696870.1A 2022-06-20 2022-06-20 一种网页表单生成方法、装置、电子设备和可读存储介质 Pending CN115113870A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210696870.1A CN115113870A (zh) 2022-06-20 2022-06-20 一种网页表单生成方法、装置、电子设备和可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210696870.1A CN115113870A (zh) 2022-06-20 2022-06-20 一种网页表单生成方法、装置、电子设备和可读存储介质

Publications (1)

Publication Number Publication Date
CN115113870A true CN115113870A (zh) 2022-09-27

Family

ID=83329216

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210696870.1A Pending CN115113870A (zh) 2022-06-20 2022-06-20 一种网页表单生成方法、装置、电子设备和可读存储介质

Country Status (1)

Country Link
CN (1) CN115113870A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111831278A (zh) * 2020-07-14 2020-10-27 北京思特奇信息技术股份有限公司 业务元素自适应匹配方法、装置、电子设备及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111831278A (zh) * 2020-07-14 2020-10-27 北京思特奇信息技术股份有限公司 业务元素自适应匹配方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN106648690B (zh) 一种代码自动生成方法及装置
CN110716783A (zh) 一种前端页面生成、部署方法及装置、存储介质和设备
US7831919B1 (en) Generic web service frontend
US9514115B2 (en) Method for creating form validation program and corresponding form interface according to result set metadata
CN110968309A (zh) 一种模板生成方法、装置、电子设备及存储介质
CN111444696B (zh) 报表展示与编辑方法及装置
US20100076937A1 (en) Feed processing
CN110806866A (zh) 一种前端管理系统的生成方法及装置
CN110941779A (zh) 加载页面的方法、装置、存储介质及电子设备
CN111198772A (zh) 一种应用程序接口api生成的方法及系统
CN110968314A (zh) 一种页面生成方法及装置
CN115113870A (zh) 一种网页表单生成方法、装置、电子设备和可读存储介质
CN111046640A (zh) 证明文件动态生成方法及装置
CN112667638A (zh) 动态报表生成方法、装置、终端设备及可读存储介质
CN112181410A (zh) 一种视图层代码生成方法、装置、电子设备及存储介质
CN112256999A (zh) 页面显示方法、装置、设备
CN110968311B (zh) 前端页面构建方法、装置及电子设备
CN110928540A (zh) 一种页面生成方法及装置
CN114706580A (zh) 前端网页开发方法、装置、存储介质和电子设备
CN114896487A (zh) 前端与区块链交互的区块链浏览器实现方法、系统及介质
CN110781191B (zh) 编排数据的处理方法及服务器
US20170161359A1 (en) Pattern-driven data generator
US10969931B2 (en) Data mapping service
CN113435847A (zh) 一种信息展示方法、装置、电子设备以及存储介质
US20210064667A1 (en) System and method for state dependency based task execution and natural language response generation

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