[发明专利]一种基于微服务的跨技术栈web前端开发系统及方法

权利要求书

1.一种基于微服务的跨技术栈web前端开发系统，其特征在于，包括：

微服务平台，其包括若干web前端功能模块，各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI；所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)；所述各web技术栈根据各自构建工具不同，选择从插件集中调用所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，所述对应关系表用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现；所述各web技术栈构建工具中的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签；

插件集，包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载所需web前端功能模块。

2.根据权利要求1所述的基于微服务的跨技术栈web前端开发系统，其特征在于：当同一技术栈的两个web页面需要加载相同的自定义标签时，base插件会检测之前是否已经从微服务平台请求过，如果请求过，则不再请求。

3.根据权利要求1-2中任一项所述的基于微服务的跨技术栈web前端开发系统，其特征在于：所述web技术栈包括vue技术栈、react技术栈、angularjs技术栈、BACKBONE技术栈中的一种或多种；所述构建工具包括gulp、grunt、bower、fis、webpack中的一种或多种；

插件包括文件解析插件、基础服务插件(base插件)、基础文件注入插件、样式解析插件中的一种或多种。

4.根据权利要求3所述的基于微服务的跨技术栈web前端开发系统，其特征在于：微服务平台设于特定服务器或分布式系统中。

5.根据权利要求1-3、4中任一项所述的基于微服务的跨技术栈web前端开发系统，其特征在于：所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。

6.一种基于微服务的跨技术栈web前端开发方法，包括：

构建微服务平台的步骤：所述微服务平台包括若干web前端功能模块，各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI，所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)；

构建插件集的步骤：所述插件集包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载所需web前端功能模块；

通过插件识别和调用自定义标签的步骤：不同web技术栈开发web前端产品时，所述各web技术栈根据各自构建工具不同，选择从所述插件集中调用所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现。

7.根据权利要求6所述的基于微服务的跨技术栈web前端开发方法，其特征在于：所述各web技术栈构建工具中的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签。

8.根据权利要求6或7所述的基于微服务的跨技术栈web前端开发方法，其特征在于：所述微服务平台设于特定服务器或分布式系统中，所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。

9.根据权利要求8所述的基于微服务的跨技术栈web前端开发方法，其特征在于：当同一技术栈的两个web页面需要加载相同的自定义标签时，base插件会检测之前是否已经从微服务平台请求过，如果请求过，则不再请求。