[发明专利]一种可定制化的前端低代码开发系统及方法

权利要求书

1.一种可定制化的前端低代码开发系统，其特征在于，包括页面设计器、自定义渲染器、代码生成器、微前端编代码构建器、代码仓库、数据库和页面渲染器；

其中，页面设计器：与所述数据库通信连接，用于根据接收到的页面配置指令对待设计应用页面的布局组件和数据组件进行配置，并将配置数据存储于数据库中；

其中，自定义渲染器：用于为布局和数据等组件定制前端代码，在所述页面设计器中，可以为各组件指配已创建的自定义渲染器；

其中，代码生成器：用于将所述自定义渲染器生成代码至代码库；

其中，微前端代码构建器：用于将所述自定义渲染器代码编译和打包，并生成对应的描述文件；

其中，页面渲染器：与所述数据库通信连接，用于从所述数据库中获取待设计页面的配置数据，并根据所述配置参数对图形界面进行渲染，同时对使用了自定义渲染器的组件从微服务获取对应的代码资源进行渲染，最终得到相应的应用页面。

2.如权利要求1基于该系统的一种可定制化的前端低代码开发方法，其特征在于，包括如下步骤：

S01、页面设计器为页面配置布局组件和数据组件；

S02、创建可定制化前端代码的自定义渲染器；

S03、给需要定制化前端代码的布局组件或数据组件配置自定义渲染器；

S04、将页面设计器的配置保存至数据库；

S05、根据创建的自定义渲染器通过代码生成器生产代码到代码库；

S06、程序员导出代码对自定义渲染器进行二次开发和调试；

S07、使用微前端代码构建器对自定义渲染器代码进行构建；

S08、将构建好的代码作为静态资源部署在微服务中；

S09、页面渲染器从数据库获取配置数据进行负面布局组件及数据组件等的渲染；

S10、有使用自定义渲染器的组件，从微服务获取相应的代码资源进行渲染。