【技术实现步骤摘要】
页面生成、配置方法及装置
[0001]本申请涉及页面开发
，尤其涉及一种页面生成、配置方法及装置。
技术介绍
[0002]网页是构成网站的基本元素，是承载各种网站应用的平台。用户可以通过各式各样的网页获取信息，方便用户的娱乐、学习和生活。
[0003]现有页面更新升级及新增场景的迭代过程中，前端需要通过多次数据请求从后端获取页面数据及业务数据，并依赖DOM(Document Object Model，文档对象模型)树完成页面的生成与展示。
[0004]然而，频繁的迭代会让项目越来越冗余，耦合性越来越高，并且，由于DOM树的数据描述为child之间嵌套，导致每次操作和调整都涉及多次深度递归查询，复杂度高，同时，过多的网络请求使程序更易报错。
技术实现思路
[0005]本申请提供一种页面生成、配置方法及装置，仅需配置即可完成页面升级和新增页面的实现，且能简化操作。
[0006]第一方面，本申请提供一种页面生成方法，所述方法包括：
[0007]从服务端获取目标显示页面对应的业务...
【技术保护点】
【技术特征摘要】
1.一种页面生成方法，其特征在于，所述方法包括：从服务端获取目标显示页面对应的业务数据和页面配置数据，所述目标显示页面包括至少一个栅格；根据预置解析规则，从所述页面配置数据中解析出每个栅格的栅格布局参数、每个栅格对应的栅格元素，以及各栅格元素与业务数据的关联关系；根据所述栅格布局参数渲染所述目标显示页面的页面布局，并将栅格元素及与栅格元素关联的业务数据加载到对应的栅格中。2.根据权利要求1所述的方法，其特征在于，所述页面配置数据包括每个栅格对应的栅格配置数据和每个元素对应的元素配置数据；其中，每个栅格的栅格布局参数从对应的栅格配置数据中解析得到，所述栅格布局参数包括栅格标识、空间分割列数和分割比；每个栅格对应的栅格元素根据对应元素配置数据包含的栅格标识确定，每个栅格元素与业务数据的关联关系根据对应元素配置数据包含的业务数据关联信息确定。3.根据权利要求2所述的方法，其特征在于，所述栅格包括至少一个一级栅格，至少一个所述一级栅格包括多个二级栅格；每个栅格的级别根据对应栅格配置数据中包含的级别标识确定。4.根据权利要求2或3所述的方法，其特征在于，所述栅格配置数据还包括栅格描述信息和栅格样式；所述方法还包括：根据所述栅格描述信息和栅格样式渲染所述页面布局。5.根据权利要求1所述的方法，其特征在于，所述栅格元素为组件，所述将栅格元素及与栅格元素关联的业务数据加载到对应的栅格中，包括：将所述组件加载到对应的栅格中，将所述关联的业务数据填充到所述组件中。6.一种页面配置方法，其特征在于，所述方法包括：获取目标页面对应的各项配置参数，每项配置参数对应一个配置项目，所述配置项目包括栅格配置项目和元素配置项目；根据各项相对应的配置项目和配置参数生成页面配置数据，所述页面配置数据用于描述所述目标页面中各栅格的栅格布局、各栅格对应的栅格元素以及各栅格元素关联的业务数据；发布所述页面配置数据。7.根据权利要求6所述的方法，其特征在于，所述页面配置数据包括根据各栅格配置项目及对应的配置参数生成的栅格配置数据，和根据各元素配置项目及对应的配置参数生成的元素配置数据，所述栅格配置数据用于描述栅格的栅格布局，所述元素配置数据用于描述元素对应的栅格和元素关联的业务数据。8.根据权利要求6或者7所述的方法，其特征在于，发布所述页面配置数据之前，所述方法还包括：响应于终端发送的页面预览请求，根据所述页面配置数据生成预览页面数据；将所述预览页面数据返回给终端，以在终端显示预览页面。9.根据权利要求6或者7所述的方法，其特征在于，所述方法还包括：获取修改后的页面配置数据；根据修改后的页面配置数据更新对应的已发布的页面配置数据。
10.一种页面生成装置，其特征在于，所述装置包括：数据获取模块，用于从服务端获取目标显示页面对应的业务数据和页面配置数据，所述目标显示页面包括至少一个栅格；页面渲染模块，用于根据预置解析规则，从所述页面配置数据中解析出每个栅格的栅格布局参数、每个栅格对应的栅格元素，以及各栅格元素与业务数据的关联关系；根据所述栅格布局参数渲染所述目标显示页面的页面布局；组件加载模块，用于将栅格元素及与栅格元素关联的业务数据加...
【专利技术属性】
技术研发人员：高莹，邱成林，史忠伟，
申请(专利权)人：北京五八信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。