本技术涉及计算机,尤其涉及一种组件开发方法、装置、设备及存储介质。
背景技术:
1、低代码是一种可视化软件开发方法,可在所需手动编码最少的情况下更快交付应用程序。低代码平台的图形用户界面和拖放功能可实现开发流程各个方面的自动化,摆脱对传统计算机编程方法的依赖。
2、现存的低代码平台组件存在提供的种类有限,不能满足各类定制化问题,因此需要开发自定义组件。现存的低代码自定义组件开发方式为:新建自定义组件文件夹编写逻辑代码,定义对外暴露的props、在根目录对自定义组件进行注册,运行npm run lowcode:dev命令,在根目录/lowcode目录下自动生成组件的描述文件meta.ts,程序员可对描述文件meta.ts内容进行确认和修改。
3、然而,现存的低代码平台自定义组件开发方法会造成自定义组件代码不方便维护问题。
技术实现思路
1、本技术提供一种组件开发方法、装置、设备及存储介质,用以解决自定义组件代码不方便维护问题。
2、第一方面,本技术提供一种组件开发方法,包括:
3、响应于用户对自定义组件模板的输入操作,得到配置代码,自定义组件模板包括设计界面模板、预览效果模板、元数据定义模板、显示缩略图模板、定义样式模板中的一种模板;
4、对配置代码进行打包处理,得到自定义组件物料包,自定义组件物料包括自定义组件物料、以及用于加载自定义组件物料的资源文件信息;
5、响应于用户针对低代码平台中上传界面的上传操作,将自定义组件物料包上传至低代码平台;
6、低代码平台根据自定义组件物料包中用于加载自定义组件物料的资源文件信息,确定自定义组件物料的url;
7、将自定义组件物料的url存储至目标数据库,以在用户登录低代码平台进行组件开发时,根据目标数据库中存储的url,从文件服务器中获取自定义组件物料。
8、其中,在本技术中,在响应于用户对自定义组件模板的输入操作,得到配置代码之前,方法还包括:
9、显示自定义组件界面,自定义组件界面包括模板选择区域,模板选择区域包括设计界面模板区域、预览效果模板区域、元数据定义模板区域、显示缩略图模板区域、定义样式模板区域中的一种模板区域;
10、响应于用户对显示自定义组件界面中模板选择区域的选择操作,确定目标模板选择区域;
11、根据目标模板选择区域,显示与目标模板选择区域对应的自定义组件模板,其中,自定义组件模板包括代码属性、以及与代码属性对应的配置选项。
12、其中,在本技术中,对配置代码进行打包处理,得到自定义组件物料包,包括:
13、确定eslint配置信息;
14、根据eslint配置信息,对配置代码进行维护处理,得到维护结果;
15、根据维护结果,对配置代码进行打包处理,得到自定义组件物料包。
16、其中,在本技术中,对配置代码进行打包处理,得到自定义组件物料包,包括:
17、对配置代码进行打包处理,得到自定义组件物料和资源文件信息,其中,自定义组件物料包括自定义组件的版本号文件、编辑态javascript文件、编辑态组件样式文件、元数据文件、预览态样式文件、预览态javascript文件;
18、根据自定义组件物料和资源文件信息,得到自定义组件物料包。
19、其中,在本技术中,响应于用户针对低代码平台中上传界面的上传操作,将自定义组件物料包上传至低代码平台,包括:
20、在低代码平台中显示上传界面,上传界面包括上传区域和确定上传区域;
21、响应于对上传区域的上传操作,确定自定义组件物料包;
22、响应于对确定上传区域的确定操作,将自定义组件物料包上传至低代码平台。
23、其中,在本技术中,上传界面还包括组件名称区域和组件描述区域;响应于对确定上传区域的确定操作,将自定义组件物料包上传至低代码平台,包括:
24、响应于对组件名称区域的输入操作,确定自定义组件物料包的名称;
25、响应于对组件描述区域的输入操作,确定自定义组件物料包的描述信息;
26、将自定义组件物料包的名称、以及自定义组件物料包的描述信息作为基本信息存入自定义组件物料包;
27、响应于对确定上传区域的确定操作,将存入基本信息的自定义组件物料包上传至低代码平台,以在用户登录低代码平台进行组件开发的自定义组件选择时,展示自定义组件物料包的基本信息。
28、其中,在本技术中,在响应于用户针对低代码平台中上传界面的上传操作,将自定义组件物料包上传至低代码平台之后,方法还包括:
29、对自定义组件物料包进行资源加载处理,得到实例数据,实例数据包括实例数据url、创建人、上传时间、实例数据名称;
30、根据实例数据,在低代码平台中展示自定义组件物料包。
31、其中,在本技术中,在对自定义组件物料包进行资源加载处理,得到实例数据之后,方法还包括:
32、对自定义组件物料中的元数据文件进行解析,得到解析信息;
33、根据解析信息,对自定义组件进行注册以使在低代码平台展示自定义组件物料包。
34、第二方面,本技术提供一种组件开发装置,包括:
35、第一得到模块,用于响应于用户对自定义组件模板的输入操作,得到配置代码,自定义组件模板包括设计界面模板、预览效果模板、元数据定义模板、显示缩略图模板、定义样式模板中的一种模板;
36、第二得到模块,用于对配置代码进行打包处理,得到自定义组件物料包,自定义组件物料包括自定义组件物料、以及用于加载自定义组件物料的资源文件信息;
37、上传模块,用于响应于用户针对低代码平台中上传界面的上传操作,将自定义组件物料包上传至低代码平台;
38、确定模块,用于低代码平台根据自定义组件物料包中用于加载自定义组件物料的资源文件信息,确定自定义组件物料的url;
39、获取模块,用于将自定义组件物料的url存储至目标数据库,以在用户登录低代码平台进行组件开发时,根据目标数据库中存储的url,从文件服务器中获取自定义组件物料。
40、第三方面,本技术提供一种电子设备,包括:处理器,以及与处理器通信连接的存储器;
41、存储器存储计算机执行指令;
42、处理器执行存储器存储的计算机执行指令,以实现本技术中的方法。
43、第四方面,本技术提供一种计算机可读存储介质,计算机可读存储介质中存储有计算机执行指令,计算机执行指令被处理器执行时用于实现本技术的方法。
44、本技术提供的一种组件开发方法、装置、设备及存储介质,通过响应于用户对自定义组件模板的输入操作,得到配置代码,自定义组件模板包括设计界面模板、预览效果模板、元数据定义模板、显示缩略图模板、定义样式模板中的一种模板;对配置代码进行打包处理,得到自定义组件物料包,自定义组件物料包括自定义组件物料、以及用于加载自定义组件物料的资源文件信息;响应于用户针对低代码平台中上传界面的上传操作,将自定义组件物料包上传至低代码平台;低代码平台根据自定义组件物料包中用于加载自定义组件物料的资源文件信息,确定自定义组件物料的url;将自定义组件物料的url存储至目标数据库,以在用户登录低代码平台进行组件开发时,根据目标数据库中存储的url,从文件服务器中获取自定义组件物料。通过自定义组件模板,能够统一开发者习惯,使得开发规范;通过将自定义组件物料上传至低代码平台,确定自定义组件物料的url,能够只需要上传自定义物料包即可,能够节约服务器资源。
1.一种组件开发方法,其特征在于,应用于低代码平台,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,在所述响应于用户对自定义组件模板的输入操作,得到配置代码之前,所述方法还包括:
3.根据权利要求1所述的方法,其特征在于,对配置代码进行打包处理,得到自定义组件物料包,包括:
4.根据权利要求1所述的方法,其特征在于,对配置代码进行打包处理,得到自定义组件物料包,包括:
5.根据权利要求1所述的方法,其特征在于,所述响应于用户针对低代码平台中上传界面的上传操作,将所述自定义组件物料包上传至所述低代码平台,包括:
6.根据权利要求5所述的方法,其特征在于,所述上传界面还包括组件名称区域和组件描述区域;响应于对所述确定上传区域的确定操作,将所述自定义组件物料包上传至所述低代码平台,包括:
7.根据权利要求1所述的方法,其特征在于,在响应于用户针对低代码平台中上传界面的上传操作,将所述自定义组件物料包上传至所述低代码平台之后,所述方法还包括:
8.根据权利要求5所述的方法,其特征在于,在对所述自定义组件物料包进行资源加载处理,得到实例数据之后,所述方法还包括:
9.一种组件开发装置,其特征在于,包括:
10.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;
11.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1至8任一项所述的方法。