[发明专利]页面生成、配置方法及装置

说明书

本申请公开了页面生成、配置方法及装置，在页面配置阶段，通过页面配置方法生成并发布具有特定结构的页面配置数据，只需要简单的参数配置即可实现对新增页面的配置，通过修改页面配置数据即可实现对已有页面的升级配置，操作简单，节约终端资源，提高配置效率。在页面显示阶段，通过页面生成方法获取并解析页面配置数据，根据解析结果显示页面，从而实现新增页面和升级页面的落地。

技术领域

本申请涉及页面开发技术领域，尤其涉及一种页面生成、配置方法及装置。

背景技术

网页是构成网站的基本元素，是承载各种网站应用的平台。用户可以通过各式各样的网页获取信息，方便用户的娱乐、学习和生活。

现有页面更新升级及新增场景的迭代过程中，前端需要通过多次数据请求从后端获取页面数据及业务数据，并依赖DOM(Document Object Model，文档对象模型)树完成页面的生成与展示。

然而，频繁的迭代会让项目越来越冗余，耦合性越来越高，并且，由于DOM树的数据描述为child之间嵌套，导致每次操作和调整都涉及多次深度递归查询，复杂度高，同时，过多的网络请求使程序更易报错。

发明内容

本申请提供一种页面生成、配置方法及装置，仅需配置即可完成页面升级和新增页面的实现，且能简化操作。

第一方面，本申请提供一种页面生成方法，所述方法包括：

从服务端获取目标显示页面对应的业务数据和页面配置数据，所述目标显示页面包括至少一个栅格；

根据预置解析规则，从所述页面配置数据中解析出每个栅格的栅格布局参数、每个栅格对应的栅格元素，以及各栅格元素与业务数据的关联关系；

根据所述栅格布局参数渲染所述目标显示页面的页面布局，并将栅格元素及与栅格元素关联的业务数据加载到对应的栅格中。

进一步，所述页面配置数据包括每个栅格对应的栅格配置数据和每个元素对应的元素配置数据；其中，每个栅格的栅格布局参数从对应的栅格配置数据中解析得到，所述栅格布局参数包括栅格标识、空间分割列数和分割比；每个栅格对应的栅格元素根据对应元素配置数据包含的栅格标识确定，每个栅格元素与业务数据的关联关系根据对应元素配置数据包含的业务数据关联信息确定。

进一步，所述栅格包括至少一个一级栅格，至少一个所述一级栅格包括多个二级栅格；每个栅格的级别根据对应栅格配置数据中包含的级别标识确定。

进一步，所述栅格配置数据还包括栅格描述信息和栅格样式；所述方法还包括：根据所述栅格描述信息和栅格样式渲染所述页面布局。

进一步，所述栅格元素为组件，所述将栅格元素及与栅格元素关联的业务数据加载到对应的栅格中，包括：将所述组件加载到对应的栅格中，将所述关联的业务数据填充到所述组件中。

第二方面，本申请还提供一种页面配置方法，所述方法包括：

获取目标页面对应的各项配置参数，每项配置参数对应一个配置项目，所述配置项目包括栅格配置项目和元素配置项目；

根据各项相对应的配置项目和配置参数生成页面配置数据，所述页面配置数据用于描述所述目标页面中各栅格的栅格布局、各栅格对应的栅格元素以及各栅格元素关联的业务数据；

发布所述页面配置数据。

进一步，所述页面配置数据包括根据各栅格配置项目及对应的配置参数生成的栅格配置数据，和根据各元素配置项目及对应的配置参数生成的元素配置数据，所述栅格配置数据用于描述栅格的栅格布局，所述元素配置数据用于描述元素对应的栅格和元素关联的业务数据。