CN112783482B - 一种可视化表单生成方法、装置、设备及存储介质 - Google Patents
一种可视化表单生成方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112783482B CN112783482B CN202110081563.8A CN202110081563A CN112783482B CN 112783482 B CN112783482 B CN 112783482B CN 202110081563 A CN202110081563 A CN 202110081563A CN 112783482 B CN112783482 B CN 112783482B
- Authority
- CN
- China
- Prior art keywords
- configuration
- identifier
- instruction
- configuration item
- json
- 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
- 230000000007 visual effect Effects 0.000 title claims abstract description 70
- 238000000034 method Methods 0.000 title claims abstract description 33
- 238000003860 storage Methods 0.000 title claims abstract description 23
- 238000004590 computer program Methods 0.000 claims description 7
- 238000012986 modification Methods 0.000 claims description 4
- 230000004048 modification Effects 0.000 claims description 4
- 230000006870 function Effects 0.000 abstract description 20
- 238000006243 chemical reaction Methods 0.000 abstract description 6
- 238000011160 research Methods 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 32
- 238000012800 visualization Methods 0.000 description 12
- 230000000694 effects Effects 0.000 description 8
- 230000003287 optical effect Effects 0.000 description 8
- 230000003993 interaction Effects 0.000 description 6
- 238000007726 management method Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 230000003068 static effect Effects 0.000 description 5
- 238000013461 design Methods 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 4
- 238000012827 research and development Methods 0.000 description 4
- 230000002457 bidirectional effect Effects 0.000 description 3
- 230000000670 limiting effect Effects 0.000 description 3
- 239000013307 optical fiber Substances 0.000 description 3
- 230000002093 peripheral effect Effects 0.000 description 3
- 230000002441 reversible effect Effects 0.000 description 3
- 230000001360 synchronised effect Effects 0.000 description 3
- 238000003491 array Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/23—Updating
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/27—Replication, distribution or synchronisation of data between databases or within a distributed database system; Distributed database system architectures therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
本发明公开了一种可视化表单生成方法、装置、设备及存储介质。该方法包括:获取json模式下的至少一条注释指令;为每条注释指令添加第一标识;获取每条注释指令配置的参数字段和配置项的值;根据所述第一标识、参数字段和配置项的值生成可视化表单,通过本发明的技术方案,以实现在保证配置系统基本功能的基础之上,通过指令配置实现json模式和可视化表单模式的相互转换,为非研发人员提供配套的可视化操作界面,可进行新增、编辑配置、日志查询和对比等。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种可视化表单生成方法、装置、设备及存储介质。
背景技术
项目需求中,经常需要修改一些静态数据,如:图片跳转地址、图片展示以及文案展示等,需要研发修改代码重新发版才可在线上生效,增加了项目的研发成本。为节省需求版本迭代,提高开发的效率,提供相应的配置系统,将这些静态数据以json的形式根据业务分类存储在配置系统后台数据库中,若需要变更配置中的数据,无需进行需求版本迭代,只要在配置系统中修改并同步到各个生产环境直至线上即可生效。
传统配置系统无接入新业务的能力,配置系统新添和管理业务站点依赖外部工程发版上线,接入时间成本和操作过程较难。json编写不支持注释,对字段的含义无法备注,仅限于研发人员使用,对无编码需要的人员不能根据需求自行操作配置内容,增加了项目的沟通成本。传统配置系统编写json配置数据使用简单的表单输入类型textarea,编辑器比较单一,不支持json高亮、错误校验提醒、折叠和搜索等,交互体验及其不佳。修改日志对比只做简单的新旧json数据呈现,无高亮差异部分,无法准确呈现每条日志具体的变化,需依靠肉眼仔细查找差异,容易疏漏。
发明内容
本发明实施例提供一种可视化表单生成方法、装置、设备及存储介质,以实现在保证配置系统基本功能的基础之上,通过指令配置实现json模式和可视化表单模式的相互转换,为非研发人员提供配套的可视化操作界面,可进行新增、编辑配置、日志查询和对比等,并引入网页版的vscode编辑器,完善编辑器的交互体验以及实现日志比较高亮差异的能力,通过错误提示,高亮,版本对比等,降低出错几率以及保障运营活动的稳定性。
第一方面,本发明实施例提供了一种可视化表单生成方法,包括:
获取json模式下的至少一条注释指令;
为每条注释指令添加第一标识;
获取每条注释指令配置的参数字段和配置项的值;
根据所述第一标识、参数字段和配置项的值生成可视化表单。
第二方面,本发明实施例还提供了一种可视化表单生成装置,该装置包括:
第一获取模块,用于获取json模式下的至少一条注释指令;
添加模块,用于为每条注释指令添加第一标识;
第二获取模块,用于获取每条注释指令配置的参数字段和配置项的值;
生成模块,用于根据所述第一标识、参数字段和配置项的值生成可视化表单。
第三方面,本发明实施例还提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如本发明实施例中任一所述的可视化表单生成方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例中任一所述的可视化表单生成方法。
本发明实施例通过获取json模式下的至少一条注释指令;为每条注释指令添加第一标识;获取每条注释指令配置的参数字段和配置项的值;根据所述第一标识、参数字段和配置项的值生成可视化表单,以实现在保证配置系统基本功能的基础之上,通过指令配置实现json模式和可视化表单模式的相互转换,为非研发人员提供配套的可视化操作界面,可进行新增、编辑配置、日志查询和对比等,并引入网页版的vscode编辑器,完善编辑器的交互体验以及实现日志比较高亮差异的能力,通过错误提示,高亮,版本对比等,降低出错几率以及保障运营活动的稳定性。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1是本发明实施例一中的一种可视化表单生成方法的流程图;
图2是本发明实施例一中的查询配置列表的示意图;
图3是本发明实施例一中的新增配置(json模式)的示意图;
图4是本发明实施例一中的新增配置(可视化模式)的示意图;
图5是本发明实施例一中的编辑配置(json模式)的示意图;
图6是本发明实施例一中的编辑配置(可视化模式)的示意图;
图7是本发明实施例一中的日志对比(json模式)的示意图;
图8是本发明实施例一中的日志对比(可视化模式)的示意图;
图9是本发明实施例一中的业务管理(列表)的示意图;
图10是本发明实施例一中的业务管理(新增/编辑)的示意图;
图11是本发明实施例一中的站内帮助文档的示意图;
图12是本发明实施例一中的可视化配置系统实现方案的示意图;
图13是本发明实施例一中的指令解析器commandParser实现逻辑的示意图;
图14是本发明实施例二中的一种可视化表单生成装置的结构示意图;
图15是本发明实施例三中的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本发明的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
实施例一
图1为本发明实施例一提供的一种可视化表单生成方法的流程图,本实施例可适用于可视化表单生成的情况,该方法可以由本发明实施例中的可视化表单生成装置来执行,该装置可采用软件和/或硬件的方式实现,如图1所示,该方法具体包括如下步骤:
S110,获取json模式下的至少一条注释指令。
其中,所述注释指令的获取方式可以为根据符号获取,也可以为其他形式获取,本发明实施例对此不进行限制。
S120,为每条注释指令添加第一标识。
其中,所述第一标识可以为哈希标识,也可以为其他唯一标识,本发明实施例对此不进行限制。
S130,获取每条注释指令配置的参数字段和配置项的值。
示例性的,通过解析每条注释指令,获取每条注释指令配置的参数字段和配置项的值。
S140,根据所述第一标识、参数字段和配置项的值生成可视化表单。
需要说明的是,本发明实施例也支持不需要注释指令的单纯配置,只是不会生成相应的表单项,指令解析器解析内容无响应指令则不生成可视化表单。
可选的,还包括:
获取用户输入的配置项的目标值;
将所述配置项的目标值回设到json模式下对应的配置项位置。
其中,所述目标值可以为商品名称,也可以为商品详情,或者可以为产品分类,也可以为活动日期,或者可以为活动时间,也可以为标签,或者可以为颜色,也可以为是否包邮,或者可以为上述内容的组合,本发明实施例对此不进行限制。
可选的,将所述配置项的目标值回设到json模式下对应的配置项位置,包括:
根据所述目标配置项的值确定第二标识;
根据所述第一标识和所述第二标识确定目标注释指令;
将所述配置项的目标值回设到json模式下的目标注释指令进行修改。
示例性的,正向设置通过初始时向每一条注释指令插入唯一的hash标识,生成表单时将该hash标识作为表单项的唯一标识;反向设置时通过表单的唯一键在配置内容中匹配原先正向设置中生成的hash,匹配一致则寻址成功,在相应的配置项位置更新目标值。
其中,所述第二标识可以和第一标识相同,也可以和第一标识不同,例如可以是,若两个标识相同,则根据标识进行匹配寻址,也可以是,若标识不同,则可以利用标识的hash重组一个新的包含hash的标识,根据重组后的标识进行匹配寻址。需要说明的是,允许表单项不以该标识作为表单项的field字段(表单必须要设置的field属性,标识表单的键-key),但建议以该唯一标识直接作为表单的field字段,理由是:1、该标识和表单的键-key即field字段一样具有唯一性。2、表单提交自动生成key:value,如果以该标识(例如hash)作为key,则自动生成hash:value,无需额外获取表单项的hash标识。例如可以是,若对注释指令A添加标识X,对注释指令B添加标识Y,对注释指令C添加标识Z,根据目标配置项的值确定第二标识为标识Y,则根据标识Y查询得到标识Y对应注释指令B,则确定目标注释指令为注释指令B。
可选的,所述第一标识为第一哈希标识,所述第二标识为第二哈希标识。
可选的,根据所述第一标识和所述第二标识确定目标注释指令,包括:
根据所述目标值和第二哈希标识生成表单集合;
基于所述第一标识和所述表单集合对json模式的配置数据进行寻址匹配,得到目标注释指令和目标配置项。
可选的,为每条注释指令添加第一标识,包括:
通过指令解析器为条注释指令添加第一标识。
可选的,将所述配置项的目标值回设到json模式下对应的配置项位置之后,还包括:
删除json模式下的注释指令和注释,得到json对象,其中,所述json对象由配置项组成。
示例性的,如图2所示,图2为查询配置列表的示意图,如图3所示,图3为新增配置(json模式)的示意图,如图4所示,图4为新增配置(可视化模式)的示意图,如图5所示,图5为编辑配置(json模式)的示意图,如图6所示,图6为编辑配置(可视化模式)的示意图,如图7所示,图7为日志对比(json模式)的示意图,图7中显示版本号48和版本号47不同的内容,对不同的内容可以高亮标注,json模式下的日志对比也可以包含版本号48和版本号47的全部内容,并对版本号48和版本号47不同的内容进行高亮标注,如图8所示,图8为日志对比(可视化模式)的示意图,如图9所示,图9业务管理(列表)的示意图,如图10所示,图10为业务管理(新增/编辑)的示意图,如图11所示,图11为站内帮助文档的示意图,如图12所示,图12为可视化配置系统实现方案的示意图。
本发明实施例的方案具体包括如下步骤:
1、新增/编辑配置:提供json模式和可视化模式两种:json模式由研发人员操作(编辑器由monaco-editor第三方插件实现),可视化模式由非研发人员操作。两种模式均可修改同一份配置,配置唯一性由配置的key字段和站点id组合确定唯一性,不同环境的配置由流水号确定唯一性。两种模式通过指令解析器commandParser作为桥梁连接,通过json原生编写的类。
2、commandParser指令解析器方案:如图13所示,图13为commandParser指令解析器的整体方案:在json配置模式中插入注释指令(指令遵循约定规范,见下2.1规范),使用指令类解析容器为每条注释指令添加hash(hash的目的是为了映射json的具体配置行和表单域),通过指令解析器的解析生成可用于form-create ui库(表单组件生成库)生成可视化表单所需要的json格式。生成可视化表单后,将表单所提交的值传入指令解析器的set方法,通过hash寻址(正则匹配等寻址)找到json模式的对应位置,同步修改配置项行的value值,即可完成json模式和可视化表单的双向作用。
指令规范:json模式可在配置项所在行的前一行插入注释指令,指令形式为注释形式且指令只允许占一行,指令配置字段遵循form-create组件库参数规范,指令类型支持以下几种,如表1所示:
表1
具体步骤如下:
2.1为注释指令添加hash,如图13所示的hash()函数:指令解析器通过读取json模式的配置内容的字符串形式,通过正则匹配获取注释指令,并使用md5生成hash插入到注释指令中,得到的新的配置内容预先保存并作为下一点的操作输入的字符串参数。(在这个步骤预先存下各个指令组成的hash数组,供2.3使用)。
2.2解析指令和配置项生成json对象形式,如图13所示的parse()函数:指令解析器继续将上述的配置字符串通过正则匹配,获取到指令以及指令下一行所关联的配置项(一行指令关联一行配置项),然后把指令配置的参数字段和配置项的值解析转换成json形式,也就是可以用于form-create ui组件库生成可视化表单的具体配置参数,其中,hash作为表单项的field字段,以作为可视化表单回设json模式配置内容的唯一键。
2.3可视化表单模式提交后反向回设json模式配置,如图13所示的set()函数:可视化表单提交后,生成hash所命名的filed和产品人员所输入的value组成的对同时插入2.1的hash数组字段,如图13所示的hash表单集合备注所示。容器类的set方法获取表单提交数据后,通过正则匹配,利用上述的hash唯一性对json模式的配置数据(添加hash后的配置数据)进行寻址匹配,根据2.2对每个配置项生成json配置的数据类型和格式要求做校验检查,无误后把表单的值value回设到对应的配置项位置,最后删除hash地址恢复配置原有的指令模式。
2.4以上几步就是json模式和可视化模式的双向解析和回设能力,当单项操作成功保存后,即可调用后台接口进行配置数据存储。数据存储设计方案见第3点。
3、数据存储/查询设计:以上2所修改后的配置数据是json字符串形式,提交接口前,使用三方npm包stript-json-comments删除注释和指令,得到仅仅包含配置项的json对象形式,将配置的json字符串和json对象形式分别提交接口入参存储,json字符串形式用于在配置系统内查询详情和日志对比回显,json对象形式用于各个业务站点查询配置时返回给业务使用。
4、环境同步:只在预发布环境支持编辑器编辑,其他灰度、线上环境不可编辑配置内容,仅为可见状态,通过同步按钮分别同步到对应环境。查询列表页面分别对应各个环境的数据,未同步到对应环境时后置环境无法看到配置更新数据。
5、日志列表对比和差异高亮:每条配置数据在编辑详情页面底部可展示日志操作记录,操作记录在各环境互不交叉,彼此独立。每条日志后提供对比操作按钮,前往对比页面,对比为本次记录与上一条日志对比,对比页面支持两种模式,其中,json模式对比可以高亮差异,更准确的展示变化部分。
6、业务接入管理:系统内提供业务接入能力,为每个业务生成唯一一个id,该业务下的配置key在配置系统不可重复,id可用于各个业务站点查询配置系统数据时入参,既可以查询到对应业务下的配置数据。
本发明实施例提出了配置区域超出滚动条设计,解决了配置指令过多导致生成的可视化表单过长,操作困难的问题。
接口储存配置数据设计:配置内容按配置的字符串形式存储和删除注释后的json对象形式存储,分别提供给配置系统内部使用和外部各业务站点拉取配置读取使用。
Javascript原生编写指令解析器commandParser的实现:作为monaco-editor编辑器配置和form-create ui组件库生成可视化表单之间的连接桥梁,支持双向设置配置文件,利用hash寻址的思想完成指令与表单数据之间的转换。
form-create ui组件库的接入:支持json对象配置信息生成可视化表单,决定了指令配置的字段和格式规范,是基于element-ui封装的组件库,拥有完备的element-ui表单类型支持,内置组件丰富,可满足表单可视化的全面要求。
monaco-editor编辑器的接入:是vscode的网页版编辑器,支持注释、高亮、搜索、折叠以及语法错误提醒;同时自带差异对比功能,可以高亮差异变化部分,交互体验更好。
本发明实施例中的可视化配置模式:新增、编辑和日志比对均支持json和可视化模式,分别提供给研发与产品等非研发同学使用。编辑器优化:使用网页版vscode编辑器,支持高亮、折叠、语法错误提示、搜索等功能,编辑和比对体验更佳。配置列表查询/新增、编辑配置:支持不同环境查询配置列表,详情页面可新增编辑配置信息。操作日志查询/差异比对:支持查询修改的历史记录,可选择相近的两条记录进行差异高亮比较,同时支持json比对和可视化表单比对两种模式。图片/文件上传:支持本地图片/文件上传,生成url,增加复制功能,可复制生成的地址到配置区域使用。多环境同步:支持根据环境、业务、配置字段和操作人筛选配置列表;支持预发布、灰度、线上配置一键同步。新站点接入配置:新增站点接入无需发版,支持可视配置。帮助文档:站内提供操作帮助文档,帮助新同学更快速的了解站点的功能与使用。
本发明实施例在系统内提供业务站点管理的能力,不再依赖外部工程接入新业务。实现json配置支持注释,允许研发人员对配置字段加以注释以表明具体字段对应的意义;同时,可为注释指令接入实现可视化表单的实现奠定基础。在保证配置系统基本功能的基础之上,通过指令配置实现json和可视化表单的相互转换,为产品等非研发人员提供配套的可视化操作界面,可进行新增、编辑配置和日志查询、对比等,无需明确json配置字段的具体含义。重新设计配置系统界面以及交互,使之更丰富优雅,并引入网页版的vscode编辑器,完善编辑器的交互体验以及实现日志比较高亮差异的能力,通过错误提示,高亮,版本对比等,降低出错几率,保障运营活动的稳定性。
本实施例的技术方案,通过获取json模式下的至少一条注释指令;为每条注释指令添加第一标识;获取每条注释指令配置的参数字段和配置项的值;根据所述第一标识、参数字段和配置项的值生成可视化表单,以实现在保证配置系统基本功能的基础之上,通过指令配置实现json模式和可视化表单模式的相互转换,为非研发人员提供配套的可视化操作界面,可进行新增、编辑配置、日志查询和对比等,并引入网页版的vscode编辑器,完善编辑器的交互体验以及实现日志比较高亮差异的能力,通过错误提示,高亮,版本对比等,降低出错几率以及保障运营活动的稳定性。
实施例二
图14为本发明实施例二提供的一种可视化表单生成装置的结构示意图。本实施例可适用于可视化表单生成的情况,该装置可采用软件和/或硬件的方式实现,该装置可集成在任何提供可视化表单生成功能的设备中,如图14所示,所述可视化表单生成装置具体包括:第一获取模块210、添加模块220、第二获取模块230和生成模块240。
其中,第一获取模块,用于获取json模式下的至少一条注释指令;
添加模块,用于为每条注释指令添加第一标识;
第二获取模块,用于获取每条注释指令配置的参数字段和配置项的值;
生成模块,用于根据所述第一标识、参数字段和配置项的值生成可视化表单。
上述产品可执行本发明任意实施例所提供的方法,具备执行方法相应的功能模块和有益效果。
本实施例的技术方案,通过获取json模式下的至少一条注释指令;为每条注释指令添加第一标识;获取每条注释指令配置的参数字段和配置项的值;根据所述第一标识、参数字段和配置项的值生成可视化表单,以实现在保证配置系统基本功能的基础之上,通过指令配置实现json模式和可视化表单模式的相互转换,为非研发人员提供配套的可视化操作界面,可进行新增、编辑配置、日志查询和对比等,并引入网页版的vscode编辑器,完善编辑器的交互体验以及实现日志比较高亮差异的能力,通过错误提示,高亮,版本对比等,降低出错几率以及保障运营活动的稳定性。
实施例三
图15为本发明实施例三中的一种计算机设备的结构示意图。图15示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图15显示的计算机设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图15所示,计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,内存28,连接不同系统组件(包括内存28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture,ISA)总线,微通道体系结构(Micro Channel Architecture,MCA)总线,增强型ISA总线、视频电子标准协会(Video Electronics Standards Association,VESA)局域总线以及外围组件互连(Peripheral Component Interconnect,PCI)总线。
计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
内存28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(Random Access Memory,RAM)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图15未显示,通常称为“硬盘驱动器”)。尽管图15中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(只读光盘(Compact Disc-Read Only Memory,CD-ROM)、数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。内存28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40,可以存储在例如内存28中,这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该计算机设备12交互的设备通信,和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。另外,本实施例中的计算机设备12,显示器24不是作为独立个体存在,而是嵌入镜面中,在显示器24的显示面不予显示时,显示器24的显示面与镜面从视觉上融为一体。并且,计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(Local Area Network,LAN),广域网Wide AreaNetwork,WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白,尽管图中未示出,可以结合计算机设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of Independent Disks,RAID)系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在内存28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的可视化表单生成方法:
获取json模式下的至少一条注释指令;
为每条注释指令添加第一标识;
获取每条注释指令配置的参数字段和配置项的值;
根据所述第一标识、参数字段和配置项的值生成可视化表单。
实施例四
本发明实施例四提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请所有发明实施例提供的可视化表单生成方法:
获取json模式下的至少一条注释指令;
为每条注释指令添加第一标识;
获取每条注释指令配置的参数字段和配置项的值;
根据所述第一标识、参数字段和配置项的值生成可视化表单。
可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(Hyper Text TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (7)
1.一种可视化表单生成方法,其特征在于,包括:
获取json模式下的至少一条注释指令;
为每条注释指令添加第一标识;
获取每条注释指令配置的参数字段和配置项的值;
根据所述第一标识、参数字段和配置项的值生成可视化表单;
所述根据所述第一标识、参数字段和配置项的值生成可视化表单包括:
指令解析器通过读取json模式的配置内容的字符串形式,通过正则匹配获取所述注释指令,并将第一标识插入到所述注释指令中,得到的新的配置内容预先保存并作为下一点的操作输入的字符串参数;
所述指令解析器继续将所述配置内容的字符串形式通过正则匹配,获取到所述注释指令以及所述注释指令下一行所关联的配置项,其中,一行注释指令关联一行配置项,然后把注释指令配置的参数字段和配置项的值解析转换成json形式,获得用于表单组件生成库form-create ui组件库生成可视化表单的具体配置参数;
获取用户输入的配置项的目标值;
将所述配置项的目标值回设到json模式下对应的配置项位置;
所述将所述配置项的目标值回设到json模式下对应的配置项位置包括:
根据所述配置项的目标值确定第二标识;
根据所述第一标识和所述第二标识进行寻址匹配确定目标注释指令;
将所述配置项的目标值回设到json模式下的目标注释指令进行修改。
2.根据权利要求1所述的方法,其特征在于,所述第一标识为第一哈希标识,所述第二标识为第二哈希标识。
3.根据权利要求1所述的方法,其特征在于,根据所述第一标识和所述第二标识确定目标注释指令,包括:
根据所述目标值和第二哈希标识生成表单集合;
基于所述第一标识和所述表单集合对json模式的配置数据进行寻址匹配,得到目标注释指令和目标配置项。
4.根据权利要求1所述的方法,其特征在于,将所述配置项的目标值回设到json模式下对应的配置项位置之后,还包括:
删除json模式下的注释指令和注释,得到json对象,其中,所述json对象由配置项组成。
5.一种可视化表单生成装置,其特征在于,包括:
第一获取模块,用于获取json模式下的至少一条注释指令;
添加模块,用于为每条注释指令添加第一标识;
第二获取模块,用于获取每条注释指令配置的参数字段和配置项的值;
生成模块,用于根据所述第一标识、参数字段和配置项的值生成可视化表单;
指令解析器通过读取json模式的配置内容的字符串形式,通过正则匹配获取所述注释指令,并将第一标识插入到所述注释指令中,得到的新的配置内容预先保存并作为下一点的操作输入的字符串参数;
所述指令解析器继续将所述配置内容的字符串形式通过正则匹配,获取到所述注释指令以及所述注释指令下一行所关联的配置项,其中,一行注释指令关联一行配置项,然后把注释指令配置的参数字段和配置项的值解析转换成json形式,获得用于表单组件生成库form-create ui组件库生成可视化表单的具体配置参数;
获取用户输入的配置项的目标值;
将所述配置项的目标值回设到json模式下对应的配置项位置;
所述将所述配置项的目标值回设到json模式下对应的配置项位置包括:
根据所述配置项的目标值确定第二标识;
根据所述第一标识和所述第二标识进行寻址匹配确定目标注释指令;
将所述配置项的目标值回设到json模式下的目标注释指令进行修改。
6.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-4中任一所述的方法。
7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-4中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110081563.8A CN112783482B (zh) | 2021-01-21 | 2021-01-21 | 一种可视化表单生成方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110081563.8A CN112783482B (zh) | 2021-01-21 | 2021-01-21 | 一种可视化表单生成方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112783482A CN112783482A (zh) | 2021-05-11 |
CN112783482B true CN112783482B (zh) | 2024-03-19 |
Family
ID=75758220
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110081563.8A Active CN112783482B (zh) | 2021-01-21 | 2021-01-21 | 一种可视化表单生成方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112783482B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115328892B (zh) * | 2022-10-14 | 2023-03-24 | 互联时刻(北京)信息科技有限公司 | 一种业务表单数据结构处理方法、系统、电子设备及介质 |
CN116361586B (zh) * | 2023-06-02 | 2023-10-03 | 成都无糖信息技术有限公司 | 一种网页内实现http协议请求数据高亮的方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107368307A (zh) * | 2017-07-03 | 2017-11-21 | 上海点融信息科技有限责任公司 | 用于实时配置应用的界面的方法、设备和系统 |
CN108255485A (zh) * | 2017-09-22 | 2018-07-06 | 优视科技有限公司 | 页面搭建方法、设备及电子设备 |
CN110377279A (zh) * | 2019-07-24 | 2019-10-25 | 江苏中威科技软件系统有限公司 | 可视化引导无代码构建工作流程并自动验证方法及系统 |
CN111897817A (zh) * | 2020-07-23 | 2020-11-06 | 苏州创腾软件有限公司 | 一种可视化表单配置方法、装置和系统 |
-
2021
- 2021-01-21 CN CN202110081563.8A patent/CN112783482B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107368307A (zh) * | 2017-07-03 | 2017-11-21 | 上海点融信息科技有限责任公司 | 用于实时配置应用的界面的方法、设备和系统 |
CN108255485A (zh) * | 2017-09-22 | 2018-07-06 | 优视科技有限公司 | 页面搭建方法、设备及电子设备 |
CN110377279A (zh) * | 2019-07-24 | 2019-10-25 | 江苏中威科技软件系统有限公司 | 可视化引导无代码构建工作流程并自动验证方法及系统 |
CN111897817A (zh) * | 2020-07-23 | 2020-11-06 | 苏州创腾软件有限公司 | 一种可视化表单配置方法、装置和系统 |
Also Published As
Publication number | Publication date |
---|---|
CN112783482A (zh) | 2021-05-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106682219B (zh) | 关联文档获取方法及装置 | |
US11792257B2 (en) | Form engine | |
CN108762743B (zh) | 一种数据表操作代码生成方法及装置 | |
CN113158101B (zh) | 一种可视化页面渲染方法、装置、设备及存储介质 | |
CN112783482B (zh) | 一种可视化表单生成方法、装置、设备及存储介质 | |
EP3114566B1 (en) | Shadowing local on-premises information to a cloud-based computing system | |
US10402486B2 (en) | Document conversion, annotation, and data capturing system | |
US9646004B2 (en) | Hierarchical database report generation with automated query generation for placeholders | |
US20080250052A1 (en) | Repopulating a database with document content | |
CN112671734B (zh) | 面向多数据源的报文处理方法及其相关设备 | |
JP2022031625A (ja) | 情報をプッシュするための方法および装置、電子機器、記憶媒体並びにコンピュータプログラム | |
US20160371244A1 (en) | Collaboratively reconstituting tables | |
US10360286B2 (en) | Color coding of layout structure elements in a flow format document | |
US20140258852A1 (en) | Detection and Reconstruction of Right-to-Left Text Direction, Ligatures and Diacritics in a Fixed Format Document | |
CN112527291A (zh) | 网页生成方法、装置、电子设备及存储介质 | |
CN113626223A (zh) | 一种接口调用方法和装置 | |
US20140331127A1 (en) | Template based copy and paste function | |
CN113448562B (zh) | 一种逻辑代码自动生成方法、装置和电子设备 | |
WO2014163982A2 (en) | Table of contents detection in a fixed format document | |
US20140279842A1 (en) | Inferring a sequence of editing operations to facilitate merging versions of a shared document | |
CN111984745B (zh) | 数据库字段动态扩展方法、装置、设备及存储介质 | |
CN108694172B (zh) | 信息输出方法和装置 | |
US7730105B2 (en) | Time sharing managing apparatus, document creating apparatus, document reading apparatus, time sharing managing method, document creating method, and document reading method | |
CN114116907A (zh) | 一种数据库的同步方法、装置、电子设备和存储介质 | |
CN112507677A (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 |