【技术实现步骤摘要】
本公开涉及，尤其涉及一种基于typescript和注释的低代码组件开发方法、装置和电子设备。
技术介绍
1、在现有低代码组件开发方式中，比如微搭低代码内置的组件开发方式，要完整实现一个低代码组件，首先需要将组件功能开发完成，然后开发需要的配置器，最后需要使用一个单独的json文件来描述其配置项等，基本是一个固定模式，配置项描述容易出错，开发的灵活性较低，不同语言和框架的低代码组件集成起来比较困难，而且在现有的技术条件下，开发一个低代码组件，要求开发或实施人员额外学习的成本很高，需要额外学习其配置器开发方式及配置项描述等等，对于复杂的低代码组件实现，开发容易受限，开发效率也会低很多等等各种问题，不够灵活。
2、微搭低代码内置的组件开发方式，可以实现低代码组件及其配置项，但是需要使用json对组件配置项进行单独的描述，并且配置器需要单独开发与定义，开发复杂度较高，效率较低。
技术实现思路
1、为了解决上述问题，本申请提出一种基于typescript和注释的低代码组件开发方法、装置和电子设备。
2、本申请一方面，提出一种基于typescript和注释的低代码组件开发方法，包括如下步骤：
3、基于typescript语言，编写低代码组件的组件功能代码以及组件属性注释代码，生成相应的typescript代码；
4、对所述typescript代码和预设的样式源码进行打包，生成对应的打包文件，并上传至低代码开发平台；
5、低代码开发平台
6、渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相应低代码组件的配置面板。
7、作为本申请的一可选实施方案，可选地，在打包之前，还包括：
8、根据低代码组件的开发要求，为所述低代码组件编写相应的所述样式源码，并保存为对应的scss样式文件；
9、将所述scss样式文件存储在组件开发平台的数据库中。
10、作为本申请的一可选实施方案，可选地，对所述typescript代码和预设的scss样式文件进行打包，生成对应的打包文件，并上传至低代码开发平台，包括：
11、调取所述scss样式文件；
12、将所述typescript代码和所述scss样式文件，发送至预先内置在所述组件开发平台上的打包工具中；
13、利用所述打包工具，将所述typescript代码和所述scss样式文件打包，得到所述打包文件并上传至低代码开发平台。
14、作为本申请的一可选实施方案，可选地，利用所述打包工具，将所述typescript代码和所述scss样式文件打包，得到所述打包文件，包括：
15、将所述typescript代码中的组件功能代码，打包为js文件；
16、将所述typescript代码中的组件属性注释代码，打包为dts文件；
17、将所述样式源码，打包为css文件；
18、将打包生成的所述低代码组件的js文件、dts文件和css文件，分别发送至所述低代码开发平台。
19、作为本申请的一可选实施方案，可选地，低代码开发平台解析所述打包文件，得到低代码组件的属性注释信息，并发送至渲染引擎，包括：
20、低代码开发平台接收所述低代码组件的js文件、dts文件和css文件；
21、对其中的所述dts文件进行解析，得到所述低代码组件的属性注释信息，并将属性注释信息发送至低代码开发平台上的渲染引擎中。
22、作为本申请的一可选实施方案，可选地，渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相应低代码组件的配置面板，包括：
23、渲染引擎根据所述低代码组件的属性注释信息，设计所述低代码组件：
24、按照所述属性注释信息中的属性配置信息，自动生成所述低代码组件的属性配置面板。
25、作为本申请的一可选实施方案，可选地，渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相应低代码组件的配置面板，还包括：
26、若所述属性注释信息中还包括当前所述低代码组件与其他所述低代码组件之间的交互配置信息，则同时通过渲染引擎自动生成所述低代码组件的交互配置面板；
27、设计完毕，生成所述低代码组件的属性配置器，并利用所述属性配置器配置所述低代码组件的组件属性和交互属性。
28、本申请另一方面，提出一种实现所述基于typescript和注释的低代码组件开发方法的装置，包括：
29、组件开发平台，用于基于typescript语言，编写低代码组件的组件功能代码以及组件属性注释代码，生成相应的typescript代码；并通过内置的打包工具，对所述typescript代码和预设的样式源码进行打包，生成对应的打包文件，并由组件开发平台上传至低代码开发平台；
30、低代码开发平台，用于解析所述打包文件，得到低代码组件的属性注释信息，并通过渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相应低代码组件的配置面板；
31、所述组件开发平台和所述低代码开发平台通信连接。
32、本申请另一方面，还提出一种电子设备，包括：
33、处理器；
34、用于存储处理器可执行指令的存储器；
35、其中，所述处理器被配置为执行所述可执行指令时实现所述的一种基于typescript和注释的低代码组件开发方法。
36、本专利技术的技术效果：
37、本申请通过基于typescript类型和注释实现低代码组件开发技术，是对于低代码平台搭建使用的组件一种高效开发方式。利用typescript的类型定义推断出对应配置器，通过注释方式来描述配置器有关信息，解决传统低代码组件开发方式使用json方式再进行配置项的描述带来的冗余，降低开发的复杂度，提高开发的灵活性，实现组件开发完成即配置项自动生成的效果。
38、本申请通过类型定义和注释方式描述配置项，可以使得不同语言和框架的低代码组件更容易集成在一起，可以实现自动生成低代码配置页面，开发人员无需再手动编写json等方式来做属性配置，大大简化开发过程，提高开发效率和灵活性以及可读性，减少错误，提升用户体验，使开发过程更加高效和便捷。
39、根据下面参考附图对示例性实施例的详细说明，本公开的其它特征及方面将变得清楚。
本文档来自技高网...【技术保护点】
1.一种基于TypeScript和注释的低代码组件开发方法，其特征在于，包括如下步骤：
2.根据权利要求1所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，在打包之前，还包括：
3.根据权利要求1所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，对所述TypeScript代码和预设的SCSS样式文件进行打包，生成对应的打包文件，并上传至低代码开发平台，包括：
4.根据权利要求3所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，利用所述打包工具，将所述TypeScript代码和所述SCSS样式文件打包，得到所述打包文件，包括：
5.根据权利要求4所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，低代码开发平台解析所述打包文件，得到低代码组件的属性注释信息，并发送至渲染引擎，包括：
6.根据权利要求5所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相
7.根据权利要求6所述的一种基于TypeScript和注释的低代码组件开发方法，其特征在于，渲染引擎根据所述低代码组件的属性注释信息，自动渲染并生成相应低代码组件的配置面板，还包括：
8.一种实现权利要求1-7中任一项所述基于TypeScript和注释的低代码组件开发方法的装置，其特征在于，包括：
9.一种电子设备，其特征在于，包括：
...【技术特征摘要】
1.一种基于typescript和注释的低代码组件开发方法，其特征在于，包括如下步骤：
2.根据权利要求1所述的一种基于typescript和注释的低代码组件开发方法，其特征在于，在打包之前，还包括：
3.根据权利要求1所述的一种基于typescript和注释的低代码组件开发方法，其特征在于，对所述typescript代码和预设的scss样式文件进行打包，生成对应的打包文件，并上传至低代码开发平台，包括：
4.根据权利要求3所述的一种基于typescript和注释的低代码组件开发方法，其特征在于，利用所述打包工具，将所述typescript代码和所述scss样式文件打包，得到所述打包文件，包括：
5.根据权利要求4所述的一种基于typescri...
【专利技术属性】
技术研发人员：裴莉，宋杨，孙建鹏，花京武，
申请(专利权)人：杭州指令集智能科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。