[发明专利]实现前端页面自动化布局的方法和装置

权利要求书

1.一种实现前端页面自动化布局的方法，其特征在于，包括：

将后端配置的JSON数据按照约定规则构成为供前端页面逐层执行渲染的分层结构，所述分层结构由行平面层与列平面层叠加而成，底层为行平面层，所述行平面层用于定位层结构，所述列平面层用于声明层内容；

所述约定规则包括：

以所述JSON数据中的一个数组定义为一个所述行平面层，将其内嵌套的每个对象定义为一个所述列平面层并叠加到所述行平面层上，用于声明所述行平面层所定位层结构上的层内容；所述行平面层将其内嵌套的另一数组定义为一个新的行平面层并叠加到所述行平面层上，用于定位出一个新的层结构；每个所述列平面层中的层内容由构成所述列平面层的对象的多个键值对声明。

2.如权利要求1所述的实现前端页面自动化布局的方法，其特征在于，当一个所述列平面层内嵌套有另一数组时，所述数组定义为叠加在所述列平面层上的一个新的行平面层，用于定位出一个新的层结构。

3.如权利要求1所述的实现前端页面自动化布局的方法，其特征在于，当一个所述列平面层内嵌套有多个数组时，多个所述数组定义为沿列方向依次排列在所述列平面层上的多个行平面层，用于定位出多个新的层结构。

4.如权利要求3所述的实现前端页面自动化布局的方法，其特征在于，当一个行平面层或一个列平面层上叠加有多个行平面层，在页面渲染时沿所述行平面层的行方向或者沿所述列平面层的列方向逐个渲染多个所述行平面层，定位出新的层结构。

5.如权利要求1所述的实现前端页面自动化布局的方法，其特征在于，当所述JSON数据中的一个数组中嵌套有多个对象时，所述数组定义为一个行平面层，多个所述对象定义为多个列平面层，且多个所述列平面层按数组中的排列顺序沿所述行平面层的行方向依次排列在所述行平面层上。

6.如权利要求5所述的实现前端页面自动化布局的方法，其特征在于，当一个行平面层上叠加有多个列平面层时，在页面渲染时沿所述行平面层的行方向逐个渲染多个所述列平面层声明的层内容。

7.如权利要求1所述的实现前端页面自动化布局的方法，其特征在于，当所述JSON数据中的一个数组中另外嵌套有多个数组时，被嵌套的所述数组定义为下层的一个行平面层，嵌套的多个所述数组定义为沿下层的所述行平面层的行方向依次排列在下层的所述行平面层上的多个新的行平面层，用于定位出多个新的层结构。

8.如权利要求1所述的实现前端页面自动化布局的方法，其特征在于，所述列平面层对层内容的声明包括以下任一种或多种：内嵌平面层、HTML标签、布局样式、应用组件、后端交互、权限。

9.一种实现前端页面自动化布局的装置，其特征在于，包括：

存储器，用于存储可由处理器执行的指令；以及

处理器，用于执行所述指令以实现如权利要求1～8任一项所述的方法。

10.一种存储有计算机程序代码的计算机可读介质，其特征在于，所述计算机程序代码在由处理器执行时实现如权利要求1～8任一项所述的方法。