CN107818073B - 一种动态表单页面自动转换为html5页面的方法及系统 - Google Patents
一种动态表单页面自动转换为html5页面的方法及系统 Download PDFInfo
- Publication number
- CN107818073B CN107818073B CN201711123637.XA CN201711123637A CN107818073B CN 107818073 B CN107818073 B CN 107818073B CN 201711123637 A CN201711123637 A CN 201711123637A CN 107818073 B CN107818073 B CN 107818073B
- Authority
- CN
- China
- Prior art keywords
- file
- dynamic form
- info
- html file
- node
- 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.)
- Active
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/12—Use of codes for handling textual entities
- G06F40/151—Transformation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Health & Medical Sciences (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Artificial Intelligence (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及一种动态表单页面自动转换为HTML5页面的方法及系统，该方法包括：获取动态表单文件，并解析动态表单文件中的html文件和info文件；确定info文件与html文件之间元素对应关系；根据info文件中节点，确定每个节点对应的服务配置类型；查看动态表单html文件的源码；修改所述html文件的源码，并添加HTML5相关标签注释；查看动态表单设计工具中与服务配置类型对应的动态配置；根据动态配置对所述新的html文件的源码进行封装，转换为HTML5页面。还涉及一种系统，该系统包括：获取模块、处理模块、修改模块、转换模块。通过本发明的方法，动态表单开发人员可以同时开发移动终端代码，且节约时间，使用性强，效率高，大大降低了成本。
Description
技术领域
本发明属于动态表单领域，尤其涉及一种动态表单页面自动转换为
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文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。
在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (6)
1.一种动态表单页面自动转换为HTML5页面的方法，其特征在于,该方法包括:
S1,获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；
S2，确定所述info文件与所述html文件之间元素对应关系；
S3，根据所述info文件中的节点类型，确定每个节点对应的配置类型；
S4，在动态表单设计工具中查看动态表单的所述html文件的源码；
S5，修改所述html文件的源码，并在修改后的所述html文件的源码中添加HTML5相关标签注释，得到新的html文件的源码；
S6，查看动态表单设计工具中与所述配置类型对应的动态配置；
S7，根据所述动态配置对所述新的html文件的源码进行封装，转换为HTML5页面；
所述S2中具体包括：确定所述info文件与所述html文件之间地址元素的关系；
所述S3具体包括：
根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；
根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；
根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。
2.根据权利要求1所述的方法，其特征在于，所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。
3.根据权利要求1所述的方法，其特征在于，所述S3中还包括：
根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。
4.一种动态表单页面自动转换为HTML5页面的系统，其特征在于，该系统包括：获取模块、处理模块、修改模块、转换模块；
所述获取模块，用于获取动态表单文件，并解析所述动态表单文件中的html文件和info文件；
所述处理模块，用于确定所述info文件与所述html文件之间元素对应关系，以及根据所述info文件中的节点类型，确定每个节点对应的配置类型；
所述修改模块，用于在动态表单设计工具中查看动态表单的所述html文件的源码，以及修改所述html文件的源码，并在修改后的所述html文件的源码中添加HTML5相关标签注释，得到新的html文件的源码；
所述转换模块，用于查看动态表单设计工具中与所述配置类型对应的动态配置，以及根据所述动态配置对所述新的html文件的源码进行封装，转换为HTML5页面；
所述处理模块，用于确定所述info文件与所述html文件之间地址元素的关系；
所述处理模块,具体用于：
根据所述info文件中的背景操作节点，确定与所述背景操作节点对应的服务配置；
根据所述info文件中的动作类型节点，确定与所述动作类型节点对应的触发方式配置；
根据所述info文件中的操作响应节点，确定与所述操作响应节点对应的事件响应配置。
5.根据权利要求4所述的系统，其特征在于，所述html文件用于静态页面布局，所述info文件用于动态表单自定义内容。
6.根据权利要求4所述的系统，其特征在于，所述处理模块，还用于根据所述info文件中的背景数据节点，确定与所述背景数据节点对应的数据源结果关系配置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711123637.XA CN107818073B (zh) | 2017-11-14 | 2017-11-14 | 一种动态表单页面自动转换为html5页面的方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711123637.XA CN107818073B (zh) | 2017-11-14 | 2017-11-14 | 一种动态表单页面自动转换为html5页面的方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107818073A CN107818073A (zh) | 2018-03-20 |
| CN107818073B true CN107818073B (zh) | 2021-05-04 |
Family
ID=61609211
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711123637.XA Active CN107818073B (zh) | 2017-11-14 | 2017-11-14 | 一种动态表单页面自动转换为html5页面的方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107818073B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111159611A (zh) * | 2019-12-26 | 2020-05-15 | 广东飞企互联科技股份有限公司 | 动态生成移动表单的方法及动态生成移动表单的系统 |
| CN113255325B (zh) * | 2021-05-10 | 2023-05-23 | 成都微视联软件技术有限公司 | 一种自动计算电子文档的内容的方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103237083A (zh) * | 2013-05-08 | 2013-08-07 | 北京邮电大学 | 一种移动信息服务资源聚合系统及方法 |
| CN103246684A (zh) * | 2012-02-13 | 2013-08-14 | 联想(北京)有限公司 | 一种网页转换方法、设备及系统 |
| CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
| CN106406889A (zh) * | 2016-09-22 | 2017-02-15 | 广州华克力信息科技有限公司 | 适用于移动客户端的异构应用系统内容智能转换引擎 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140281863A1 (en) * | 2013-03-13 | 2014-09-18 | International Business Machines Corporation | Enhanced mobilization of existing web sites |
-
2017
- 2017-11-14 CN CN201711123637.XA patent/CN107818073B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103246684A (zh) * | 2012-02-13 | 2013-08-14 | 联想(北京)有限公司 | 一种网页转换方法、设备及系统 |
| CN103237083A (zh) * | 2013-05-08 | 2013-08-07 | 北京邮电大学 | 一种移动信息服务资源聚合系统及方法 |
| CN105574049A (zh) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | 移动应用的页面处理方法、装置和系统 |
| CN106406889A (zh) * | 2016-09-22 | 2017-02-15 | 广州华克力信息科技有限公司 | 适用于移动客户端的异构应用系统内容智能转换引擎 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107818073A (zh) | 2018-03-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8005878B2 (en) | Providing processing instructions for updating schema | |
| WO2016177341A1 (zh) | 接口调用方法、装置及终端 | |
| CN110955409B (zh) | 在云平台上创建资源的方法和装置 | |
| CN112765023A (zh) | 测试用例生成方法、装置 | |
| US20220350857A1 (en) | Methods and systems for browser extension used to generate relative xpath, absolute xpath and/or css selectors | |
| CN110727429B (zh) | 一种前端页面的生成方法、装置及设备 | |
| CN108228443B (zh) | 一种web应用的测试方法及装置 | |
| CN105404574B (zh) | 一种智能卡与移动终端一致性测试方法及装置 | |
| CN111813385B (zh) | 一种基于Web应用的页面插件化方法、装置及设备 | |
| CN107818073B (zh) | 一种动态表单页面自动转换为html5页面的方法及系统 | |
| CN113760729A (zh) | 一种代码检测方法和装置 | |
| CN113703862A (zh) | 基于配置的接口调用方法、装置、设备及存储介质 | |
| US9317489B2 (en) | Vector graphic conversion into fonts | |
| CN110704325B (zh) | 数据处理方法及装置、计算机存储介质及电子设备 | |
| CN108572817B (zh) | 基于业务建模的资源动态配置的方法、装置和介质 | |
| CN111078217A (zh) | 脑图生成方法、装置和计算机可读存储介质 | |
| CN106033387A (zh) | 测试flash内部控件的方法和装置 | |
| CN113778897A (zh) | 接口的自动测试方法、装置、设备及存储介质 | |
| CN111488144B (zh) | 一种数据处理方法以及设备 | |
| CN112926008A (zh) | 生成表单页面的方法、装置、电子设备和存储介质 | |
| US9405739B1 (en) | Source code format for IDE code development with embedded objects | |
| CN111124924A (zh) | Api部署方法、装置、电子设备及存储介质 | |
| KR20180098584A (ko) | App 프로그램 실행 방법 및 장치 | |
| CN103473106A (zh) | 一种页面生成的方法及系统 | |
| CN116483888A (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |