[发明专利]一种渲染页面组件的方法和装置

说明书

本发明公开了一种渲染页面组件的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：能够配置组件文件包含的页面组件的组件属性信息，通过配置组件属性信息指示关联的页面信息的多种状态；并通过获取组件文件中的组件属性信息，构建所述页面组件对应的展示样式，以及将展示样式与多种展示平台的设定标签组合；以在展示平台上动态渲染页面组件从而展示关联的页面信息的状态；通过配置组件文件配置页面组件的组件属性信息，开发在多种展示平台上渲染的页面组件；克服了页面组件开发中耦合性高的问题，提高了开发页面组件的灵活性和扩展性。

技术领域

本发明涉及计算机技术领域，尤其涉及一种渲染页面组件的方法和装置。

背景技术

目前，随着互联网应用的普及，互联网应用成为人们生活中的必需品，当人们在使用互联网应用时，往往需要利用应用页面进行交互，在用户交互场景下，应用的页面通常包含用于展示状态或变更状态的组件(例如：开关组件)，以供用户输入并相应地执行对应的操作。

但是，在开发用于切换状态或变更选项的组件时，由于开发应用所使用的框架不同，需要针对不同的框架(例如：小程序框架、H5框架、VUE框架、REACT框架等)重复开发，由此导致组件耦合性高，存在使用组件的灵活性较差的问题。

发明内容

有鉴于此，本发明实施例提供一种渲染页面组件的方法和装置，能够配置组件文件包含的页面组件的组件属性信息，通过配置组件属性信息指示关联的页面信息的多种状态；并通过获取组件文件中的组件属性信息，构建所述页面组件对应的展示样式，并将展示样式与多种展示平台的设定标签组合；以在展示平台上动态渲染页面组件从而展示关联的页面信息的状态；通过配置组件文件配置页面组件的组件属性信息，开发在多种展示平台上渲染的页面组件；克服了页面组件开发中耦合性高的问题，提高了开发页面组件的灵活性和扩展性。

为实现上述目的，根据本发明实施例的一个方面，提供了一种渲染页面组件的方法，其特征在于，包括：从配置的组件文件中，为页面组件获取匹配的组件属性信息，其中，所述页面组件与页面信息相关联，且所述页面组件指示所述页面信息的多种状态；根据所述组件属性信息，构建所述页面组件对应的展示样式；获取集成所述页面组件的展示平台的设定标签，将所述设定标签和所述展示样式组合；根据组合的结果以及所述展示平台所包括的所述页面信息的当前状态，为所述展示平台渲染所述页面组件。

可选地，所述渲染页面组件的方法，其特征在于，进一步包括：从所述组件文件中，获取组件结构信息，其中，所述组件结构信息指示至少一种形状以及多种状态；利用所述至少一种形状和多种所述状态，构建所述页面组件；根据所述组件文件包括的关联关系，将所述页面组件关联到所述页面信息。

可选地，所述渲染页面组件的方法，其特征在于，所述组件属性信息包括：至少一种所述形状的尺寸以及与至少一种所述形状和多种所述状态相匹配的颜色和动画效果中的任意一种或多种。

可选地，所述渲染页面组件的方法，其特征在于，进一步包括：根据页面的布局，生成所述页面组件对应的组件配置模板；获取用户输入的配置信息，并将所述配置信息修改为所述组件配置模板包括的组件属性信息，生成所述组件文件。

可选地，所述渲染页面组件的方法，其特征在于，构建所述页面组件，包括：针对所述组件结构信息指示多种形状以及多种状态的情况，构建多种所述形状的组合与多种所述状态的关联，得到所述页面组件。

可选地，所述渲染页面组件的方法，其特征在于，进一步包括：所述关联关系包括：多种所述状态的状态标识与页面信息的多种状态之间的关联关系；基于多个所述状态标识，生成多种所述形状的组件属性信息，并将所述组件属性信息写入所述组件文件中。

可选地，所述渲染页面组件的方法，其特征在于，构建所述页面组件对应的展示样式，包括：构建所述页面组件的样式数据结构；将获取到的所述组件属性信息存储到所述样式数据结构中；利用所述样式数据结构存储的组件属性信息，生成所述页面组件对应的展示样式。