web页面构建方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112925513A(43)申请公布日2021.06.08(21)申请号202110192551.2(22)申请日2021.02.20(71)申请人北京读我网络技术有限公司地址100088北京市海淀区马甸东路17号22层2615-2(72)发明人仲宁米昱杰王强(74)专利代理机构北京集佳知识产权代理有限公司11227代理人李伟(51)Int.Cl.G06F8/30(2018.01)G06F8/34(2018.01)权利要求书3页说明书11页附图3页(54)发明名称web页面构建方法及装置(57)摘要本发明提供了一种web页面构建方法及装置，该方法包括：响应用户发送的页面构建请求，根据该请求加载组件编辑平台；当接收到用户发送的组件选择信息时，确定用于构建web页面的各个目标web组件；获取每个目标web组件的组件信息及每个目标web组件对应的位置标识；基于每个目标web组件对应的位置标识及组件选择信息，确定各个目标web组件之间的嵌套关系；基于每个目标web组件的组件信息及各个目标web组件之间的嵌套关系，生成页面描述文件；在编辑器内加载页面描述文件，通过页面描述文件渲染各个目标web组件生成web页面。应用本发明提供的方法，无需在每次构建web页面时开发调整代码，提高网页开发搭建的效率。CN112925513ACN112925513A权利要求书1/3页1.一种web页面构建方法，其特征在于，包括：响应于用户发送的页面构建请求，并基于所述页面构建请求，加载预先设置的组件编辑平台，所述组件编辑平台中包含多个已构建的web组件；当接收到所述用户发送的组件选择信息时，基于所述组件选择信息，确定所述用户在所述组件编辑平台的各个web组件中选择的，用于构建web页面的各个目标web组件；获取每个所述目标web组件的组件信息，及每个所述组件信息中包含的目标web组件对应的位置标识；基于每个所述目标web组件对应的位置标识及所述组件选择信息，确定各个所述目标web组件之间的嵌套关系；基于每个所述目标web组件的组件信息，以及各个所述目标web组件之间的嵌套关系，生成页面描述文件；在预先设置的编辑器内加载所述页面描述文件，以通过所述页面描述文件渲染各个所述目标web组件，生成web页面。2.根据权利要求1所述的方法，其特征在于，在所述组件编辑平台中构建各个web组件的过程，包括：获取已上传至所述组件编辑平台的各个组件源代码；调用预先设置的组件构建工具，对各个所述组件源代码进行编译，获得每个组件源代码对应的代码文件；将各个所述代码文件进行压缩和打包，获得每个组件源代码对应的web组件，并将各个web组件存储至组件编辑平台的内容分发网络CDN中，并生成每个所述web组件对应的唯一资源地址。3.根据权利要求2所述的方法，其特征在于，还包括：当接收到组件变更消息时，确定所述组件变更消息对应的web组件；获取所述组件变更消息中包含的组件参数；应用所述组件参数对所述组件变更消息对应的web组件进行调整，以获得所述组件变更消息对应的web组件的组件版本。4.根据权利要求3所述的方法，其特征在于，所述基于所述组件选择信息，确定所述用户在所述组件编辑平台的各个web组件中选择的，用于构建web页面的各个目标web组件，包括：获取所述组件选择信息中包含的各个标识信息，并确定每个所述标识信息对应的web组件为目标web组件；检查每个所述标识信息中是否包含版本标识号，所述版本标识号用于表示该版本标识号所属的标识信息对应的目标web组件的组件版本；若存在任意的标识信息中包含版本标识号，则确定所述版本标识号对应的组件版本为目标版本；获取所述目标版本对应的唯一资源地址，通过所述目标版本对应的唯一资源地址，获得所述标识信息对应的组件版本为所述目标版本的目标web组件；若存在任意的标识信息中不包含版本标识号，则确定所述标识信息对应的目标web组件的最新版本；获取所述最新版本对应的唯一资源地址，通过所述最新版本对应的唯一资源地址，获得所述标识信息对应的组件版本为所述最新版本的目标web组件。2CN112925513A权利要求书2/3页5.根据权利要求1所述的方法，其特征在于，所述基于每个所述目标web组件对应的位置标识及所述组件选择信息，确定各个所述目标web组件之间的嵌套关系，包括：将各个所述目标web组件拖拽至预先设置的页面编辑器中，并根据每个所述目标web组件对应的位置标识，确定各个所述目标web组件之间的初始嵌套关系；基于各个所述目标web组件之间的初始嵌套关系，生成各个所述目标web组件对应的页面树；获取所述组件选择信息中每个所述目标web组件对应的位置参数，并根据每个所述目标web组件对应的