一种页面渲染方法和装置、一种页面处理方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108664296A(43)申请公布日2018.10.16(21)申请号201710210921.4(22)申请日2017.03.31(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人赵昆仑王成文鲍志飞赵坤杨进鹏杨曼李星倪瞬坚(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人刘祥景(51)Int.Cl.G06F9/451(2018.01)权利要求书2页说明书20页附图8页(54)发明名称一种页面渲染方法和装置、一种页面处理方法和装置(57)摘要本申请实施例提供了一种页面渲染方法和装置、一种页面处理方法和装置，其中的页面渲染方法具体包括：获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；从所述组件配置协议中获取所述目标组件的结构信息和交互信息；依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；依据所述第一渲染结果，展示所述目标组件对应的页面区域。本申请实施例可以缩短新的页面配置需求的上线时间；并且，可以有效避免新组件导致的组件库膨胀问题。CN108664296ACN108664296A权利要求书1/2页1.一种页面渲染方法，其特征在于，包括：获取第一页面中目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；从所述组件配置协议中获取所述目标组件的结构信息和交互信息；依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，以得到对应的第一渲染结果；依据所述第一渲染结果，展示所述目标组件对应的页面区域。2.根据权利要求1所述的方法，其特征在于，所述从所述组件配置协议中获取所述目标组件的结构信息和交互信息，包括：从所述组件配置协议中获取布局元素；所述布局元素用于表征所述目标组件的结构信息和交互信息。3.根据权利要求2所述的方法，其特征在于，所述布局元素包括：控件和控件属性，所述控件属性包括：样式属性、内容属性和普通属性中的至少一种；其中，所述控件及其组合用于表征所述目标组件的结构信息，所述控件属性用于表征所述组件包括的控件的结构信息和交互信息。4.根据权利要求1所述的方法，其特征在于，所述依据所述目标组件的结构信息和交互信息，对所述目标组件进行渲染，包括：依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据；将所述目标数据绑定到所述视图，以得到绑定有目标数据的视图。5.根据权利要求4所述的方法，其特征在于，所述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，包括：利用布局元素对应的解析策略，对所述组件配置协议中布局元素进行解析，以得到所述目标组件对应的视图和目标数据；所述布局元素用于表征所述目标组件的结构信息和交互信息。6.根据权利要求4所述的方法，其特征在于，所述组件配置协议中的布局元素包括控件，所述依据所述目标组件的结构信息和交互信息，确定所述目标组件对应的视图和目标数据，包括：从视图缓存中获取所述组件配置协议对应的控件视图；或者针对所述组件配置协议中的控件标签，创建对应的控件视图。7.根据权利要求1至6中任一所述的方法，其特征在于，所述将所述目标数据绑定到所述视图，包括：判断所述目标数据是否包含表达式变量；若所述目标数据包含表达式变量，则获取所述目标数据对应的实际值，并将所述实际值绑定到对应的控件视图；或者若所述目标数据不包含表达式变量，则将所述目标数据绑定到对应的控件视图。8.根据权利要求1至6中任一所述的方法，其特征在于，所述目标组件包括：第一页面对应的页面配置协议中包含的存在于本地组件库中的动态组件。9.根据权利要求1至6中任一所述的方法，其特征在于，在所述获取第一页面中目标组2CN108664296A权利要求书2/2页件对应的组件配置协议之前，所述方法还包括：发送所述目标组件所在的第一页面的访问请求给所述服务器；接收所述服务器返回的所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议。10.一种页面处理方法，其特征在于，包括：服务器接收用户通过预置接口触发的设置指令，确定第一页面中的目标组件及所述目标组件的标识；根据所述目标组件的设置指令，生成所述目标组件对应的组件配置协议；所述组件配置协议包括：所述目标组件的结构信息和交互信息；生成所述第一页面的页面配置协议，所述页面配置协议中包括目标组件的标识及所述目标组件对应的组件配置协议；在接收到客户端的所述第一页面的访问请求时，发送所述页面配置协议给所述客户端。11.根据权利要求10所述的方法，其特征在于，所述组件配置协议