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

本申请提供一种编排与配置可复用的交互框架构建方法及系统，所述方法包括：根据项目中需要使用的组件进行全局注册；编写所述项目中各页面的配置文件并导出；根据所述各页面的配置文件加载配置内容；根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面。示页面。示页面。

【技术实现步骤摘要】
编排与配置可复用的交互框架构建方法及系统


[0001]本申请涉及浏览器网页应用领域，具体而言，涉及一种编排与配置可复用的交互框架构建方法及系统。

技术介绍

[0002]在现有的常规前端工程中，一个工程通常只包含一个应用项目，而组件复用的常规的做法是，把这些组件抽离放到一个公用的目录中，然后在需要使用这些组件时，从页面中去引用它们，页面和组件是直接耦合，图1示出现有的一个前端项目中组件被多页面复用示意图。
[0003]而对于多页面的网页端来说，组件的引用会更复杂。以基于软件运营服务（SaaS，Software as a Service）的直播网页端为例，通常包括一个PC直播发起端、一个PC直播观看端和一个WAP直播观看端：因为很多组件三端复用，如果也采用组件复用方式，公用组件会被放在更上一层的目录中，在多个端的应用项目的多个页面中去引用，也就意味着，增加或删除一个组件，需要同时去这三端的应用项目的页面中进行处理，于是，复杂度明显提高，维护成本增加。图2示出现有的常规的多前端项目中多组件被多页面复用结构示例图。一个组件被多个应用中的多页面引本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种编排与配置可复用的交互框架构建方法，其特征在于，包括：根据项目中需要使用的组件进行全局注册；编写所述项目中各页面的配置文件并导出；根据所述各页面的配置文件加载配置内容；根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面。2.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述配置文件中的内容包括多个键值对。3.如权利要求2所述的编排与配置可复用的交互框架构建方法，其特征在于，所述方法还包括：在各组件中全局混入标识码；所述键值对中的键与所述标识码对应，所述键值对中的值包括类注解和数组，其中：所述类注解与所述各页面中需要使用的组件分别对应；所述数组包括该类注解对应的组件下的子组件。4.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述各页面的配置文件加载配置内容，包括：导入所述配置文件。5.如权利要求3所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述各页面的配置文件加载配置内容，包括：从根节点递归遍历所述数组，获得该组件的树形结构；所述根节点为所述标识码；编译所述树形结构，获得所述页面的所述配置内容。6.如权利要求1所述的编排与配置可复用的交互框架构建方法，其特征在于，所述根据所述配置文件与所述配置内容，进行前端路由设置，加载配置并展示页面，包括：根...

【专利技术属性】
技术研发人员：杨新元，邵永凯，
申请(专利权)人：北京微吼时代科技有限公司，
类型：发明
国别省市：