CN116450124A - 一种前端组件生成方法、装置、电子设备及存储介质 - Google Patents
一种前端组件生成方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116450124A CN116450124A CN202310453165.3A CN202310453165A CN116450124A CN 116450124 A CN116450124 A CN 116450124A CN 202310453165 A CN202310453165 A CN 202310453165A CN 116450124 A CN116450124 A CN 116450124A
- Authority
- CN
- China
- Prior art keywords
- end component
- target
- component
- candidate
- user
- 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
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000003860 storage Methods 0.000 title claims abstract description 25
- 238000005516 engineering process Methods 0.000 claims description 7
- 238000012545 processing Methods 0.000 description 16
- 238000010586 diagram Methods 0.000 description 12
- 238000004590 computer program Methods 0.000 description 11
- 230000003993 interaction Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 230000008859 change Effects 0.000 description 5
- 238000007726 management method Methods 0.000 description 5
- 238000013528 artificial neural network Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 239000002131 composite material Substances 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000010926 purge Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000013527 convolutional neural network Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 239000010977 jade Substances 0.000 description 2
- 238000009825 accumulation Methods 0.000 description 1
- 230000003042 antagnostic effect Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000010267 cellular communication Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000004321 preservation Methods 0.000 description 1
- 230000000306 recurrent effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000007 visual effect Effects 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/36—Software reuse
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种前端组件生成方法、装置、电子设备及存储介质,其中,该方法包括:建立前端组件库,其中,前端组件库包括至少一个前端组件;获取用户从至少一个前端组件中选择的候选前端组件;获取用户设定的候选前端组件的目标配置参数;基于目标配置参数及候选前端组件,生成目标前端组件。
Description
技术领域
本发明涉及计算机领域,尤其涉及一种前端组件生成方法、装置、电子设备及存储介质。
背景技术
组件是对数据和方法简单的封装,组件拥有自己的属性和方法。属性是组件数据的简单访问,方法是组件简单可见的功能。前端组件,就是组成页面内容的零件,它是HTML结构和CSS样式的综合体。
在不同平台或项目研发开发过程中,经常会积累的大量前端组件,研发人员没有有效途径了解其他研发人员已开发的可复用组件,由于信息差极有可能出现重复造轮子的现象。并且,在不同的业务场景中,前端组件会存在一些细微的差异性,可以通过设置不同的配置参数展现不同的组件形态与交互形式,相关技术中,研发人员通过复制某一前端组件的源代码并对其源代码进行修改,以更改该前端组件的组件形态与交互形式,实现前端组件的复用,操作流程复杂,且效率较低。
发明内容
有鉴于此,本发明实施例提供了一种前端组件生成方法、装置、电子设备及存储介质,以解决前端组件复用率低、复用流程复杂、复用效率低的问题。
根据本发明的一方面,提供了一种前端组件生成方法,包括:建立前端组件库,其中,所述前端组件库包括至少一个前端组件;获取用户从所述至少一个前端组件中选择的候选前端组件;获取所述用户设定的所述候选前端组件的目标配置参数;基于所述目标配置参数及所述候选前端组件,生成目标前端组件。
根据本发明的另一方面,提供了一种前端组件生成装置,包括:组件库建立模块,用于建立前端组件库,其中,所述前端组件库包括至少一个前端组件;组件获取模块,用于获取用户选择的所述前端组件库中的候选前端组件;参数获取模块,用于获取用户设定的所述候选前端组件的目标配置参数;组件生成模块,用于基于所述目标配置参数及所述候选前端组件,生成目标前端组件。
根据本发明的另一方面,提供了一种电子设备,包括:处理器;以及存储程序的存储器,其中,所述程序包括指令,所述指令在由所述处理器执行时使所述处理器执行根据前端组件生成方法。
根据本发明的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使计算机执行前端组件生成方法。
本申请实施例中提供的一个或多个技术方案,预先建立前端组件库,预先存储可被复用的至少一个前端组件的数据库,当用户需要复用某个前端组件时,可以先在组件数据库中查找是否存在所需的前端组件,当组件数据库中查找存在所需的前端组件时,从前端组件库获取候选前端组件,根据用户发送候选前端组件的目标配置参数,自动生成目标前端组件,尽可能避免用户重复编写前端组件,提高前端组件的复用率,且在复用前端组件的过程中,无需用户复制某一前端组件的源代码并对其源代码进行修改,提前了前端组件的复用效率。
附图说明
在下面结合附图对于示例性实施例的描述中,本发明的更多细节、特征和优点被公开,在附图中:
图1是根据本说明书一些实施例所示的前端组件生成方法的应用场景示意图;
图2是根据本说明书一些实施例所示的云虚拟主机服务器管理装置的示意性框图;
图3是根据本说明书一些实施例所示的用户与云虚拟主机服务器管理装置的交互图;
图4是根据本说明书一些实施例所示的云虚拟主机服务器管理方法的示意性流程图;
图5是根据本说明书一些实施例所示的生成目标前端组件的示意性流程图;
图6示出了能够用于实现本发明的实施例的示例性电子设备的结构框图。
具体实施方式
下面将参照附图更详细地描述本发明的实施例。虽然附图中显示了本发明的某些实施例,然而应当理解的是,本发明可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本发明。应当理解的是,本发明的附图及实施例仅用于示例性作用,并非用于限制本发明的保护范围。
应当理解,本发明的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本发明的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意,本发明中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本发明中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本发明实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
以下参照附图描述本发明的方案。
图1是根据本说明书一些实施例所示的前端组件生成方法的应用场景示意图。如图1所示,在一些实施例中,应用场景100可以包括处理设备110、网络120、用户终端130及存储设备140。应用场景100可以通过实施本说明书中披露的方法和/或过程自动生成前端组件。
处理设备110可以用于处理来自应用场景100的至少一个组件或外部数据源(例如,云数据中心)的数据。例如,处理设备110可以建立前端组件库,其中,前端组件库包括至少一个前端组件,获取用户从至少一个前端组件中选择的候选前端组件,获取用户设定的候选前端组件的目标配置参数;基于目标配置参数及候选前端组件,生成目标前端组件。在一些实施例中,处理设备110可以是单个服务器或服务器组。处理设备110可以是本地的、远程的。
网络120可以包括提供能够促进应用场景100的信息和/或数据交换的任何合适的网络。在一些实施例中,应用场景100的一个或多个组件(例如,处理设备110、用户终端130和/或存储设备140)之间可以通过网络120交换信息和/或数据。
在一些实施例中,网络120可以是有线网络或无线网络中的任意一种或多种。在一些实施例中,网络120可以包括一个或以上网络接入点。例如,网络120可以包括有线或无线网络接入点,例如,基站和/或网络交换点,通过这些网络接入点,应用场景100的一个或多个组件可连接到网络120以交换数据和/或信息。
用户终端130指用户(例如,研发人员等)所使用的一个或多个终端或软件。在一些实施例中,用户终端130可以包含但不限于智能电话、平板电脑、膝上型计算机、台式计算机等。在一些实施例中,用户终端130可以通过网络120与应用场景100中的其他组件交互。例如,用户终端130可以向处理设备110发送一个或多个控制指令,处理设备110可以根据该控制指令确定用户从至少一个前端组件中选择的候选前端组件。又例如,用户终端130可以向处理设备110发送候选前端组件的目标配置参数。
存储设备140可以用于存储数据、指令和/或任何其他信息。在一些实施例中,存储设备140可以存储从用户终端130和/或存储设备140等获得的数据和/或信息。例如,存储设备140可以存储前端组件库。在一些实施例中,存储设备140可包括大容量存储器、可移除存储器等或其任意组合。
应当注意应用场景100仅仅是为了说明的目的而提供的,并不意图限制本说明书的范围。对于本领域的普通技术人员来说,可以根据本说明书的描述,做出多种修改或变化。例如,应用场景100还可以包括一个或多个其他组件,或一个或多个上文所述的组件可以省略。然而,这些变化和修改不会背离本说明书的范围。
图2是根据本说明书一些实施例所示的云虚拟主机服务器管理装置的示意性框图。如图2所示,前端组件生成装置200可以包括组件库建立模块210、组件获取模块220、参数获取模块230及组件生成模块240。
组件库建立模块210可以用于建立前端组件库,其中,前端组件库包括至少一个前端组件。
组件获取模块220可以用于获取用户选择的前端组件库中的候选前端组件。
参数获取模块230可以用于获取用户设定的候选前端组件的目标配置参数。
组件生成模块240可以用于基于目标配置参数及候选前端组件,生成目标前端组件。
在一些实施例中,组件生成模块240可以基于目标配置参数对候选前端组件中的变量进行修改,生成目标前端组件。
在一些实施例中,组件生成模块240可以获取候选前端组件的当前配置参数,根据目标配置参数及候选前端组件的当前配置参数,进行模板编译,生成目标前端组件。
在一些实施例中,组件生成模块240可以根据候选前端组件及目标配置参数,生成前端组件预览画面;将前端组件预览画面发送至用户的用户终端;接收用户的导出申请;基于用户的导出申请,根据目标配置参数及候选前端组件,生成目标前端组件。
在一些实施例中,组件库建立模块210还可以用于基于目标前端组件,更新前端组件库。
在一些实施例中,前端组件生成装置200还可以包括文件导出模块250,文件导出模块250可以用于基于目标前端组件生成目标压缩文件;通过流媒体技术将目标压缩文件发送至用户的用户终端。
在一些实施例中,文件导出模块250还可以用于定期清除保存的目标压缩文件。
在一些实施例中,用户可以与前端组件生成装置200进行交互,以获取所需的目标前端组件。图3是根据本说明书一些实施例所示的用户与云虚拟主机服务器管理装置的交互图,如图3所示,用户可以先访问组件库建立模块210建立的前端组件库,从前端组件库中选择候选前端组件,组件获取模块220可以获取用户选择的前端组件库中的候选前端组件,用户可以输入候选前端组件的目标配置参数,参数获取模块230可以获取用户设定的候选前端组件的目标配置参数,组件生成模块240可以根据候选前端组件及目标配置参数,生成前端组件预览画面,并将前端组件预览画面发送至用户的用户终端;确定生成目标前端组件时,用户可以发导出申请,组件生成模块240可以接收用户的导出申请,基于用户的导出申请,根据目标配置参数及候选前端组件,生成目标前端组件,文件导出模块250可以基于目标前端组件生成目标压缩文件,并将目标压缩文件发送至用户。
关于前端组件生成装置200的更多描述可以参见图4、图5及其相关描述,此处不再赘述。
需要注意的是,以上对于前端组件生成装置200及其模块的描述,仅为描述方便,并不能把本说明书限制在所举实施例范围之内。可以理解,对于本领域的技术人员来说,在了解该***的原理后,可能在不背离这一原理的情况下,对各个模块进行任意组合,或者构成子***与其他模块连接。在一些实施例中,图2中披露的组件库建立模块210、组件获取模块220、参数获取模块230、组件生成模块240及文件导出模块250可以是一个***中的不同模块,也可以是一个模块实现上述的两个或两个以上模块的功能。例如,各个模块可以共用一个存储模块,各个模块也可以分别具有各自的存储模块。诸如此类的变形,均在本说明书的保护范围之内。
图4是根据本说明书一些实施例所示的前端组件生成方法400的示例性流程图。在一些实施例中,前端组件生成方法400可以由处理设备110或前端组件生成装置200执行。如图4所示,前端组件生成方法400包括下述步骤。
步骤410,建立前端组件库。在一些实施例中,步骤410可以由组件库建立模块210执行。
前端组件库可以为用于存储至少一个前端组件的数据库。前端组件是组成页面内容的零件,它是HTML结构和CSS样式的数据展示综合体。
在一些实施例中,前端组件库可以存储有多种类型的前端组件。例如,前端组件库可以存储有基础组件、普通组件、复合组件、扩展组件等。
基础组件可以包括常规的公共组件,例如:弹出框、下拉框、单(复)选框、工具提示、按钮、表格、表单、消息提示、图片播放、导航菜单、选项卡、右键菜单、树形菜单等组件。
普通组件可以包括除了基础组件外的其他公共的、相对独立的HTML元素集合和CSS样式的数据展示综合体。例如:产品列表、图标、新闻列表、文章、头部、底部、logo、广告等。
复合组件可以由基础组件、普通组件中的至少一个或任意组合而成。
扩展组件可以由基础组件、普通组件或复合组件扩展而成。
在一些实施例中,组件库建立模块210可以从用户终端130和/或外部数据源获取至少一个前端组件。例如,用户可以通过用户终端130编写符合规范的前端组件,发送至组件库建立模块210。其中,规范可以包括交互设计规范,例如,页面规范、信息规范等,其中,页面规范可以包括页面的静态信息应该遵循的规则等,信息规范可以用于规定在交互过程中交互的方式及其信息提示。仅作为示例,用户可以通过用户终端130基于vue脚手架(vue-cli(Command-Line Interface))编写符合规范的前端组件,发送至组件库建立模块210。
步骤420,获取用户从至少一个前端组件中选择的候选前端组件。在一些实施例中,步骤420可以由组件获取模块220执行。
候选前端组件可以为用户从至少一个前端组件中选择的前端组件。
在一些实施例中,组件获取模块220可以通过多种方式获取用户从至少一个前端组件中选择的候选前端组件。例如,组件获取模块220可以从用户终端130获取至少一个候选前端组件的信息(例如,ID等),根据至少一个候选前端组件的信息从前端组件库中查找候选前端组件。又例如,组件获取模块220可以在用户终端130展示所有前端组件的图像,需要选择某个前端组件作为候选前端组件时,用户可以通过用户终端130点击该前端组件的图像,即选中该前端组件为候选前端组件,点击行为发生后,组件获取模块220可以从前端组件库中获取被点击的图像对应的前端组件作为候选前端组件。
步骤430,获取用户设定的候选前端组件的目标配置参数。在一些实施例中,步骤430可以由参数获取模块230执行。
目标配置参数可以为目标前端组件的配置参数。前端组件的配置参数可以为与前端组件的组件形态与交互形式相关的参数,在前端组件的源代码中以变量的形式存在。当某个前端组件的配置参数发生改变后,该前端组件的组件形态和/或交互形式发生改变。在一些实施例中,前端组件的配置参数可以至少包括布局配置参数、属性配置参数、页面效果配置参数等,其中,布局配置参数可以包括配置页面中组件区域的位置、各组件区域的大小、组件区域的形状等数据,属性配置参数可以包括宽、高、颜色、样式属性等,页面效果配置参数可以用于改变组件的渲染效果。
在一些实施例中,用户可以使用用户终端130输入目标配置参数,参数获取模块230可以从用户终端130获取用户上传的目标配置参数。
步骤440,基于目标配置参数及候选前端组件,生成目标前端组件。在一些实施例中,步骤440可以由组件生成模块240执行。
在一些实施例中,组件生成模块240可以通过任意方式基于目标配置参数及候选前端组件,生成目标前端组件。例如,组件生成模块240可以通过代码生成模型根据目标配置参数及候选前端组件生成目标前端组件的代码。具体的,组件生成模块240可以预先训练有代码生成模型,其中,代码生成模型中包括多个代码生成单元,代码生成单元可以与编成语言的种类相关,例如,多个代码生成单元可以包括但不限于HTML代码生成单元、Angela代码生成单元、VUE代码生成单元和Bootstrap代码生成单元。组件生成模块240可以根据候选前端组件调用对应的代码生成单元,并将目标配置参数及候选前端组件的源代码输入至该代码生成单元,该代码生成单元输出目标前端组件的代码。例如,当候选前端组件由VUE编写而成时,组件生成模块240可以调用VUE代码生成单元根据目标配置参数及候选前端组件的源代码,生成目标前端组件的代码。在一些实施例中,代码生成模型可以为卷积神经网络(CNN)、深度神经网络(DNN)、循环神经网络(RNN)、多层神经网络(MLP)、生成对抗神经网络(GAN)等一种或其任意组合。
在一些实施例中,组件生成模块240可以基于目标配置参数对候选前端组件中的变量进行修改,生成目标前端组件。例如,组件生成模块240可以基于目标配置参数,对候选前端组件的源代码中的对应的变量的值进行修改,从而生成目标前端组件。仅作为示例,组件生成模块240可以保存目标配置参数,并确定每个目标配置参数的内存地址,对于每个目标配置参数,组件生成模块240可以将候选前端组件的源代码中该目标配置参数对应的变量指向的内存地址,更改为该目标配置参数的内存地址。
在一些实施例中,通过基于目标配置参数,只需要对候选前端组件的源代码中的变量进行修改,即可生成目标前端组件,提高了生成目标前端组件的准确度及效率。
在一些实施例中,组件生成模块240可以获取候选前端组件的当前配置参数;根据目标配置参数及候选前端组件的当前配置参数,进行模板编译,生成目标前端组件。其中,组件生成模块240可以通过模板引擎,根据目标配置参数及候选前端组件的当前配置参数,进行模板编译。例如,组件生成模块240可以通过EJS(Embedded JavaScript)模板引擎,根据目标配置参数及候选前端组件的当前配置参数,进行EJS模板编译。又例如,组件生成模块240可以通过Jade模板引擎,根据目标配置参数及候选前端组件的当前配置参数,进行Jade模板编译。
仅作为示例,组件生成模块240可以根据候选前端组件,确定对应的EJS模板,通过Node.js读取目标配置参数及候选前端组件的当前配置参数,格式化目标配置参数及候选前端组件的当前配置参数,调用EJS模板引擎提供的应用程序接口(ApplicationProgramming Interface,API),传入格式化后的目标配置参数及候选前端组件的当前配置参数生成HTML文件,再使用代码格式化工具(例如,Prettier等),输出格式化后代码,最后通过Node.js的文件***模块,最终生成目标前端组件。
在一些实施例中,根据目标配置参数及候选前端组件的当前配置参数,进行模板编译,可以实现对目标前端组件的自动生成。
在一些实施例中,前端组件生成方法400预先建立前端组件库,预先存储可被复用的至少一个前端组件的数据库,当用户需要复用某个前端组件时,可以先在组件数据库中查找是否存在所需的前端组件,当组件数据库中查找存在所需的前端组件时,从前端组件库获取候选前端组件,根据用户发送候选前端组件的目标配置参数,自动生成目标前端组件,尽可能避免用户重复编写前端组件,提高前端组件的复用率,且在复用前端组件的过程中,无需用户复制某一前端组件的源代码并对其源代码进行修改,提前了前端组件的复用效率。
在一些实施例中,组件生成模块240可以根据候选前端组件及目标配置参数,生成前端组件预览画面;将前端组件预览画面发送至用户的用户终端;接收用户的导出申请;基于用户的导出申请,根据目标配置参数及候选前端组件,生成目标前端组件。
在一些实施例中,用户可以根据当前的前端组件预览画面,判断根据当前的目标配置参数生成的前端组件是否符合需求,当用户根据当前的前端组件预览画面判断生成的前端组件不符合需求时,用户可以再次发送目标配置组件,组件生成模块240可以根据用户再次发送的目标配置参数,更新前端组件预览画面,直至用户根据更新后的前端组件预览画面,判断生成的前端组件符合需求时,用户可以向组件生成模块240发出导出申请。
在一些实施例中,通过生成前端组件预览画面,用户可以预先判断生成的前端组件是否符合需求,避免无效的目标前端组件的生成,使得最终生成的目标前端组件尽可能符合用户的实际需求。
在一些实施例中,组件生成模块240生成目标前端组件后,文件导出模块250可以基于目标前端组件生成目标压缩文件;通过流媒体技术将目标压缩文件发送至用户的用户终端。例如,文件导出模块250可以将目标前端组件压缩为zip文件,通过流媒体技术将zip文件发送至用户的用户终端。
在一些实施例中,通过流媒体技术将zip文件发送至用户终端,实现将目标前端组件发送至用户,由于不需要将全部数据下载,因此,用户的等待时间可以大大缩短;由于流文件往往小于原始文件的数据量,并且用户也不需要将全部流文件下载到硬盘,从而节省了大量的磁盘空间。
在一些实施例中,文件导出模块250可以定期清除保存的目标压缩文件。例如,文件导出模块250可以定期(例如,一星期一次、一个月一次等)清理保存时间超过保存时间阈值(例如,10天、一个月等)的目标压缩文件。
在一些实施例中,通过定期清除保存的目标压缩文件,避免无效文件(例如,保存时间超过保存时间阈值的目标压缩文件)堆积,释放计算机资源。
在一些实施例中,组件库建立模块210基于目标前端组件,更新前端组件库。例如,组件库建立模块210可以将目标前端组件保存至前端组件库。又例如,组件库建立模块210可以使用目标前端组件替换前端组件库中的候选前端组件。
在一些实施例中,基于目标前端组件,更新前端组件库,可以使得目标前端组件也可以被复用。
应当注意的是,上述有关前端组件生成方法400的描述仅仅是为了示例和说明,而不限定本说明书的适用范围。对于本领域技术人员来说,在本说明书的指导下可以对前端组件生成方法400进行各种修正和改变。然而,这些修正和改变仍在本说明书的范围之内。
图5是根据本说明书一些实施例所示的生成目标前端组件的示意性流程图,如图5所示,在一些实施例中,生成目标前端组件可以包括以下流程:
构建VUE前端组件库;
用户从VUE前端组件库中的至少一个前端组件中选择的候选前端组件;
用户选择修改候选前端组件配置参数;
用户输入目标配置参数;
Node服务进行参数保存;
Node服务从VUE前端组件库中拉取候选前端组件,根据目标配置参数及候选前端组件的当前配置参数,进行ESJ模板编译;
将编译结果进行压缩,生成目标压缩文件,通过流媒体技术将目标压缩文件发送至用户的用户终端;
开启定时任务,定期清除保存的目标压缩文件。
本发明示例性实施例还提供一种电子设备,包括:至少一个处理器;以及与至少一个处理器通信连接的存储器。所述存储器存储有能够被所述至少一个处理器执行的计算机程序,所述计算机程序在被所述至少一个处理器执行时用于使所述电子设备执行根据本发明实施例的方法。
本发明示例性实施例还提供一种存储有计算机程序的非瞬时计算机可读存储介质,其中,所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本发明实施例的方法。
本发明示例性实施例还提供一种计算机程序产品,包括计算机程序,其中,所述计算机程序在被计算机的处理器执行时用于使所述计算机执行根据本发明实施例的方法。
参考图6,现将描述可以作为本发明的服务器或客户端的电子设备600的结构框图,其是可以应用于本发明的各方面的硬件设备的示例。电子设备旨在表示各种形式的数字电子的计算机设备,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图6所示,电子设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序,来执行各种适当的动作和处理。在RAM 603中,还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
电子设备600中的多个部件连接至I/O接口605,包括:输入单元606、输出单元607、存储单元608以及通信单元609。输入单元606可以是能向电子设备600输入信息的任何类型的设备,输入单元606可以接收输入的数字或字符信息,以及产生与电子设备的用户设置和/或功能控制有关的键信号输入。输出单元607可以是能呈现信息的任何类型的设备,并且可以包括但不限于显示器、扬声器、视频/音频输出终端、振动器和/或打印机。存储单元604可以包括但不限于磁盘、光盘。通信单元609允许电子设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据,并且可以包括但不限于调制解调器、网卡、红外通信设备、无线通信收发机和/或芯片组,例如蓝牙TM设备、WiFi设备、WiMax设备、蜂窝通信设备和/或类似物。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理。例如,在一些实施例中,前端组件生成方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到电子设备600上。在一些实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行前端组件生成方法。
用于实施本发明的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
如本发明使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的***和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的***和技术实施在包括后台部件的计算***(例如,作为数据服务器)、或者包括中间件部件的计算***(例如,应用服务器)、或者包括前端部件的计算***(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将***的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机***可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
Claims (10)
1.一种前端组件生成方法,包括:
建立前端组件库,其中,所述前端组件库包括至少一个前端组件;
获取用户从所述至少一个前端组件中选择的候选前端组件;
获取所述用户设定的所述候选前端组件的目标配置参数;
基于所述目标配置参数及所述候选前端组件,生成目标前端组件。
2.根据权利要求1所述的前端组件生成方法,其中,所述基于所述目标配置参数及所述候选前端组件,生成目标前端组件,包括:
基于所述目标配置参数对所述候选前端组件中的变量进行修改,生成所述目标前端组件。
3.根据权利要求2所述的前端组件生成方法,其中,所述基于所述目标配置参数及所述候选前端组件,生成目标前端组件,包括:
获取所述候选前端组件的当前配置参数;
根据所述目标配置参数及所述候选前端组件的当前配置参数,进行模板编译,生成所述目标前端组件。
4.根据权利要求1所述的前端组件生成方法,其中,基于所述目标配置参数及所述候选前端组件,生成目标前端组件,包括:
根据所述候选前端组件及所述目标配置参数,生成前端组件预览画面;
将所述前端组件预览画面发送至所述用户的用户终端;
接收所述用户的导出申请;
基于所述用户的导出申请,根据所述目标配置参数及所述候选前端组件,生成所述目标前端组件。
5.根据权利要求1-4任意一项所述的前端组件生成方法,还包括:
基于所述目标前端组件生成目标压缩文件;
通过流媒体技术将所述目标压缩文件发送至所述用户的用户终端。
6.根据权利要求5所述的前端组件生成方法,还包括:
定期清除保存的所述目标压缩文件。
7.根据权利要求1-4任意一项所述的前端组件生成方法,还包括:
基于所述目标前端组件,更新所述前端组件库。
8.一种前端组件生成装置,包括:
组件库建立模块,用于建立前端组件库,其中,所述前端组件库包括至少一个前端组件;
组件获取模块,用于获取用户选择的所述前端组件库中的候选前端组件;
参数获取模块,用于获取用户设定的所述候选前端组件的目标配置参数;
组件生成模块,用于基于所述目标配置参数及所述候选前端组件,生成目标前端组件。
9.一种电子设备,包括:
处理器;以及
存储程序的存储器,
其中,所述程序包括指令,所述指令在由所述处理器执行时使所述处理器执行根据权利要求1-7中任一项所述的方法。
10.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使计算机执行根据权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310453165.3A CN116450124A (zh) | 2023-04-25 | 2023-04-25 | 一种前端组件生成方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310453165.3A CN116450124A (zh) | 2023-04-25 | 2023-04-25 | 一种前端组件生成方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116450124A true CN116450124A (zh) | 2023-07-18 |
Family
ID=87133520
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310453165.3A Pending CN116450124A (zh) | 2023-04-25 | 2023-04-25 | 一种前端组件生成方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116450124A (zh) |
-
2023
- 2023-04-25 CN CN202310453165.3A patent/CN116450124A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110046021B (zh) | 一种页面显示方法、装置、***、设备和存储介质 | |
WO2020119485A1 (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN110704136A (zh) | 小程序组件的渲染方法、客户端、电子设备及存储介质 | |
CN112102448B (zh) | 虚拟对象图像显示方法、装置、电子设备和存储介质 | |
WO2021169236A1 (zh) | 渲染的方法、装置 | |
WO2020220773A1 (zh) | 图片预览信息的显示方法、装置、电子设备及计算机可读存储介质 | |
CN114972594B (zh) | 一种用于元宇宙的数据处理方法、装置、设备及介质 | |
CN112925520A (zh) | 可视化页面的搭建方法、装置及计算机设备 | |
CN111225232A (zh) | 基于视频的贴纸动画引擎、实现方法、服务器和介质 | |
CN112843680A (zh) | 画面显示方法、装置、终端设备及存储介质 | |
CN111125057A (zh) | 一种业务请求的处理方法、装置及计算机*** | |
CN114071190B (zh) | 云应用视频流处理方法、相关装置及计算机程序产品 | |
CN112015468A (zh) | 一种接口文档处理方法、装置、电子设备以及存储介质 | |
CN113655895B (zh) | 应用于输入法的信息推荐方法、装置及电子设备 | |
CN114398023A (zh) | 生成文件的方法、配置页面的方法和装置 | |
CN113656533A (zh) | 一种树形控件处理方法、装置及电子设备 | |
WO2023169193A1 (zh) | 用于生成智能合约的方法和装置 | |
CN116866661A (zh) | 一种视频预渲染方法、装置、设备及存储介质 | |
CN115731319A (zh) | 图形绘制方法、装置、设备及存储介质 | |
CN116775174A (zh) | 一种基于用户界面框架的处理方法、装置、设备及介质 | |
CN116450124A (zh) | 一种前端组件生成方法、装置、电子设备及存储介质 | |
CN115359145A (zh) | 流程图元的绘制方法、装置、存储介质及计算机设备 | |
CN114489639A (zh) | 文件生成方法、装置、设备及存储介质 | |
CN114371838A (zh) | 一种小程序画布渲染方法、装置、设备及存储介质 | |
CN110825390A (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 |