CN113076094A - 前端组件构建方法、装置及电子设备 - Google Patents
前端组件构建方法、装置及电子设备 Download PDFInfo
- Publication number
- CN113076094A CN113076094A CN202110344314.3A CN202110344314A CN113076094A CN 113076094 A CN113076094 A CN 113076094A CN 202110344314 A CN202110344314 A CN 202110344314A CN 113076094 A CN113076094 A CN 113076094A
- Authority
- CN
- China
- Prior art keywords
- end component
- component
- components
- information
- basic
- 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.)
- Pending
Links
Images
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/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
- G06N20/00—Machine learning
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Artificial Intelligence (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Data Mining & Analysis (AREA)
- Evolutionary Computation (AREA)
- Medical Informatics (AREA)
- Computing Systems (AREA)
- Mathematical Physics (AREA)
- Stored Programmes (AREA)
Abstract
本发明提供了一种前端组件构建方法、装置及电子设备,涉及机器学习技术领域,在进行前端组件构建时,先获取至少一个已完成的建模任务,每个建模任务包括多个子任务;然后响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件;响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;最后响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。这样基于已完成的建模任务生成基础前端组件,进而通过拆分操作和/或组合操作,可以实现基于有限的基础前端组件覆盖生成大量机器学习建模的前端组件的场景,减少了开发维护成本,并有很强的扩展性。
Description
技术领域
本发明涉及机器学习技术领域,尤其是涉及一种前端组件构建方法、装置及电子设备。
背景技术
在进行机器学习训练时,可以使用一些可视化工具来帮助用户更直观的了解模型训练的效果。可视化的机器学习建模(后简称为可视化建模),由于其能够降低机器学习的使用门槛,因而越来越受到人们的青睐。
在可视化建模的前端用户界面上,用户可通过轻松拖拉拽前端组件的操作,进行可视化建模,完成模型的构建。前端组件的构建是可视化建模的基础环节,目前通常基于功能需求进行前端组件的构建,导致开发维护成本较高。
发明内容
本发明的目的在于提供一种前端组件构建方法、装置及电子设备,以减少开发维护成本。
第一方面,本发明实施例提供了一种前端组件构建方法,包括:
获取至少一个已完成的建模任务,每个所述建模任务包括多个子任务;
响应于对各个所述建模任务中的子任务的分类操作,得到多个任务类别,并生成与所述任务类别一一对应的基础前端组件;
响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息;所述属性信息用于确定所述基础前端组件的类型、配置参数和元信息;
响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
进一步地,响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息的步骤,包括:
响应于针对每个所述基础前端组件的第一添加指令,为每个所述基础前端组件添加JSON Schema描述信息;
响应于针对每个所述基础前端组件的第二添加指令,为每个所述基础前端组件添加规范信息。
进一步地,所述目标前端组件包括经拆分操作得到的原生组件;响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件的步骤,包括:
响应于对所述基础前端组件的第一选择操作,将所述第一选择操作对应的一个基础前端组件确定为待拆分组件;
响应于对所述待拆分组件的拆分操作,得到多个原生组件。
进一步地,所述目标前端组件包括经组合操作得到的组合组件;响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件的步骤,包括:
响应于对所述基础前端组件的第二选择操作,将所述第二选择操作对应的多个基础前端组件均确定为待组合组件;
响应于对各个所述待组合组件的组合操作,得到组合组件。
进一步地,所述属性信息包括JSON Schema描述信息和规范信息;响应于对各个所述待组合组件的组合操作,得到组合组件之后,所述方法还包括:
根据所述组合组件中的各个所述待组合组件的JSON Schema描述信息和规范信息,确定各个所述待组合组件之间的联动逻辑信息;
为所述组合组件添加所述联动逻辑信息,以使前端基于所述联动逻辑信息展示所述组合组件。
第二方面,本发明实施例还提供了一种前端组件构建装置,包括:
任务获取模块,用于获取至少一个已完成的建模任务,每个所述建模任务包括多个子任务;
分类生成模块,用于响应于对各个所述建模任务中的子任务的分类操作,得到多个任务类别,并生成与所述任务类别一一对应的基础前端组件;
信息添加模块,用于响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息;所述属性信息用于确定所述基础前端组件的类型、配置参数和元信息;
拆分组合模块,用于响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
进一步地,所述信息添加模块具体用于:
响应于针对每个所述基础前端组件的第一添加指令,为每个所述基础前端组件添加JSON Schema描述信息;
响应于针对每个所述基础前端组件的第二添加指令,为每个所述基础前端组件添加规范信息。
进一步地,所述目标前端组件包括经拆分操作得到的原生组件;所述拆分组合模块包括拆分单元,用于:
响应于对所述基础前端组件的第一选择操作,将所述第一选择操作对应的一个基础前端组件确定为待拆分组件;
响应于对所述待拆分组件的拆分操作,得到多个原生组件。
第三方面,本发明实施例还提供了一种电子设备,包括存储器、处理器,所述存储器中存储有可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述第一方面的前端组件构建方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述第一方面的前端组件构建方法。
本发明实施例提供的前端组件构建方法、装置及电子设备,在进行前端组件构建时,先获取至少一个已完成的建模任务,每个建模任务包括多个子任务;然后响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件;响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;该属性信息用于确定基础前端组件的类型、配置参数和元信息;最后响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。这样基于已完成的建模任务生成基础前端组件,进而通过拆分操作和/或组合操作,可以实现基于有限的基础前端组件覆盖生成大量机器学习建模的前端组件的场景,减少了开发维护成本,并有很强的扩展性。
附图说明
为了更清楚地说明本发明具体实施方式或现有技术中的技术方案,下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施方式,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种前端组件构建方法的流程示意图;
图2为本发明实施例提供的一种前端用户界面上展示前端组件的流程示意图;
图3为本发明实施例提供的一种前端组件构建装置的结构示意图;
图4为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合实施例对本发明的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在机器学习建模领域中,前端组件为在前端用户界面上展示的具有基本功能的页面组件。针对前端组件构建时存在的开发维护成本较高的问题,本发明实施例提供了一种前端组件构建方法、装置及电子设备,可以对常见机器学习建模实验(即建模任务)进行分类整理,并抽象出了一套通用的前端组件的描述方案和生成方案,提供了很好的维护性和扩展性,从而可以减少开发维护成本。
为便于对本实施例进行理解,首先对本发明实施例所公开的一种前端组件构建方法进行详细介绍。
本发明实施例提供了一种前端组件构建方法,该方法可以由具有数据处理能力的电子设备执行,该电子设备可以为手机、台式电脑、笔记本电脑或平板电脑等。该方法是面向机器学习和WEB(World Wide Web,全球广域网或万维网)前端领域的,适用于机器学习模型的前端组件的分类和生成。参见图1所示的一种前端组件构建方法的流程示意图,该方法主要包括如下步骤S102~步骤S108:
步骤S102,获取至少一个已完成的建模任务,每个建模任务包括多个子任务。
建模任务可以是常见的机器学习建模任务,例如目标物识别、异常流量鉴别或欺诈行为鉴别等。每个已完成的建模任务已经被拆分成了多个子任务,例如对于数据类的建模任务,其子任务可以包括表的输入和表的输出等。
步骤S104,响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件。
用户可以对各个建模任务中的子任务进行分类整理,得到多个任务类别,并将每个任务类别的子任务以组件的形式封装,独立成一个基础前端组件。
步骤S106,响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;该属性信息用于确定基础前端组件的类型、配置参数和元信息。
为了使前端较好地生成上述基础前端组件,也即将子任务对应到具体的HTML(Hyper Text Markup Language,超文本标记语言)页面组件,可以使用JSON Schema对基础前端组件进行描述(即通过JSON Schema对基础前端组件进行具体定义),并对基础前端组件进行规范约定,得到包括JSON Schema描述信息和规范信息的属性信息。
例如,JSON Schema描述信息包括输入框(<input>标签组件)和下拉框(<option>)等等,规范信息包括约定required字段表示当前组件(即相应基础前端组件)内容是否必填和type字段表示当前组件的具体HTML标签类型等。通过规范约定可以确定当前组件的具体类型,例如:输入框、下拉框或代码编辑器等等;通过规范约定还可以确定当前组件的配置参数和元信息(元信息可以但不限于包括:组件名称和组件描述等等)。配置参数通过JSONSchema描述信息和规范信息对应到具体的前端组件。
基于此,上述步骤S106可以包括如下过程:响应于针对每个基础前端组件的第一添加指令,为每个基础前端组件添加JSON Schema描述信息;响应于针对每个基础前端组件的第二添加指令,为每个基础前端组件添加规范信息。
每个基础前端组件都有JSON Schema约定里的规范信息,通过规范信息就可以实例化一个具体的HTML组件出来,并在前端页面上展示出来以供用户使用。也即在前端可以按照JSON Schema描述信息和规范信息自动生成相应的基础前端组件。
步骤S108,响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
可以对基础前端组件进行拆分操作和/或组合操作,实现组件的自定义,从而可以基于有限基础前端组件覆盖生成大量机器学习建模的前端组件的场景,减少开发维护成本,并有很强的扩展性。
基于此,在一些可能的实施例中,上述目标前端组件包括经拆分操作得到的原生组件;上述步骤S108包括如下过程:响应于对基础前端组件的第一选择操作,将第一选择操作对应的一个基础前端组件确定为待拆分组件;响应于对待拆分组件的拆分操作,得到多个原生组件。
在另一些可能的实施例中,上述目标前端组件包括经组合操作得到的组合组件;上述步骤S108还包括如下过程:响应于对基础前端组件的第二选择操作,将第二选择操作对应的多个基础前端组件均确定为待组合组件;响应于对各个待组合组件的组合操作,得到组合组件。
另外,在得到原生组件之后,还可以将原生组件作为基础前端组件,进而进行基础前端组件的组合操作。在此情况下,可以对多个原生组件进行组合操作,或者对至少一个原生组件和至少一个基础前端组件进行组合操作,得到组合组件。
通过拆分操作和/或组合操作可以改变前端组件的粒度,使得前端组件有不同的级别。例如:通过拆分操作,可以将输入框细分为数字输入框、文字输入框等。最细粒度的实验组件为原生的HTML标签组件(即原生组件或原生的HTML DOM元素),例如<input>和<textarea>。通过组合操作可以自定义封装业务逻辑的基于原生HTML标签组件的业务组件(组合组件包括业务组件);业务组件更上一级是针对特定机器学习子任务的组件。例如,一个数据库导入的模型组件,可以由自定义输入组件和自定义选择组件组合而成,自定义输入组件包括原生的HTML Input标签组件;自定义选择组件包括原生的HTML options标签组件等。
这样得到的目标前端组件可以Schema描述列表的形式存储在服务端,以供用户通过客户端的WEB前端使用。其中,Schema描述列表中可以包括每个目标前端组件的JSONSchema描述信息和规范信息。
本发明实施例提供的前端组件构建方法,在进行前端组件构建时,先获取至少一个已完成的建模任务,每个建模任务包括多个子任务;然后响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件;响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;该属性信息用于确定基础前端组件的类型、配置参数和元信息;最后响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。这样基于已完成的建模任务生成基础前端组件,进而通过拆分操作和/或组合操作,可以实现基于有限的基础前端组件覆盖生成大量机器学习建模的前端组件的场景,减少了开发维护成本,并有很强的扩展性。
考虑到子任务之间存在业务逻辑,组合组件中的各个基础前端组件之间存在联动逻辑,可以通过JSON Schema描述信息和规范信息,确定组合组件中的各个基础前端组件之间的联动逻辑。例如,在什么数据情况下,某个组件会有什么内容的展示。又如,在下拉框组件里选择某个值后,与它组合在一起的输入组件就只能输入特定类型的值。
基于此,上述方法还包括:根据组合组件中的各个待组合组件的JSONSchema描述信息和规范信息,确定各个待组合组件之间的联动逻辑信息;为该组合组件添加联动逻辑信息,以使前端基于该联动逻辑信息展示组合组件。
可选的,组合组件的规范信息包括每个基础前端组件的属性和每个基础前端组件上可以挂载的方法的函数签名等,该组合组件的联动逻辑信息可以包括:所有基础前端组件的函数签名,都约定第一个参数是错误对象,第二个参数是返回的数据内容。
另外,上述方法还包括:通过目标前端组件的JSON Schema描述信息和规范信息,对目标前端组件进行合法性校验。这样实现了目标前端组件合法性的自动化、工具化的校验。
为了便于理解,参见图2所示的一种前端用户界面上展示前端组件的流程示意图,通过如下过程展示上述方法得到的目标前端组件:
步骤S202,发送组件获取请求到服务端。
用户在WEB前端可以通过SDK(Software Development Kit,软件开发工具包)发送组件获取请求到服务端,该组件获取请求中可以携带有建模任务的ID(Identitydocument,标识号)。
步骤S204,接收服务端返回的前端组件的Schema描述列表。
服务端在接收到组件获取请求后,会向SDK返回前端组件的Schema描述列表。
步骤S206,根据Schema描述列表确定基础前端组件及其属性信息。
基础前端组件例如为Input和Textarea等,属性信息例如为输入字数和输入类型等。
步骤S208,根据基础前端组件的属性信息,确定当前目标前端组件的各个基础前端组件之间的联动逻辑信息。
确定好联动逻辑信息后,SDK解析完毕。
步骤S210,渲染并初始化目标前端组件。
本实施例提供的前端组件构建方法,将常见的机器学习建模任务对应到HTML页面组件,并实现机器学习建模相关的业务逻辑。这些前端组件具有独立性,也能互相组合,从而能快速实现一些常见的机器学习任务,并且提供了很好的维护性和扩展性。
对应于上述的前端组件构建方法,本发明实施例还提供了一种前端组件构建装置。参见图3所示的一种前端组件构建装置的结构示意图,该装置包括:
任务获取模块32,用于获取至少一个已完成的建模任务,每个建模任务包括多个子任务;
分类生成模块34,用于响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件;
信息添加模块36,用于响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;该属性信息用于确定基础前端组件的类型、配置参数和元信息;
拆分组合模块38,用于响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
本发明实施例提供的前端组件构建装置,在进行前端组件构建时,先获取至少一个已完成的建模任务,每个建模任务包括多个子任务;然后响应于对各个建模任务中的子任务的分类操作,得到多个任务类别,并生成与任务类别一一对应的基础前端组件;响应于针对每个基础前端组件的信息添加指令,为每个基础前端组件添加属性信息;该属性信息用于确定基础前端组件的类型、配置参数和元信息;最后响应于对各个基础前端组件的拆分操作和/或组合操作,得到目标前端组件。这样基于已完成的建模任务生成基础前端组件,进而通过拆分操作和/或组合操作,可以实现基于有限的基础前端组件覆盖生成大量机器学习建模的前端组件的场景,减少了开发维护成本,并有很强的扩展性。
进一步,上述信息添加模块36具体用于:响应于针对每个基础前端组件的第一添加指令,为每个基础前端组件添加JSON Schema描述信息;响应于针对每个基础前端组件的第二添加指令,为每个基础前端组件添加规范信息。
进一步,上述目标前端组件包括经拆分操作得到的原生组件;上述拆分组合模块38包括拆分单元,用于:响应于对基础前端组件的第一选择操作,将第一选择操作对应的一个基础前端组件确定为待拆分组件;响应于对待拆分组件的拆分操作,得到多个原生组件。
进一步,上述目标前端组件包括经组合操作得到的组合组件;上述拆分组合模块38包括与拆分单元连接的组合单元,用于:响应于对基础前端组件的第二选择操作,将第二选择操作对应的多个基础前端组件均确定为待组合组件;响应于对各个待组合组件的组合操作,得到组合组件。
进一步,上述属性信息包括JSON Schema描述信息和规范信息;上述组合单元还用于:根据组合组件中的各个待组合组件的JSON Schema描述信息和规范信息,确定各个待组合组件之间的联动逻辑信息;为该组合组件添加联动逻辑信息,以使前端基于该联动逻辑信息展示组合组件。
进一步,上述装置还包括与拆分组合模块38连接的校验模块,用于:通过目标前端组件的JSON Schema描述信息和规范信息,对目标前端组件进行合法性校验。
本实施例所提供的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。
参见图4,本发明实施例还提供一种电子设备100,包括:处理器40,存储器41,总线42和通信接口43,所述处理器40、通信接口43和存储器41通过总线42连接;处理器40用于执行存储器41中存储的可执行模块,例如计算机程序。
其中,存储器41可能包含随机存取存储器(Random Access Memory,简称RAM),也可能还包括非易失性存储器(non-volatile memory,简称NVM),例如至少一个磁盘存储器。通过至少一个通信接口43(可以是有线或者无线)实现该***网元与至少一个其他网元之间的通信连接,可以使用互联网,广域网,本地网,城域网等。
总线42可以是工业标准体系结构(Industry Standard Architecture,简称ISA)总线、外设部件互连标准(Peripheral Component Interconnect,简称PCI)总线或扩展工业标准结构(Extended Industry Standard Architecture,简称EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图4中仅用一个双向箭头表示,但并不表示仅有一根总线或一种类型的总线。
其中,存储器41用于存储程序,所述处理器40在接收到执行指令后,执行所述程序,前述本发明实施例任一实施例揭示的流程定义的装置所执行的方法可以应用于处理器40中,或者由处理器40实现。
处理器40可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器40中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器40可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital SignalProcessing,简称DSP)、专用集成电路(Application Specific Integrated Circuit,简称ASIC)、现成可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器41,处理器40读取存储器41中的信息,结合其硬件完成上述方法的步骤。
本发明实施例还提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,该计算机程序被处理器运行时执行前面方法实施例中所述的前端组件构建方法。该计算机可读存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,简称ROM)、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
附图中的流程图和框图显示了根据本发明的多个实施例的方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个***,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (10)
1.一种前端组件构建方法,其特征在于,包括:
获取至少一个已完成的建模任务,每个所述建模任务包括多个子任务;
响应于对各个所述建模任务中的子任务的分类操作,得到多个任务类别,并生成与所述任务类别一一对应的基础前端组件;
响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息;所述属性信息用于确定所述基础前端组件的类型、配置参数和元信息;
响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
2.根据权利要求1所述的前端组件构建方法,其特征在于,响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息的步骤,包括:
响应于针对每个所述基础前端组件的第一添加指令,为每个所述基础前端组件添加JSON Schema描述信息;
响应于针对每个所述基础前端组件的第二添加指令,为每个所述基础前端组件添加规范信息。
3.根据权利要求1所述的前端组件构建方法,其特征在于,所述目标前端组件包括经拆分操作得到的原生组件;响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件的步骤,包括:
响应于对所述基础前端组件的第一选择操作,将所述第一选择操作对应的一个基础前端组件确定为待拆分组件;
响应于对所述待拆分组件的拆分操作,得到多个原生组件。
4.根据权利要求1或3所述的前端组件构建方法,其特征在于,所述目标前端组件包括经组合操作得到的组合组件;响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件的步骤,包括:
响应于对所述基础前端组件的第二选择操作,将所述第二选择操作对应的多个基础前端组件均确定为待组合组件;
响应于对各个所述待组合组件的组合操作,得到组合组件。
5.根据权利要求4所述的前端组件构建方法,其特征在于,所述属性信息包括JSONSchema描述信息和规范信息;响应于对各个所述待组合组件的组合操作,得到组合组件之后,所述方法还包括:
根据所述组合组件中的各个所述待组合组件的JSON Schema描述信息和规范信息,确定各个所述待组合组件之间的联动逻辑信息;
为所述组合组件添加所述联动逻辑信息,以使前端基于所述联动逻辑信息展示所述组合组件。
6.一种前端组件构建装置,其特征在于,包括:
任务获取模块,用于获取至少一个已完成的建模任务,每个所述建模任务包括多个子任务;
分类生成模块,用于响应于对各个所述建模任务中的子任务的分类操作,得到多个任务类别,并生成与所述任务类别一一对应的基础前端组件;
信息添加模块,用于响应于针对每个所述基础前端组件的信息添加指令,为每个所述基础前端组件添加属性信息;所述属性信息用于确定所述基础前端组件的类型、配置参数和元信息;
拆分组合模块,用于响应于对各个所述基础前端组件的拆分操作和/或组合操作,得到目标前端组件。
7.根据权利要求6所述的前端组件构建装置,其特征在于,所述信息添加模块具体用于:
响应于针对每个所述基础前端组件的第一添加指令,为每个所述基础前端组件添加JSON Schema描述信息;
响应于针对每个所述基础前端组件的第二添加指令,为每个所述基础前端组件添加规范信息。
8.根据权利要求6所述的前端组件构建装置,其特征在于,所述目标前端组件包括经拆分操作得到的原生组件;所述拆分组合模块包括拆分单元,用于:
响应于对所述基础前端组件的第一选择操作,将所述第一选择操作对应的一个基础前端组件确定为待拆分组件;
响应于对所述待拆分组件的拆分操作,得到多个原生组件。
9.一种电子设备,包括存储器、处理器,所述存储器中存储有可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1-5中任一项所述的方法。
10.一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,其特征在于,所述计算机程序被处理器运行时执行权利要求1-5中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110344314.3A CN113076094A (zh) | 2021-03-30 | 2021-03-30 | 前端组件构建方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110344314.3A CN113076094A (zh) | 2021-03-30 | 2021-03-30 | 前端组件构建方法、装置及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113076094A true CN113076094A (zh) | 2021-07-06 |
Family
ID=76611771
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110344314.3A Pending CN113076094A (zh) | 2021-03-30 | 2021-03-30 | 前端组件构建方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113076094A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202541A (zh) * | 2022-07-18 | 2022-10-18 | 阿里巴巴(中国)有限公司 | 页面生成方法、装置、设备、存储介质及程序产品 |
CN115291763A (zh) * | 2022-08-26 | 2022-11-04 | 北京达佳互联信息技术有限公司 | 组件成分的展示方法、装置、电子设备及存储介质 |
-
2021
- 2021-03-30 CN CN202110344314.3A patent/CN113076094A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115202541A (zh) * | 2022-07-18 | 2022-10-18 | 阿里巴巴(中国)有限公司 | 页面生成方法、装置、设备、存储介质及程序产品 |
CN115202541B (zh) * | 2022-07-18 | 2024-05-10 | 阿里巴巴(中国)有限公司 | 页面生成方法、装置、设备、存储介质及程序产品 |
CN115291763A (zh) * | 2022-08-26 | 2022-11-04 | 北京达佳互联信息技术有限公司 | 组件成分的展示方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108415832B (zh) | 接口自动化测试方法、装置、设备及存储介质 | |
CN107798001B (zh) | 网页处理方法、装置及设备 | |
CN113076094A (zh) | 前端组件构建方法、装置及电子设备 | |
CN105426759A (zh) | Url的合法性识别方法及装置 | |
CN110795305B (zh) | 用于处理和管理web流量数据的***、装置和方法 | |
CN111858727A (zh) | 一种基于模板配置的多数据源数据导出***及方法 | |
CN114594927A (zh) | 低代码开发方法、装置、***、服务器及存储介质 | |
CN113050921A (zh) | 一种网页转换方法、装置、存储介质和计算机设备 | |
CN117472372B (zh) | 一种响应式表单搭建方法及*** | |
CN111125605B (zh) | 页面元素获取方法和装置 | |
CN113360139A (zh) | 前端框架的集成方法、装置、电子设备及存储介质 | |
CN112965711A (zh) | 作业测试方法和装置、电子设备和存储介质 | |
CN111857781B (zh) | 资源更新方法及相关设备 | |
CN112947900B (zh) | web应用开发方法、装置、服务器及开发终端 | |
CN107818073B (zh) | 一种动态表单页面自动转换为html5页面的方法及*** | |
CN112882707B (zh) | 一种渲染方法、装置、存储介质及电子设备 | |
CN112528189B (zh) | 基于数据的组件封装方法、装置、计算机设备及存储介质 | |
CN112487771B (zh) | 报表生成方法、报表生成装置及终端 | |
CN109783134B (zh) | 前端页面配置方法、装置及电子设备 | |
JP2017151594A (ja) | 支援装置、支援方法及びプログラム | |
CN111782479A (zh) | 日志处理方法、装置、电子设备及计算机可读存储介质 | |
CN111178030B (zh) | 信息处理方法、装置、计算机可读存储介质及电子设备 | |
CN115098090B (zh) | 表单生成方法及装置 | |
US11960560B1 (en) | Methods for analyzing recurring accessibility issues with dynamic web site behavior and devices thereof | |
CN112487022B (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 |