买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：上海才匠智能科技有限公司

摘要：本发明公开了一种基于Web的复合组件渲染与实时更新方法，解决了现有复合组件设计中存在的更新同步和维护效率问题，开发者能将多个基础UI组件灵活组合并封装成一个高度定制化的复合组件，这些复合组件不仅包括视觉布局和风格，还涵盖了所需的功能性属性、事件处理逻辑以及向外部暴露的接口。这些信息随后被存储于服务器，并在页面加载时同步到本地的IndexedDB数据库中，此机制确保复合组件更新或修改后，使用该组件的所有页面能够即时接收最新信息并自动更新渲染，无需手动操作。本发明可以显著减少在业务逻辑变更时的重复性工作，提高页面维护的效率，此外，还有助于保持项目团队间的同步一致性，降低沟通成本，优化协作流程。

主权项：1.一种基于Web的复合组件渲染与实时更新方法，其特征在于，包括：S1、开发者在管理界面创建一个新的复合组件；S2、开发者通过拖拽操作，将多个基础UI组件组合至一个复合组件容器内，该操作允许开发者灵活配置，允许开发者将预定义的基础组件拖入复合组件的容器中，每个基础组件都能够独立配置；S3、对复合组件进行属性、事件和接口的定义配置，由开发者设置复合组件的视觉属性以及定义组件的行为和逻辑，并且由开发者定义与外部环境交互的接口，这些接口允许复合组件与外部系统或其它组件交换数据和消息；S3、完成设计后，将复合组件的配置信息保存至服务器，包括了复合组件的结构描述、样式设置、事件处理逻辑以及接口定义，配置信息以JSON格式保存，便于后续检索和使用；S4、在页面加载时，复合组件的信息从服务器同步到本地的IndexedDB数据库中；S5、使用复合组件渲染组件，该渲染组件负责解析IndexedDB中存储的复合组件信息，并将其转换为实际的UI元素，该过程包括解析组件的结构、应用样式、绑定事件处理函数；S6、服务器上复合组件更新后，所有使用此组件的页面将自动接收最新信息并更新渲染，通过一个自动的同步机制实现，当服务器上的复合组件信息发生变更时，相关的更改会被推送到所有订阅了该复合组件的页面，这些页面随后从IndexedDB中重新获取最新的组件信息，并进行重新渲染，确保用户界面总是反映最新的状态。

全文数据：

权利要求：

百度查询： 上海才匠智能科技有限公司 一种基于Web的复合组件渲染与实时更新方法