[发明专利]可生成代码的可视化系统原型设计方法、系统及存储介质

说明书

本发明提供一种可生成代码的可视化系统原型设计方法，系统原型包括多个组件，该方法包括：根据页面操作确定各组件的组件属性以及组件之间的层级关系；根据各组件的代码标签以及组件属性确定代码生成模型；根据各组件的组件属性，代码生成模型以及基础代码片段确定组件代码块；根据层级关系以及各组件代码块输出整体组件代码。本方案使用户可视化地设计原型，在组件开发的基础上，有效生成可编辑代码，实现基础代码的复现，节省了用户的工作量。

技术领域

本发明实施例涉及计算机技术，尤其涉及一种可生成代码的可视化系统原型设计方法、系统及存储介质。

背景技术

随着计算机技术的飞速发展和人类需求的不断提高，软件设计的功能越来越复杂。而市场的竞争和不同客户的个性化需求又使软件的开发周期不断缩短，这给软件的开发提出了严格要求。软件开发需要编写大量的源代码，但是，传统的手工编码方式不仅费时费力，而且代码的可靠性不能保证，开发人员需要将大量的精力投入到枯燥的代码编写中而不是软件的构架设计和逻辑设计上，这大大降低了软件的开发效率。

目前，提高开发阶段效率的途径是使用代码重复利用技术和代码自动生成技术，现有的代码重用和自动生成技术的使用门槛较高，非专业人士难以操作而且在使用时需要大量的人工配置和干预。

发明内容

本发明实施例提供一种可生成代码的可视化系统原型设计方法、系统及存储介质，通过组件编辑进行原型设计，获得可编辑代码继续开发。

第一方面，本发明实施例提供了一种可生成代码的可视化系统原型设计方法，系统原型包括多个组件，该可视化系统原型设计方法包括：

根据页面操作确定各组件的组件属性以及组件之间的层级关系；

根据各组件的代码标签以及组件属性确定代码生成模型；

根据各组件的组件属性，代码生成模型以及基础代码片段确定各组件代码块；

根据层级关系以及各组件代码块输出整体组件代码。

在一些可选的实施例中，组件包括特殊组件和一般组件，特殊组件通过特殊组件处理器处理，一般组件通过公共处理器处理。

在一些可选的实施例中，根据页面操作确定各组件的组件属性以及组件之间的层级关系，包括：

根据页面操作以及嵌套约束规则确定各组件的组件属性以及各组件之间的层级关系；

根据所述层级关系生成第一组件树；

根据第一组件树生成可视化的图层树；

其中，各组件之间的层级关系包括第一父子关系以及第一兄弟关系，属于第一父子关系的组件为第一父子组件，属于第一兄弟关系的组件为第一兄弟组件。

在一些可选的实施例中，第一父子组件中的第一父组件通过数据流与第一子组件进行信息传递，第一父子组件中的第一子组件通过事件与第一父组件进行信息传递。

在一些可选的实施例中，根据各组件的代码标签以及层级关系确定代码生成模型，包括：

根据组件的组件属性，确定各组件内部的第二组件树；

其中，第二组件树包括第二父子关系以及第二兄弟关系，属于第二父子关系的组件为第二父子组件，属于第二兄弟关系的组件为第二兄弟组件；

将第二父子组件中的第二子组件的代码标签分别嵌套在对应的第二父组件的代码标签内，生成对应组件的代码生成模型。

在一些可选的实施例中，根据层级关系以及各组件代码块输出整体组件代码，包括：

从第一组件树的根节点开始向下遍历，判断当前节点是否存在子节点，若存在子节点，则继续向下遍历；