[发明专利]一种基于可视化低代码平台的开发方法

说明书

本发明涉及一种基于可视化低代码平台的开发方法，包括：获取待处理设计稿；对待处理设计稿进行数据清理；提取待处理设计稿中所有组件的组件特征；对各组件的组件特征进行数据压缩；根据组件特征，分别计算待处理设计稿中各组件与各标准组件的相似度，得到相似度最高的标准组件作为组件识别结果；获取识别稿关联的接口文档；匹配组件字段数据和接口文档数据，把组件字段替换为匹配的接口文档中的字段值；输出包含所述组件的页面代码。

技术领域

本发明涉及一种基于可视化低代码平台的开发方法，属于低代码开发领域。

背景技术

低代码开发是指在低代码开发平台上通过可视化进行应用程序开发的方法。低代码开发过程中无需编码或通过少量代码就可以快速生成应用程序，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。低代码的开发模式实际上通过拼装平台提供的基础组件和业务组件，加上开发少量的业务代码，从而实现快速搭建应用的开发模式。但是此种方法对于复杂业务需求场景的应用搭建具有较大的局限性。且应用的可视化编辑有一定的门槛，对开发人员依赖程度较高，导致存在使用范围具有局限性且智能化程度不高。

现有技术中有以下两种低代码开发方法：

(1)基于可视化编辑器加数据模型的方法：

该方法是指用户在可视化编辑页面，同过拖拽的方式，实现页面的布局、组件选择、表单创建、列表创建、属性配置及数据模型设置等步骤，并将配置的数据保存到数据库中。实现常规页面的增、删、改、查等功能。可简单概括为两步：1)用户在功能管理模块新增功能页面，包括列表页、详情页、表单页等；2)通过可视化编辑器，对每个功能页面进行编辑，具体包括：a、拖拽的方式实现页面布局、组件的选择。比如：列表页，选择上下布局，上面为查询表单(选择输入框组件、选择框组件、日期组件等)，下面为table列表组件加分页组件。表单页按一行几列的方式实现布局，并选择组件。b、对组件的属性设置：比如：table的属性、分页的属性(分页模式、分页属性字段、触发方法)、查询表单等组件的属性字段。c、数据模型设置：从数据库中提取出可用的数据模型信息，在配置页面设置表单每个控件对应的数据库表列名称；比如：列表页table表配置时，选择某张数据库表，实现显示字段的筛选。表单页可选择需要编辑的字段等。该方法可以零代码实现，对开发人员要求较低。但开发自由度较低只能满足单一业务场景，需要依赖大量的业务组件才能丰富业务场景，且当存在大量配置页面时，往往性能较差。同时，由于要方便计算和拖动，都是基于绝对定位的，最终产出的页面代码使用的布局方式也大部分是绝对定位，生成的页面没有多端适配方案。

(2)基于可视化编辑器加代码生成的方法：

该方法是指用户在可视化编辑页面实现页面的布局，并通过设置Api实现显示字段的筛选和数据查询，并将代码导出人工进行业务代码开发后导入到项目中，实现常规页面的增、删、改、查及业务定制等功能。具体包括：a、拖拽进行页面布局、组件的选择；b、对组件的属性设置；c、API设置：从服务中提取出可用的API接口信息，在配置页面设置每个控件对应的数据接口名称；比如：列表页table表配置时，选择分页接口，实现显示字段的筛选和数据查询。表单页可选择保存接口，来实现需要编辑的字段等。d、代码生成：结合代码生成功能将代码导出，并对代码进行业务代码开发后导入到项目中，实现常规页面的增、删、改、查及业务定制等功能。该方法开发自由度较高，当产生个性化需求时，开发人员可以通过生成的代码进行定制开发。但需要编辑少量代码，对开发人员要求较高依赖程度较高。同时，由于要方便计算和拖动，都是基于绝对定位的，最终产出的页面代码使用的布局方式也大部分是绝对定位，生成的页面没有多端适配方案。

综上，上述两种方法均需要人工设置组件的属性、排布等内容，开发耗时较长、人工成本较高。因此，需要提高低代码开发的自动化程度。