CN110837369A

CN110837369A - 一种表单生成方法、装置及电子设备和存储介质

Info

Publication number: CN110837369A
Application number: CN201911017917.1A
Authority: CN
Inventors: 田冬; 姜卓; 卢祎明; 张青
Original assignee: CVIC Software Engineering Co Ltd
Current assignee: CVIC Software Engineering Co Ltd
Priority date: 2019-10-24
Filing date: 2019-10-24
Publication date: 2020-02-25

Abstract

本申请公开了一种表单生成方法、装置及一种电子设备和计算机可读存储介质，该方法包括：通过可视化界面对表单组件库中的各个表单组件进行显示；接收针对表单组件库中表单组件的选择指令，并确定选择指令对应的目标组件；获取针对目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；根据组件配置信息和属性配置信息生成目标表单。本申请在项目开发中可预先基于封装好的表单组件创建表单组件库，利用可视化界面对表单组件库进行显示，以通过可视化界面接收针对表单组件的选择指令，进而对选择的目标组件以及表单属性进行配置，避免了针对表单的全量开发过程，降低了代码开发的工作量，有效提高了项目开发的工作效率。

Description

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

技术领域

本申请涉及计算机技术领域，更具体地说，涉及一种表单生成方法、装置及一种电子设备和一种计算机可读存储介质。

背景技术

在项目的具体开发中，关于表单的开发和使用是最基础的。一个项目的大小程度直接决定了其中表单开发的数量以及表单设计的复杂程度。所以在项目开发过程中，如何降低针对表单进行开发的工作量是本领域技术人员亟待解决的问题。

发明内容

本申请的目的在于提供一种表单生成方法、装置及一种电子设备和一种计算机可读存储介质，避免了针对表单的全量开发过程，降低了代码开发的工作量，有效提高了项目开发的工作效率。

为实现上述目的，本申请提供了一种表单生成方法，包括：

通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；

接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；

获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；

根据所述组件配置信息和所述属性配置信息生成目标表单。

可选的，所述根据所述组件配置信息和所述属性配置信息生成目标表单之前，还包括：

获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面，以展示表单设计效果；

接收生成指令，以根据所述生成指令启动所述根据所述组件配置信息和所述属性配置信息生成目标表单的步骤。

可选的，所述获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面之后，还包括：

接收一键清空指令，并根据所述一键清空指令删除已有的所述组件配置信息和所述属性配置信息。

可选的，所述表单组件库包括：单选框组件、多选框组件、下拉选择框组件、输入框组件、日期选择器组件、按钮组件、滑块组件、附件上传组件、开关组件、评分组件、弹出选择框组件中任一项或任几项的组合；

所述组件配置信息包括组件宽度、组件标题名称和组件默认值中任一项或任几项的组合；

所述表单属性配置信息包括表单名称。

可选的，还包括：

接收对所述表单组件库进行更新的更新指令；

根据所述更新指令对所述表单组件库进行组件增加、组件修改或组件删除操作。

可选的，所述接收对所述表单组件库进行更新的更新指令之后，还包括：

确定下发所述更新指令的用户方；

获取所述用户方对应的预设权限，并根据所述预设权限判断是否允许对所述更新指令进行响应；

如果是，则启动所述根据所述更新指令对所述表单组件库进行组件增加、组件修改或组件删除操作的步骤；

如果否，则返回错误提示信息。

为实现上述目的，本申请提供了一种表单生成装置，包括：

组件显示模块，用于通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；

组件选择模块，用于接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；

配置获取模块，用于获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；

表单生成模块，用于根据所述组件配置信息和所述属性配置信息生成目标表单。

可选的，还包括：

表单预览模块，用于在根据所述组件配置信息和所述属性配置信息生成目标表单之前，获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面，以展示表单设计效果；

指令接收模块，用于接收生成指令，以根据所述生成指令启动所述表单生成模块的工作流程。

为实现上述目的，本申请提供了一种电子设备，包括：

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

处理器，用于执行所述计算机程序时实现前述公开的任一种表单生成方法的步骤。

为实现上述目的，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现前述公开的任一种表单生成方法的步骤。

通过以上方案可知，本申请提供的一种表单生成方法，包括：通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；根据所述组件配置信息和所述属性配置信息生成目标表单。由上可知，本申请在项目开发中，可预先基于封装好的表单组件创建表单组件库，并利用可视化界面对表单组件库进行显示，以通过可视化界面接收针对表单组件的选择指令，进而对选择的目标组件以及表单属性进行配置，生成目标表单，避免了针对表单的全量开发过程，可直接通过表单选择操作和简单的配置生成表单，降低了代码开发的工作量，有效提高了项目开发的工作效率。

本申请还公开了一种表单生成装置及一种电子设备和一种计算机可读存储介质，同样能实现上述技术效果。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例公开的一种表单生成方法的流程图；

图2为本申请实施例公开的一种具体的可视化界面的示意图；

图3为本申请实施例公开的另一种表单生成方法的流程图；

图4为本申请实施例公开的一种表单生成装置的结构图；

图5为本申请实施例公开的一种电子设备的结构图；

图6为本申请实施例公开的另一种电子设备的结构图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

在现有技术关于项目的具体开发中，关于表单的开发和使用是最基础的。一个项目的大小程度直接决定了其中表单开发的数量以及表单设计的复杂程度。

因此，本申请实施例公开了一种表单生成方法，避免了针对表单的全量开发过程，可直接通过表单选择操作和简单的配置生成表单，降低了代码开发的工作量，有效提高了项目开发的工作效率。

参见图1，本申请实施例公开的一种表单生成方法的流程图，如图1所示，包括：

S101：通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；

本申请实施例中，预先将常用的表单功能模块或组件进行封装，并利用封装后的表单组件创建表单组件库。具体地，表单组件可以包括但不限于单选框组件、多选框组件、下拉选择框组件、输入框组件、日期选择器组件、按钮组件、滑块组件、附件上传组件、开关组件、评分组件、弹出选择框组件。可以理解的是，本申请还可以预先设计可视化界面，用以对表单组件库进行展示。

S102：接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；

在通过可视化界面对表单组件库中的各个表单组件进行显示，用户可基于可视化界面明确的获知表单组件库所包含的表单组件，并可通过可视化界面下发针对所需表单组件的选择指令。在具体实施中，用户可通过可视化界面中提供的按钮或光标对表单组件进行点击、拖拽或触摸操作，以实现对所需表单组件的选择。在本申请实施例中，可以利用计算机设备展示可视化界面，并接收选择指令，以确定选择指令对应的目标组件，即上述用户所需的表单组件。

S103：获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；

在本步骤中，确定选择指令对应的目标组件之后，本申请实施例可在可视化界面的预设区域提供配置界面，以使用户对所选择的目标组件进行配置，以及对待生成的目标表单属性进行配置。参见图2所示，可在可视化界面的右侧显示配置区域，以接收针对组件或表单属性的配置信息。其中，上述组件配置信息可以包括但不限于组件宽度、组件标题名称和组件默认值；表单的属性配置信息可以具体包括表单名称、表单标题等信息。

S104：根据所述组件配置信息和所述属性配置信息生成目标表单。

在确定所需的表单组件，并完成针对表单组件和表单属性的配置之后，可生成符合用户需求的目标表单。

作为一种优选的实施方式，本申请实施例还提供更新接口，用以接收针对表单组件库进行更新的更新指令，以实现对于表单组件库的更新，即可基于更新指令的控制完成对于表单组件库的组件增加、组件修改或组件删除操作。进一步地，为了进一步保证表单组件库的准确性和安全性，本申请实施例在接收到针对表单组件库进行更新的更新指令之后，还可以先确定下发更新指令的用户方，并获取该用户方的预设权限，以判断预设权限是否符合预设更新权限，从而根据判断结果确定是否允许对根据更新指令对表单组件库进行更新。若预设权限符合预设更新权限，则表征允许对当前更新指令进行响应，可以启动所述根据所述更新指令对所述表单组件库进行组件增加、组件修改或组件删除操作的步骤；若预设权限符合预设更新权限，则表征需禁止对当前更新指令进行响应，并可返回错误提示信息，还可将针对表单组件库的更新操作记录至组件库的更新日志中。

本申请实施例公开了一种表单生成方法，相对于上一实施例，本实施例对技术方案作了进一步的说明和优化。具体的：

参见图3，本申请实施例提供的另一种表单生成方法的流程图，如图3所示，包括：

S201：通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；

S202：接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；

S203：获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；

S204：获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面，以展示表单设计效果；

S205：接收生成指令，以在所述生成指令的控制下根据所述组件配置信息和所述属性配置信息生成目标表单。

本申请实施例中，在确定所需的表单组件，并获取到针对表单组件和表单属性的配置信息之后，用户可以通过发起表单预览请求来查看当前配置下的表单设计效果，即计算机设备可在获取到表单预览请求之后，基于组件配置信息和属性配置信息生成预览页面，展示配置的表单设计效果。若用户在查看表单设计效果之后，确定当前表单的设计满足业务需求后，即可下发生成指令，以使计算机设备在生成指令的控制下根据组件配置信息和属性配置信息生成目标表单。

需要说明的是，本申请实施例在获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面之后，若表单设计效果不符合业务需求，用户可下发一键清空指令，以删除已有的所有组件配置信息和属性配置信息，重新开始针对目标表单的设计。

下面通过具体的应用场景实例对本申请实施例提供的表单生成方法禁止进一步介绍。基于上述表单生成方法，可创建生成一种具体的表单设计器，其可根据定义的组件库进行表单页面的设计，并根据设计页面生成结构化的表单定义，同时提供表单页面展示功能。具体地，可包括：

组件库，其中每一个组件定义用一个json对象的schema来描述，存放多个组件的资源库即为组件库。设计面板，即表单设计页面，顶部为操作功能栏，下面部分为布局区域，左侧为组件库，右侧为组件配置页，如图2所示。操作功能，默认只能包括清空、生成json、预览三个按钮；清空按钮，指一键清空设计面板内的所有组件；生成json按钮，是指一键生成json数据，实现快捷开发；预览按钮，是指一键预览页面设计效果；同时也可扩展操作栏，增加保存按钮，保存表单定义，实现表单定义的数据持久化操作。布局区域，具体指用于进行拖拽设计表单组件布局的区域，具体实施中可以使用vue的动态组件<component></component>实现，因此组件库中的组件需要经过注册才能在局部区域展示。对于布局区域中选中的组件，在布局区域右侧会展示该组件的配置页。组件配置页，可以修改组件的配置参数，如标题名称、宽度、默认值、数据绑定等属性。

基于上述设计，本申请实施例提供的表单设计器提供可视化配置页面，操作简单，能够提高表单开发效率，实现信息项及界面布局的可视化灵活定制，简化了开发过程，实现了业务的敏捷开发和表单快速构建，降低了降低应用开发成本；项目开发过程中，只需根据需求配置组件库，配置页面布局，可显著缩短项目应用开发周期；通过表单组件库提供自定义组件，满足用户的自定义需求；通过扩展表单设计器的操作功能，即在表单设计器的设计面板上方的操作功能栏添加另一个保存按钮，还可进一步实现了表单定义的数据持久化保存。

下面对本申请实施例提供的一种表单生成装置进行介绍，下文描述的一种表单生成装置与上文描述的一种表单生成方法可以相互参照。

参见图4，本申请实施例提供的一种表单生成装置的结构图，如图4所示，包括：

组件显示模块301，用于通过可视化界面对表单组件库中的各个表单组件进行显示；所述表单组件库为基于所有表单组件预先创建的资源库；

组件选择模块302，用于接收针对所述表单组件库中表单组件的选择指令，并确定所述选择指令对应的目标组件；

配置获取模块303，用于获取针对所述目标组件进行配置的组件配置信息，以及针对目标表单属性进行配置的属性配置信息；

表单生成模块304，用于根据所述组件配置信息和所述属性配置信息生成目标表单。

关于上述模块301至304的具体实施过程可参考前述实施例公开的相应内容，在此不再进行赘述。

在上述实施例的基础上，作为一种优选实施方式，本申请实施例提供的表单生成装置还可以进一步包括：

配置清空模块，用于在获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面之后，接收一键清空指令，并根据所述一键清空指令删除已有的所述组件配置信息和所述属性配置信息。

在上述实施例的基础上，作为一种优选实施方式，所述表单组件库包括：单选框组件、多选框组件、下拉选择框组件、输入框组件、日期选择器组件、按钮组件、滑块组件、附件上传组件、开关组件、评分组件、弹出选择框组件中任一项或任几项的组合；

所述表单属性配置信息包括表单名称。

组件更新模块，用于接收对所述表单组件库进行更新的更新指令；

操作执行模块，用于根据所述更新指令对所述表单组件库进行组件增加、组件修改或组件删除操作。

用户确定模块，用于接收对所述表单组件库进行更新的更新指令之后，确定下发所述更新指令的用户方；

权限获取模块，用于获取所述用户方对应的预设权限，并根据所述预设权限判断是否允许对所述更新指令进行响应；如果是，则启动所述操作执行模块的工作流程；如果否，则返回错误提示信息。

本申请还提供了一种电子设备，参见图5，本申请实施例提供的一种电子设备的结构图，如图5所示，包括：

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

处理器12，用于执行所述计算机程序时可以实现上述实施例所提供的步骤。

具体的，存储器11包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令，该内存储器为非易失性存储介质中的操作系统和计算机可读指令的运行提供环境。处理器12在一些实施例中可以是一中央处理器(CentralProcessing Unit，CPU)、控制器、微控制器、微处理器或其他数据处理芯片，为电子设备提供计算和控制能力，执行所述存储器11中保存的计算机程序时，可以实现前述任一种实施例公开的表单生成方法的步骤。

在上述实施例的基础上，作为优选实施方式，参见图6，所述电子设备还包括：

输入接口13，与处理器12相连，用于获取外部导入的计算机程序、参数和指令，经处理器12控制保存至存储器11中。该输入接口13可以与输入装置相连，接收用户手动输入的参数或指令。该输入装置可以是显示屏上覆盖的触摸层，也可以是终端外壳上设置的按键、轨迹球或触控板，也可以是键盘、触控板或鼠标等。

显示单元14，与处理器12相连，用于显示处理器12处理的数据以及用于显示可视化的用户界面。该显示单元14可以为LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。

网络端口15，与处理器12相连，用于与外部各终端设备进行通信连接。该通信连接所采用的通信技术可以为有线通信技术或无线通信技术，如移动高清链接技术(MHL)、通用串行总线(USB)、高清多媒体接口(HDMI)、无线保真技术(WiFi)、蓝牙通信技术、低功耗蓝牙通信技术、基于IEEE802.11s的通信技术等。

图6仅示出了具有组件11-15的电子设备，本领域技术人员可以理解的是，图6示出的结构并不构成对电子设备的限定，可以包括比图示更少或者更多的部件，或者组合某些部件，或者不同的部件布置。

本申请还提供了一种计算机可读存储介质，该存储介质可以包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。该存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现前述任一种实施例公开的表单生成方法的步骤。

本申请在项目开发中，可预先基于封装好的表单组件创建表单组件库，并利用可视化界面对表单组件库进行显示，以通过可视化界面接收针对表单组件的选择指令，进而对选择的目标组件以及表单属性进行配置，生成目标表单，避免了针对表单的全量开发过程，可直接通过表单选择操作和简单的配置生成表单，降低了代码开发的工作量，有效提高了项目开发的工作效率。

说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以对本申请进行若干改进和修饰，这些改进和修饰也落入本申请权利要求的保护范围内。

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

Claims

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

根据所述组件配置信息和所述属性配置信息生成目标表单。

2.根据权利要求1所述的表单生成方法，其特征在于，所述根据所述组件配置信息和所述属性配置信息生成目标表单之前，还包括：

3.根据权利要求2所述的表单生成方法，其特征在于，所述获取表单预览请求，并基于所述组件配置信息和所述属性配置信息生成预览页面之后，还包括：

4.根据权利要求1所述的表单生成方法，其特征在于，所述表单组件库包括：单选框组件、多选框组件、下拉选择框组件、输入框组件、日期选择器组件、按钮组件、滑块组件、附件上传组件、开关组件、评分组件、弹出选择框组件中任一项或任几项的组合；

所述表单属性配置信息包括表单名称。

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

接收对所述表单组件库进行更新的更新指令；

6.根据权利要求5所述的表单生成方法，其特征在于，所述接收对所述表单组件库进行更新的更新指令之后，还包括：

确定下发所述更新指令的用户方；

如果否，则返回错误提示信息。

7.一种表单生成装置，其特征在于，包括：

8.根据权利要求7所述的表单生成装置，其特征在于，还包括：

9.一种电子设备，其特征在于，包括：

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

处理器，用于执行所述计算机程序时实现如权利要求1至6任一项所述表单生成方法的步骤。

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