编排与配置可复用的交互框架构建方法及系统.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115878923A(43)申请公布日2023.03.31(21)申请号202310044493.8(22)申请日2023.01.30(71)申请人北京微吼时代科技有限公司地址100123北京市朝阳区建国路27号紫檀大厦3层(72)发明人杨新元邵永凯(74)专利代理机构北京乾成律信知识产权代理有限公司11927专利代理师苏捷姚志远(51)Int.Cl.G06F16/957(2019.01)H04L67/02(2022.01)H04L67/30(2022.01)权利要求书2页说明书6页附图3页(54)发明名称编排与配置可复用的交互框架构建方法及系统(57)摘要本申请提供一种编排与配置可复用的交互框架构建方法及系统，所述方法包括：根据项目中需要使用的组件进行全局注册；编写所述项目中各页面的配置文件并导出；根据所述各页面的配置文件加载配置内容；根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面。CN115878923ACN115878923A权利要求书1/2页1.一种编排与配置可复用的交互框架构建方法，其特征在于，包括：根据项目中需要使用的组件进行全局注册；编写所述项目中各页面的配置文件并导出；根据所述各页面的配置文件加载配置内容；根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面。2.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述配置文件中的内容包括多个键值对。3.如权利要求2所述的编排与配置可复用的交互框架构建方法，其特征在于，所述方法还包括：在各组件中全局混入标识码；所述键值对中的键与所述标识码对应，所述键值对中的值包括类注解和数组，其中：所述类注解与所述各页面中需要使用的组件分别对应；所述数组包括该类注解对应的组件下的子组件。4.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述各页面的配置文件加载配置内容，包括：导入所述配置文件。5.如权利要求3所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述各页面的配置文件加载配置内容，包括：从根节点递归遍历所述数组，获得该组件的树形结构；所述根节点为所述标识码；编译所述树形结构，获得所述页面的所述配置内容。6.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面，包括：根据所述配置文件增加页面子属性，使得各页面与所述配置内容建立联系；使用路由的全局导航守卫方法拦截处理；加载不同的页面配置。7.一种编排与配置可复用的交互框架构建系统，其特征在于，包括：全局注册单元，用于根据项目中需要使用的组件进行全局注册；文件配置单元，用于编写所述项目中各页面的配置文件并导出；配置内容加载单元，用于根据所述各页面的配置文件加载配置内容；配置展示单元，用于根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面。8.如权利要求7所述的编排与配置可复用的交互框架构建系统，其特征在于，所述系统还包括全局混入单元，用于在各组件中全局混入标识码；所述配置文件中的内容包括多个键值对，键与所述标识码对应，值包括类注解和数组；所述配置内容加载单元还用于：从根节点递归遍历所述数组，获得该组件的树形结构；所述根节点为所述标识码；编译所述树形结构，获得所述页面的所述配置内容。9.如权利要求7所述的编排与配置可复用的交互框架构建系统，其特征在于，所述配置内容加载单元还用于导入所述配置文件。2CN115878923A权利要求书2/2页10.如权利要求7所述的编排与配置可复用的交互框架构建系统，其特征在于，所述配置展示单元还用于：根据所述配置文件增加页面子属性，使得各页面与所述配置内容建立联系；使用路由的全局导航守卫方法拦截处理；加载不同的页面配置。3CN115878923A说明书1/6页编排与配置可复用的交互框架构建方法及系统技术领域[0001]本申请涉及浏览器网页应用领域，具体而言，涉及一种编排与配置可复用的交互框架构建方法及系统。背景技术[0002]在现有的常规前端工程中，一个工程通常只包含一个应用项目，而组件复用的常规的做法是，把这些组件抽离放到一个公用的目录中，然后在需要使用这些组件时，从页面中去引用它们，页面和组件是直接耦合，图1示出现有的一个前端项目中组件被多页面复用示意图。[0003]而对于多页面的网页端来说，组件的引用会更复杂。以基于软件运营服务（SaaS，SoftwareasaService）的直播网页端为例，通常包括一个PC直播发起端、一个PC直播观看端和一个WAP直播观看端：因为很多组件三端复用，如果也采用组件复用方式，公用组件会被放在更上一层