动态界面渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108334387A(43)申请公布日2018.07.27(21)申请号201710042719.5(22)申请日2017.01.20(71)申请人阿里巴巴集团控股有限公司地址英属开曼群岛大开曼资本大厦一座四层847号邮箱(72)发明人李彪赵麟翔陆阳(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人苏培华(51)Int.Cl.G06F9/451(2018.01)权利要求书4页说明书17页附图3页(54)发明名称动态界面渲染方法及装置(57)摘要本申请实施例公开了动态界面渲染方法及装置，其中，所述方法包括：服务端保存目标界面类的组件配置信息以及各组件之间的叠加结构关系配置信息；按照界面所需展示内容在业务含义维度上的不同，将界面所需展示内容划分为至少一个组件，所述组件的内容以及交互方式通过数据的方式进行定义，并具有预置的数据格式；在接收到对目标界面类进行实例化渲染的请求时，获得业务数据；将所述业务数据映射为组件所需的数据，生成组件数据集合；调用组件实现代码进行组件渲染，并根据组件渲染结果以及所述组件间的叠加结构关系配置信息，对所述目标界面类进行实例化渲染。通过本申请实施例，能够提高界面更新效率以及界面资源利用率。CN108334387ACN108334387A权利要求书1/4页1.一种界面配置信息处理方法，其特征在于，包括：服务端接收第一客户端为目标界面类提交的组件配置信息，其中，按照界面所需展示内容在业务含义维度上的不同，将界面内容划分为至少一个组件，所述组件的内容以及交互方式通过数据的方式进行定义，并具有预置的数据格式；接收各组件之间的叠加结构关系配置信息；保存所述组件配置信息以及所述叠加结构关系配置信息，所述组件配置信息以及所述叠加结构关系配置信息用于对所述界面类进行实例化渲染。2.根据权利要求1所述的方法，其特征在于，所述接收第一客户端为目标界面类提交的组件配置信息，包括：提供用于定义组件的第一操作选项；通过所述第一操作选项接收所述第一客户端提交的组件数据字段配置信息；根据所述组件数据字段配置信息以及预置的组件数据结构格式生成组件实现代码，将该生成的组件确定为用以组合成界面的组件。3.根据权利要求2所述的方法，其特征在于，还包括：提供用于指定组件类型的第二操作选项，所述组件类型与所述组件在人机交互维度上的功能相关；通过所述第二操作选项接收第一客户端提交的组件的类型配置信息并保存。4.根据权利要求2或3所述的方法，其特征在于，还包括：提供用于指定组件名称的第三操作选项，所述组件名称与所述组件在业务系统中的功能相关；通过所述第三操作选项接收第一客户端提交的组件的名称配置信息并保存。5.根据权利要求2所述的方法，其特征在于，还包括：提供用于指定组件数据校验规则的第四操作选项；通过所述第四操作选项接收组件数据的校验规则信息并保存。6.根据权利要求2所述的方法，其特征在于，还包括：为所述组件生成唯一性标识信息。7.根据权利要求1所述的方法，其特征在于，所述接收第一客户端为目标界面类提交的组件配置信息，包括：提供用于从已有组件中进行选择的第五操作选项，并提供各已有组件的类型信息；通过所述第五操作选项接收所述第一客户端选定的目标组件，将该目标组件确定为用以组合成界面的组件。8.根据权利要求7所述的方法，其特征在于，还包括：提供用于指定组件名称的第三操作选项，所述组件名称与所述组件在业务系统中的功能相关；通过所述第三操作选项接收组件的名称配置信息并保存。9.根据权利要求7所述的方法，其特征在于，还包括：提供用于建立字段映射关系的第六操作选项；通过所述第六操作选项接收第一客户端提交的业务数据字段名称与所述已有组件中定义的组件数据字段名称之间的映射关系并保存。2CN108334387A权利要求书2/4页10.根据权利要求1所述的方法，其特征在于，所述接收各组件之间的叠加结构关系配置信息，包括：接收第一客户端通过结构树的方式提交的所述叠加结构关系配置信息；以键值对的形式保存各组件在所述结构树中的父子节点关系，其中，父节点的组件名称为键，子节点的组件名称为值，当同一父节点的子节点为多个时，多个子节点的组件名称以有序数组的形式保存在值中。11.根据权利要求1至10任一项所述的方法，其特征在于，还包括：接收组件数据人机交互行为配置信息并保存。12.根据权利要求11所述的方法，其特征在于，所述接收组件数据人机交互行为配置信息，包括：接收第一列表，所述第一列表中记录有第一组件集合，所述第一组件集合中的各组件在人机交互产生数据变更时，进行服务端的请求，且以服务端返回的数据状态作为组件的新的数据状态以更新页面。13.根据权利要求11所述的方法，其特征在于，所述接收组