CN107818073A - 一种动态表单页面自动转换为html5页面的方法及系统 - Google Patents

一种动态表单页面自动转换为html5页面的方法及系统 Download PDF

Info

Publication number
CN107818073A
CN107818073A CN201711123637.XA CN201711123637A CN107818073A CN 107818073 A CN107818073 A CN 107818073A CN 201711123637 A CN201711123637 A CN 201711123637A CN 107818073 A CN107818073 A CN 107818073A
Authority
CN
China
Prior art keywords
files
node
info
dynamic list
html files
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.)
Granted
Application number
CN201711123637.XA
Other languages
English (en)
Other versions
CN107818073B (zh
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.)
Beijing Si Tech Information Technology Co Ltd
Original Assignee
Beijing Si Tech Information Technology Co 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 Beijing Si Tech Information Technology Co Ltd filed Critical Beijing Si Tech Information Technology Co Ltd
Priority to CN201711123637.XA priority Critical patent/CN107818073B/zh
Publication of CN107818073A publication Critical patent/CN107818073A/zh
Application granted granted Critical
Publication of CN107818073B publication Critical patent/CN107818073B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/151Transformation

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页面的方法及系统。
背景技术
传统的表单的数据及展现形式通常是定制的,如果需要修改表单的数据及展现形式,则需要专业的表单开发和设计人员重新进行设计,并重新发布表单页面的源代码至客户端,重启客户端才能够实现,这个过程不仅耗时,且耗费大量人力物力资源,降低了表单开发的效率。
发明内容
本发明所要解决的技术问题是:现有的表单转换设计耗时,且耗费大量人力物力资源,降低了表单开发的效率。
为解决上面的技术问题,本发明提供了一种动态表单页面自动转换为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 (10)

1.一种动态表单页面自动转换为HTML5页面的方法,其特征在于,该方法包括:
S1,获取动态表单文件,并解析所述动态表单文件中的html文件和info文件;
S2,确定所述info文件与所述html文件之间元素对应关系;
S3,根据所述info文件中的节点类型,确定每个节点对应的配置类型;
S4,在动态表单设计工具中查看动态表单的所述html文件的源码;
S5,修改所述html文件的源码,并在修改后的所述html文件的源码中添加HTML5相关标签注释,得到新的html文件的源码;
S6,查看动态表单设计工具中与所述服务配置类型对应的动态配置;
S7,根据所述动态配置对所述新的html文件的源码进行封装,转换为HTML5页面。
2.根据权利要求1所述的方法,其特征在于,所述S2中具体包括:确定所述info文件与所述html文件之间地址元素的关系。
3.根据权利要求1或2所述的方法,其特征在于,所述html文件用于静态页面布局,所述info文件用于动态表单自定义内容。
4.根据权利要求1或2所述的方法,其特征在于,所述S3具体包括:
根据所述info文件中的背景操作节点,确定与所述背景操作节点对应的服务配置;
根据所述info文件中的动作类型节点,确定与所述动作类型节点对应的触发方式配置;
根据所述info文件中的操作响应节点,确定与所述操作响应节点对应的事件响应配置。
5.根据权利要求4所述的方法,其特征在于,所述S3中还包括:
根据所述info文件中的背景数据节点,确定与所述背景数据节点对应的数据源结果关系配置。
6.一种动态表单页面自动转换为HTML5页面的系统,其特征在于,该系统包括:获取模块、处理模块、修改模块、转换模块;
所述获取模块,用于获取动态表单文件,并解析所述动态表单文件中的html文件和info文件;
所述处理模块,用于确定所述info文件与所述html文件之间元素对应关系,以及根据所述info文件中的节点类型,确定每个节点对应的配置类型;
所述修改模块,用于在动态表单设计工具中查看动态表单的所述html文件的源码,以及修改所述html文件的源码,并在修改后的所述html文件的源码中添加HTML5相关标签注释,得到新的html文件的源码;
所述转换模块,用于查看动态表单设计工具中与所述服务配置类型对应的动态配置,以及根据所述动态配置对所述新的html文件的源码进行封装,转换为HTML5页面。
7.根据权利要求6所述的系统,其特征在于,所述处理模块,用于确定所述info文件与所述html文件之间地址元素的关系。
8.根据权利要求6或7所述的系统,其特征在于,所述html文件用于静态页面布局,所述info文件用于动态表单自定义内容。
9.根据权利要求6或7所述的系统,其特征在于,所述处理模块,具体用于:
根据所述info文件中的背景操作节点,确定与所述背景操作节点对应的服务配置;
根据所述info文件中的动作类型节点,确定与所述动作类型节点对应的触发方式配置;
根据所述info文件中的操作响应节点,确定与所述操作响应节点对应的事件响应配置。
10.根据权利要求9所述的系统,其特征在于,所述处理模块,还用于根据所述info文件中的背景数据节点,确定与所述背景数据节点对应的数据源结果关系配置。
CN201711123637.XA 2017-11-14 2017-11-14 一种动态表单页面自动转换为html5页面的方法及系统 Active CN107818073B (zh)

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 true CN107818073A (zh) 2018-03-20
CN107818073B 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)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111159611A (zh) * 2019-12-26 2020-05-15 广东飞企互联科技股份有限公司 动态生成移动表单的方法及动态生成移动表单的系统
CN113255325A (zh) * 2021-05-10 2021-08-13 成都微视联软件技术有限公司 一种自动计算电子文档的内容的方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103237083A (zh) * 2013-05-08 2013-08-07 北京邮电大学 一种移动信息服务资源聚合系统及方法
CN103246684A (zh) * 2012-02-13 2013-08-14 联想(北京)有限公司 一种网页转换方法、设备及系统
US20140281859A1 (en) * 2013-03-13 2014-09-18 International Business Machines Corporation Enhanced mobilization of existing web sites
CN105574049A (zh) * 2014-10-30 2016-05-11 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和系统
CN106406889A (zh) * 2016-09-22 2017-02-15 广州华克力信息科技有限公司 适用于移动客户端的异构应用系统内容智能转换引擎

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103246684A (zh) * 2012-02-13 2013-08-14 联想(北京)有限公司 一种网页转换方法、设备及系统
US20140281859A1 (en) * 2013-03-13 2014-09-18 International Business Machines Corporation Enhanced mobilization of existing web sites
CN103237083A (zh) * 2013-05-08 2013-08-07 北京邮电大学 一种移动信息服务资源聚合系统及方法
CN105574049A (zh) * 2014-10-30 2016-05-11 阿里巴巴集团控股有限公司 移动应用的页面处理方法、装置和系统
CN106406889A (zh) * 2016-09-22 2017-02-15 广州华克力信息科技有限公司 适用于移动客户端的异构应用系统内容智能转换引擎

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111159611A (zh) * 2019-12-26 2020-05-15 广东飞企互联科技股份有限公司 动态生成移动表单的方法及动态生成移动表单的系统
CN113255325A (zh) * 2021-05-10 2021-08-13 成都微视联软件技术有限公司 一种自动计算电子文档的内容的方法
CN113255325B (zh) * 2021-05-10 2023-05-23 成都微视联软件技术有限公司 一种自动计算电子文档的内容的方法

Also Published As

Publication number Publication date
CN107818073B (zh) 2021-05-04

Similar Documents

Publication Publication Date Title
CN103955364B (zh) 一种适用于手机的前端组件方法
CN104410667B (zh) 一种xml报文到json报文的转换方法及系统
CN105739963B (zh) 生成网页的方法和装置
CN104866327B (zh) 一种php开发方法及框架
CN109657103A (zh) 数据结构的转换方法、装置、计算机设备和存储介质
CN101815093A (zh) 一种网页到移动终端的适配方法及移动终端页面适配装置
CN104020984A (zh) 一种生成静态页面的方法及装置
CN102968307A (zh) 一种基于java的web开发中间件
CN103955367A (zh) 一种生成页面的方法及装置
CN103440151A (zh) 一种动态加载Web页面的方法和装置
CN110502212A (zh) 一种面向多语言的高并发在线开发支撑方法
CN101957756A (zh) 一种智能移动终端程序快速生成系统及方法
CN100481002C (zh) 一种Web界面扩展方法和装置
CN107608669A (zh) 一种基于数据库表结构自动生成功能及页面的方法
CN107818073A (zh) 一种动态表单页面自动转换为html5页面的方法及系统
CN104850498A (zh) 一种填充信息测试方法及系统
CN105069116A (zh) 一种将json串转化为数组的方法及系统
KR101287371B1 (ko) 웹 컨텐츠 수집방법 및 수집장치, 그 기록매체
CN108572817B (zh) 基于业务建模的资源动态配置的方法、装置和介质
CN102970325A (zh) 一种文件上传方法和系统
CN103561113B (zh) Web Service接口的生成方法及装置
CN103067511A (zh) 一种http请求处理的控制方法
CN112947900B (zh) web应用开发方法、装置、服务器及开发终端
CN104461893A (zh) 数据处理方法与数据处理装置
Clerckx et al. Generating context-sensitive multiple device interfaces from design

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