一种表单渲染方法、装置、设备及存储介质制造方法及图纸

本申请公开了一种表单渲染方法、装置、设备及存储介质，所述方法应用于设置有表单引擎的终端，表单引擎设置有组件库，组件库与所述终端适配，所述终端利用所述表单引擎执行表单渲染，所述方法包括：向表单配置端发送目标表单的表单渲染请求；接收表单配置端发送的JSON数据格式的表单配置信息；对JSON数据格式的表单配置信息进行解析，得到目标表单的表单配置信息，表单配置信息表征目标表单的布局样式和数据配置的信息；根据表单配置信息从组件库中渲染出目标表单的表单组件，生成目标表单。利用本申请提供的技术方案可以通过统一的表单配置信息，实现多端的表单渲染，大大提高了表单渲染的处理效率，且可以保证表单配置信息的可拓展性和灵活性。

A form rendering method, device, device and storage medium

【技术实现步骤摘要】
一种表单渲染方法、装置、设备及存储介质
本申请涉及计算机应用
，尤其涉及一种表单渲染方法、装置、设备及存储介质。
技术介绍
在信息通过网络传输时，目前面向用户的界面主要是通过HTML(HyperTextMarkupLanguage，超文本标记语言)进行展示的。对于调查类或采访类的场景，常常需要使用表单来展示信息，这些表单的内容与表现形式不尽相同却又相差不大。现有技术中，在渲染端展示表单主要是基于XML(ExtensibleMarkupLanguage，可扩展标记语言)的表单引擎和基于JSON(JavaScriptObjectNotation,JS对象简谱)数据格式的表单引擎来实现。具体的，前者通过XML来描述表单字段的顺序、字段的类型等信息，然后通过一个解析器来解析出对应的组件，最后再把解析出来的组件按照顺序排列在页面上面，这种方式对表单的描述信息比较有限，灵活性与可拓展性较差；后者主要是通过生成JSON数据格式的配置信息，然后对配置信息进行解析，最后在渲染端进行渲染。但现有的JSON数据格式的配置信息中虽然可以在灵活性与可拓展性相比前者有了一定提升，但是功能不尽完善，且在多端显示时，需要对表单配置信息进行重复多次开发，以适应表单内容与适配多端显示，耗费人力物力。因此，需要提供更可靠或更有效的方案。
技术实现思路
本申请提供了一种表单渲染方法、装置、设备及存储介质，可以通过统一的表单配置信息，实现多端的表单渲染，大大提高了表单渲染的处理效率，且可以保证表单配置信息的可拓展性和灵活性。一方面，本申请提供了一种表单渲染方法，应用于设置有表单引擎的终端，所述表单引擎设置有组件库，所述组件库与所述终端适配，所述终端利用所述表单引擎执行表单渲染，所述方法包括：向表单配置端发送目标表单的表单渲染请求；接收表单配置端发送的JSON数据格式的表单配置信息；对所述JSON数据格式的表单配置信息进行解析，得到所述目标表单的表单配置信息，所述表单配置信息表征所述目标表单的布局样式和数据配置的信息；根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单。另一方面提供了一种表单渲染装置，所述装置设置有表单引擎，所述表单引擎设置有组件库，所述组件库与所述装置适配，所述装置利用所述表单引擎执行表单渲染时，所述装置包括：表单渲染请求发送模块，用于向表单配置端发送目标表单的表单渲染请求；表单配置信息接收模块，用于接收表单配置端发送的JSON数据格式的表单配置信息；表单配置信息解析模块，用于对所述JSON数据格式的表单配置信息进行解析，得到所述目标表单的表单配置信息，所述表单配置信息表征所述目标表单的布局样式和数据配置的信息；目标表单生成模块，用于根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单。另一方面提供了一种表单渲染设备，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述的表单渲染方法。另一方面提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如上述的表单渲染方法。本申请提供的表单渲染方法、装置、设备及存储介质，具有如下技术效果：本申请通过在表单渲染端设置的表单引擎中设置与表单渲染端适配的组件库，可以保证后续在不同类型的表单渲染端进行表单渲染，也可以通过统一的表单配置信息，实现多端的表单渲染，大大提高了表单渲染的处理效率；同时，还通过将表单配置信息以JSON数据格式进行存储和传输，可以实现在保证表单配置信息的可拓展性和灵活性的基础上，保证传输的表单配置信息的通用性，便于不同终端的解析。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案和优点，下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。图1是本申请实施例提供的一种应用环境的示意图；图2是本申请实施例提供的一种表单渲染方法的流程示意图；图3是本申请实施例提供的一种表单配置页面的示意图；图4是本申请实施例提供的一种全局配置的效果示意图；图5是本申请实施例提供的一种根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单的流程示意图；图6是本申请实施例提供的一种根据所述表单组件的静态配置信息对所述目标表单的表单组件进行属性配置，得到配置好的表单组件的流程示意图；图7是本申请实施例提供的另一种根据所述表单组件的静态配置信息对所述目标表单的表单组件进行属性配置，得到配置好的表单组件的流程示意图；图8是本申请实施例提供的一种PC端渲染出的目标表单的示意图；图9是本申请实施例提供的一种移动端渲染出的目标表单的示意图；图10是本申请实施例提供的一种表单渲染装置的结构示意图；图11是本申请实施例提供的一种客户端的结构示意图。具体实施方式下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。请参阅图1，图1是本申请实施例提供的一种应用环境的示意图，如图1所示，该应用环境可以包括表单配置端100和表单渲染端200。本申请实施例中，所述表单配置端100可以包括用于提供面向用户的表单配置界面的终端101，以及用于进行表单配置管理的服务器102。具体的，用户可以在终端101提供的表单配置界面进行表单配置信息的配置。相应的，相应的，终端101可以将表单配置信息发送给服务器102；服务器102可以存储配置好的表单配置信息，以及基于该表单配置信息提供后续表单渲染的后台服务。具体的，终端101可以包括智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmentedreality，AR)/虚拟现实(virtualre本文档来自技高网...

【技术保护点】
1.一种表单渲染方法，其特征在于，应用于设置有表单引擎的终端，所述表单引擎设置有组件库，所述组件库与所述终端适配，所述终端利用所述表单引擎执行表单渲染，所述方法包括：/n向表单配置端发送目标表单的表单渲染请求；/n接收表单配置端发送的JSON数据格式的表单配置信息；/n对所述JSON数据格式的表单配置信息进行解析，得到所述目标表单的表单配置信息，所述表单配置信息表征所述目标表单的布局样式和数据配置的信息；/n根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单。/n

【技术特征摘要】
1.一种表单渲染方法，其特征在于，应用于设置有表单引擎的终端，所述表单引擎设置有组件库，所述组件库与所述终端适配，所述终端利用所述表单引擎执行表单渲染，所述方法包括：
向表单配置端发送目标表单的表单渲染请求；
接收表单配置端发送的JSON数据格式的表单配置信息；
对所述JSON数据格式的表单配置信息进行解析，得到所述目标表单的表单配置信息，所述表单配置信息表征所述目标表单的布局样式和数据配置的信息；
根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单。


2.根据权利要求1所述的方法，其特征在于，所述表单配置信息包括：目标表单的全局配置信息、所述目标表单所包含表单组件的标识信息以及所述表单组件的静态配置信息；
其中，所述全局配置信息表征通过远程配置接口对所述目标表单所包含表单组件进行配置的信息；
所述静态配置信息表征在所述表单配置端本地配置的表单组件的固有属性。


3.根据权利要求2所述的方法，其特征在于，所述根据所述表单配置信息从组件库中渲染出所述目标表单的表单组件，生成所述目标表单包括：
根据所述表单组件的标识信息从组件库中获取所述目标表单的表单组件；
基于所述表单组件的静态配置信息对所述目标表单的表单组件进行配置，得到配置好的表单组件；
基于所述全局配置信息和配置好的表单组件进行表单渲染，生成所述目标表单。


4.根据权利要求1所述的方法，其特征在于，所述表单组件包括可嵌套基础组件、非嵌套基础组件、自定义业务组件和布局组件。


5.根据权利要求1所述的方法，其特征在于，当所述表单组件包括可嵌套基础组件时，所述表单组件的静态配置信息包括：所述可嵌套基础组件的静态配置信息以及所述可嵌套基础组件对应的嵌套表单组件的静态配置信息；
相应的，根据所述表单组件的静态配置信息对所述目标表单的表单组件进行属性配置，得到配置好的表单组件包括：
根据所述可嵌套基础组件的静态配置信息设置所述基础组件的属性配置；
根据所述嵌套表单组件的静态配置信息设置所述嵌套表单组件的属性配置；
在设置好属性配置的基础组件中适配嵌套设置好属性配置的嵌套表单组件，得到所述配置好的表单组件；
其中，所述嵌套表单组件在嵌套后的布局样式不变，所述基础组件在嵌套后的布局样式随着所述嵌套表单组件进行适应性调...

【专利技术属性】
技术研发人员：阮易强，何波，梁永贤，刘林鹏，
申请(专利权)人：腾讯云计算北京有限责任公司，
类型：发明
国别省市：北京;11