配置方法和装置以及组件渲染方法、装置和系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113760269A(43)申请公布日2021.12.07(21)申请号202010693704.7(22)申请日2020.07.17(71)申请人北京沃东天骏信息技术有限公司地址100176北京市北京经济技术开发区科创十一街18号院2号楼4层A402室申请人北京京东世纪贸易有限公司(72)发明人范偏(74)专利代理机构中原信达知识产权代理有限责任公司11219代理人张一军韩黎捷(51)Int.Cl.G06F8/38(2018.01)G06F16/957(2019.01)G06F16/958(2019.01)权利要求书3页说明书13页附图6页(54)发明名称配置方法和装置以及组件渲染方法、装置和系统(57)摘要本发明公开了一种配置方法和装置以及组件渲染方法、装置和系统，涉及计算机技术领域。该方法的一具体实施方式包括：接收客户端发送的接口请求；根据所述接口请求，从配置端获取视图数据；其中，所述视图数据中包括：第一组件标识、所述第一组件标识对应的布局属性、所述布局属性的值和所述第一组件标识对应的内容属性；配置所述内容属性的值，得到配置后的视图数据；将配置后的视图数据反馈给所述客户端。该实施方式能够动态配置组件的内容，同时降低资源消耗。CN113760269ACN113760269A权利要求书1/3页1.一种配置方法，其特征在于，包括：接收客户端发送的接口请求；根据所述接口请求，从配置端获取视图数据；其中，所述视图数据中包括：第一组件标识、所述第一组件标识对应的布局属性、所述布局属性的值和所述第一组件标识对应的内容属性；配置所述内容属性的值，得到配置后的视图数据；将配置后的视图数据反馈给所述客户端。2.一种配置方法，其特征在于，包括：根据配置数据，确定若干内容属性；确定第一组件标识；确定所述第一组件标识对应的布局属性及所述布局属性的值；展示所述若干内容属性；响应于页面的第一配置指令，确定所述第一组件标识对应的内容属性；根据所述第一组件标识、所述布局属性、所述布局属性的值和所述内容属性，生成视图数据。3.如权利要求2所述的方法，其特征在于，所述根据配置数据，确定若干内容属性，包括：确定所述配置数据是否满足JS对象简谱JSON数据格式，如果是，对所述配置数据进行解析，得到Map结构的数据；其中，所述Map结构的数据中的键值为所述内容属性。4.如权利要求2所述的方法，其特征在于，所述确定第一组件标识，包括：展示若干第二组件标识；响应于页面的第二配置指令，在所述若干第二组件标识中确定所述第一组件标识。5.如权利要求2所述的方法，其特征在于，进一步包括：根据所述第一组件标识，获取第一组件；根据所述布局属性及其值，在效果展示区展示所述第一组件；确定所述效果展示区的尺寸；所述根据所述第一组件标识、所述布局属性、所述布局属性的值和所述内容属性，生成视图数据，包括：根据所述第一组件标识、所述效果展示区的尺寸、所述布局属性、所述布局属性的值和所述内容属性，生成视图数据。6.一种组件渲染方法，其特征在于，包括：向服务端发送接口请求；接收所述服务端针对所述接口请求反馈的配置后的视图数据；其中，所述配置后的视图数据中包括：第一组件标识、所述第一组件标识对应的布局属性、所述布局属性的值、所述第一组件标识对应的内容属性及所述内容属性的值；根据所述第一组件标识，获取第一组件；根据所述布局属性、所述布局属性的值、所述内容属性及所述内容属性的值，渲染所述第一组件。2CN113760269A权利要求书2/3页7.如权利要求6所述的方法，其特征在于，所述根据所述第一组件标识，获取第一组件，包括：根据所述第一组件标识从ReactNative的组件中获取所述第一组件。8.如权利要求6所述的方法，其特征在于，所述根据所述布局属性、所述布局属性的值、所述内容属性及所述内容属性的值，渲染所述第一组件，包括：根据所述内容属性及所述内容属性的值，渲染所述第一组件；根据所述布局属性及所述布局属性的值，对渲染后的所述第一组件进行布局。9.如权利要求8所述的方法，其特征在于，所述配置后的视图数据中进一步包括：效果展示区的尺寸；所述根据所述布局属性及所述布局属性的值，对渲染后的所述第一组件进行布局，包括：根据效果展示区的尺寸和展示屏幕的尺寸，确定调整比例；根据所述调整比例、所述布局属性及所述布局属性的值，对渲染后的所述第一组件布局。10.如权利要求6-9中任一所述的方法，其特征在于，进一步包括：通过ReactNative创建纯组件；所述根据所述第一组件标识，获取第一组件，包括：根据所述纯组件和所述第一组件标识，获取第一组件；所述根据所述布局属性、所述布局属性的值、所述内容属性及所述内容属性的值，渲染所述第一组件，包括