一种动态表单页面自动转换为HTML5页面的方法及系统与流程

本发明属于动态表单领域，尤其涉及一种动态表单页面自动转换为

html5页面的方法及系统。

背景技术：

传统的表单的数据及展现形式通常是定制的，如果需要修改表单的数据及展现形式，则需要专业的表单开发和设计人员重新进行设计，并重新发布表单页面的源代码至客户端，重启客户端才能够实现，这个过程不仅耗时，且耗费大量人力物力资源，降低了表单开发的效率。

技术实现要素：

本发明所要解决的技术问题是：现有的表单转换设计耗时，且耗费大量人力物力资源，降低了表单开发的效率。

为解决上面的技术问题,本发明提供了一种动态表单页面自动转换为html5页面的方法，该方法包括:

s1,获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；

s2，确定所述info文件与所述html文件之间元素对应关系；

s3，根据所述info文件中的节点类型，确定每个节点对应的配置类型；

s4，在动态表单设计工具中查看动态表单的所述html文件的源码；

s5，修改所述html文件的源码，并在修改后的所述html文件的源码中添加html5相关标签注释，得到新的html文件的源码；

s6，查看动态表单设计工具中与所述服务配置类型对应的动态配置；

s7，根据所述动态配置对所述新的html文件的源码进行封装，转换为html5页面。

本发明的有益效果：采用上述的方法，动态表单开发人员可以同时开发移动终端代码，且节约时间，使用性强，效率高，大大降低了成本。

进一步地，所述s2中具体包括：确定所述info文件与所述html文件之间地址元素的关系。

进一步地，所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。

进一步地，所述s3具体包括：

根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；

根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；

根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。

进一步地，所述s3中还包括：

根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。

本发明还涉及一种动态表单页面自动转换为html5页面的系统，该系统包括：获取模块、处理模块、修改模块、转换模块；

所述获取模块，用于获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；

所述处理模块，用于确定所述info文件与所述html文件之间元素对应关系，以及根据所述info文件中的节点类型，确定每个节点对应的配置类型；

所述修改模块，用于在动态表单设计工具中查看动态表单的所述html文件的源码，以及修改所述html文件的源码，并在修改后的所述html文件的源码中添加html5相关标签注释，得到新的html文件的源码；

所述转换模块，用于查看动态表单设计工具中与所述服务配置类型对应的动态配置，以及根据所述动态配置对所述新的html文件的源码进行封装，转换为html5页面。

本发明的有益效果：采用上述的系统，动态表单开发人员可以同时开发移动终端代码，且节约时间，使用性强，效率高，大大降低了成本。

进一步地，所述处理模块，用于确定所述info文件与所述html文件之间地址元素的关系。

进一步地，所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。

进一步地，所述处理模块,具体用于：

根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；

根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；

根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。

进一步地，所述处理模块，还用于根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。

附图说明

图1为本发明实施例1一种动态表单页面自动转换为html5页面的方法的流程图；

图2为本发明实施例1一种动态表单页面自动转换为html5页面的系统的示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，本发明实施例1提供的是一种动态表单页面自动转换为html5页面的方法，该方法包括:

s1,获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；

s2，确定所述info文件与所述html文件之间元素对应关系；

s3，根据所述info文件中的节点类型，确定每个节点对应的配置类型；

s4，在动态表单设计工具中查看动态表单的所述html文件的源码；

s5，修改所述html文件的源码，并在修改后的所述html文件的源码中添加html5相关标签注释，得到新的html文件的源码；

s6，查看动态表单设计工具中与所述服务配置类型对应的动态配置；

s7，根据所述动态配置对所述新的html文件的源码进行封装，转换为html5页面。

需要说明的是，在本实施例1中是一个动态表单页面由html和info文件组成，其中html为静态页面布局，只负责页面ui(用户)样式，无任何脚本代码和业务逻辑；而info文件为动态表单自定义内容为json的自定义文件。且info文件中的elements与html的有id的元素一一对应，在info文件element节点下的backend_actions对应一个服务配置，action_type对应触发方式、bind_service_type对应挂接服务类型、static_element_active_effect对应事件响应配置、backend_action_ws_params对应数据源结果对应关系配置。

在本实施例1中的方法，动态表单开发人员可以同时开发移动终端代码，且节约时间，使用性强，效率高，大大降低了成本。

可选地，在另一实施例2中所述s2中具体包括：确定所述info文件与所述html文件之间地址元素的关系。

可选地，在另一实施例3中所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。

可选地，在另一实施例4中所述s3具体包括：

根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；

根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；

根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。

需要说明的是，本实施例4是在上述实施例1或者实施例2的基础上进行的进一步说明，info文件element节点下的backend_actions对应一个服务配置；action_type对应触发方式、bind_service_type对应挂接服务类型；static_element_active_effect对应事件响应配置；backend_action_params对应；backend_action_dsrelation对应服务配置中的结果对应关系；backend_action_ws_params对应数据源结果对应关系配置；next_deal对应回调函数；webservice_item_xml对应单个服务配置。

可选地，在另一实施例5中所述s3中还包括：

根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。

实施例6

如图2所示，本发明实施例6还涉及一种动态表单页面自动转换为html5页面的系统，该系统包括：获取模块、处理模块、修改模块、转换模块；

所述获取模块，用于获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；

所述处理模块，用于确定所述info文件与所述html文件之间元素对应关系，以及根据所述info文件中的节点类型，确定每个节点对应的配置类型；

所述修改模块，用于在动态表单设计工具中查看动态表单的所述html文件的源码，以及修改所述html文件的源码，并在修改后的所述html文件的源码中添加html5相关标签注释，得到新的html文件的源码；

所述转换模块，用于查看动态表单设计工具中与所述服务配置类型对应的动态配置，以及根据所述动态配置对所述新的html文件的源码进行封装，转换为html5页面。

需要说明的是，在本实施例6中是一个动态表单页面由html和info文件组成，其中html为静态页面布局，只负责页面ui(用户)样式，无任何脚本代码和业务逻辑；而info文件为动态表单自定义内容为json的自定义文件。且info文件中的elements与html的有id的元素一一对应，在info文件element节点下的backend_actions对应一个服务配置，action_type对应触发方式、bind_service_type对应挂接服务类型、static_element_active_effect对应事件响应配置、backend_action_ws_params对应数据源结果对应关系配置。

本实施例6的系统，动态表单开发人员可以同时开发移动终端代码，且节约时间，使用性强，效率高，大大降低了成本。

可选地，在另一实施例7中所述处理模块，用于确定所述info文件与所述html文件之间地址元素的关系。

可选地，在另一实施例8中所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。

可选地，在另一实施例9中所述处理模块,具体用于：

根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；

根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；

根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。

需要说明的是，在本实施例9是在上述实施例6或者实施例7的基础上进行的进一步说明，info文件element节点下的backend_actions对应一个服务配置；action_type对应触发方式、bind_service_type对应挂接服务类型；static_element_active_effect对应事件响应配置；backend_action_params对应；backend_action_dsrelation对应服务配置中的结果对应关系；backend_action_ws_params对应数据源结果对应关系配置；next_deal对应回调函数；webservice_item_xml对应单个服务配置

可选地，在另一实施例10中所述处理模块，还用于根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。

在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

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