[发明专利]WEB构建系统、生成方法、装置、电子设备及存储介质

权利要求书

1.一种WEB组件模板架构的构建系统，其特征在于，包括：组件模板结构模块、组件样式定义模块、组件对象分解模块和组件渲染模块；

所述组件模板结构模块记录所有组件控件、组件框和架构框，所述组件控件用于组成所述WEB组件模板架构，所述组件框用于对应每个所述组件控件的隐藏边框，所述架构框对应于所述WEB组件模板架构的边框；所述组件边框适应于对应组件控件的大小变化，并将所述大小变化传递到所述架构框；

所述组件样式定义模块用于记录每个所述组件控件和架构框的显示属性，以及每个所述显示属性对应的样式定义，所述显示属性包括事件类型，所述样式定义和事件类型组成显示数据；

所述组件对象分解模块，用于将所述WEB组件模板架构的数据层级分解为四级，四级数据层级从上到下分别对应于所述WEB组件模板架构的层级数据、所述架构框的层级数据、组件框的层级数据和组件控件的层级数据，其中每级所述数据层级的层级数据包括该级的数据标识、对应的显示数据以及对应下一层的数据标识；

所述组件渲染模块，用于根据所述数据层级从上到下逐层渲染，以完成所述WEB组件模板架构的显示。

2.根据权利要求1所述的构建系统，其特征在于，所述构建系统，还包括编辑器；

所述编辑器，用于接收用户指令，以对所述WEB组件模板架构当前的显示数据进行更新。

3.一种WEB组件模板架构的生成方法，基于权利要求1-2任一所述的构建系统实现，其特征在于，包括：

响应于架构新建指令，新建架构框，并生成所述WEB组件模板架构的层级数据以及所述架构框的层级数据，所述架构新建指令用于新建WEB组件模板架构；

响应于组件控件选择指令，在所述架构框内新建组件框，在所述组件框内新建组件控件，并对应生成所述组件框和组件控件的层级数据；

响应于架构生成指令，建立所述WEB组件模板架构、架构框、组件框和组件控件的层级关系，并记录对应层级的层级数据；

基于所述层级关系从上到下逐层渲染对应的层级数据，以完成所述WEB组件模板架构的显示。

4.根据权利要求3所述的生成方法，其特征在于，所述生成方法，还包括：

响应于组件控件调整指令，更新所述组件控件调整指令指定的组件控件的大小，并将所述组件控件对应的调整参数反馈到该组件控件对应的组件框，以使所述组件框适应于所述组件控件的大小进行调整；

将所述组件框对应的调整参数反馈到所述架构框和其他组件框，以使所述架构框进行对应的大小调整，其他组件框进行对应的显示位置调整。

5.根据权利要求4所述的生成方法，其特征在于，所述生成方法，还包括：

按时序记录每次所述组件控件选择指令和所述组件控件调整指令的生成过程，以回溯所述WEB组件模板架构的调整过程。

6.根据权利要求4所述的生成方法，其特征在于，所述组件框定义有填充属性，所述组件框通过所述填充属性获取和反馈所述组件框对应的调整参数。

7.根据权利要求3所述的生成方法，其特征在于，所述组件控件的类型包括文字、图片、功能按钮、拖动条和字体图标。

8.一种WEB组件模板架构的生成装置，基于权利要求1-2任一所述的构建系统实现，其特征在于，包括：

初始构建单元，用于响应于架构新建指令，新建架构框，并生成所述WEB组件模板架构的层级数据以及所述架构框的层级数据，所述架构新建指令用于新建WEB组件模板架构；

组件选择单元，用于响应于组件控件选择指令，在所述架构框内新建组件框，在所述组件框内新建组件控件，并对应生成所述组件框和组件控件的层级数据；

层级生成单元，用于响应于架构生成指令，建立所述WEB组件模板架构、架构框、组件框和组件控件的层级关系，并记录对应层级的层级数据；

渲染显示单元，用于基于所述层级关系从上到下逐层渲染对应的层级数据，以完成所述WEB组件模板架构的显示。