CN108664239B - 一种基于微服务的跨技术栈web前端开发系统及方法 - Google Patents

一种基于微服务的跨技术栈web前端开发系统及方法 Download PDF

Info

Publication number
CN108664239B
CN108664239B CN201810489088.6A CN201810489088A CN108664239B CN 108664239 B CN108664239 B CN 108664239B CN 201810489088 A CN201810489088 A CN 201810489088A CN 108664239 B CN108664239 B CN 108664239B
Authority
CN
China
Prior art keywords
web
plug
web front
micro
technology
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201810489088.6A
Other languages
English (en)
Other versions
CN108664239A (zh
Inventor
贾来宾
李红朝
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
CITIC Aibank Corp Ltd
Original Assignee
CITIC Aibank Corp Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by CITIC Aibank Corp Ltd filed Critical CITIC Aibank Corp Ltd
Priority to CN201810489088.6A priority Critical patent/CN108664239B/zh
Publication of CN108664239A publication Critical patent/CN108664239A/zh
Application granted granted Critical
Publication of CN108664239B publication Critical patent/CN108664239B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/33—Intelligent editors
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)

Abstract

本发明提供了一种基于微服务的跨技术栈web前端开发系统及方法，该系统包括：微服务平台，其包括若干web前端功能模块，所述各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI；插件集，包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载所述web前端功能模块。该方法包括：构建微服务平台的步骤、构建插件集的步骤、通过插件识别和调用自定义标签的步骤。本发明解决了由于不同web技术栈存在不同规范体系，导致产品开发者的工作量加大，维护成本变大，产品功能得不到同步升级及代码冗余等问题。

Description

一种基于微服务的跨技术栈web前端开发系统及方法
技术领域
本发明属于web前端产品开发领域，涉及跨技术栈web前端开发服务技术，具体公开了一种基于微服务的跨技术栈web前端开发系统及方法。
背景技术
目前web前端开发的主流技术栈有VUE，REACT，ANGULARJS，BACKBONE等，他们都具有独立的技术规范体系、语法风格、生命周期函数以及构建处理方式等均不相同，相互之间不能通用。
如图1所示，由于不同技术栈各自的技术规范体系、语法风格、生命周期，导致相互之间不可通用，那么就会造成不同产品客户端要开发多套不同技术栈的相同功能的技术产品，即在VUE，REACT，ANGULARJS，BACKBONE等不同的技术栈中，需要编写不同的业务代码，造成开发者的工作量加大，维护成本变大，产品功能得不到同步升级。
相同技术栈不同产品业务功能的代码复用，也要复制到同一个代码工程下管理，造成代码冗余，不好同步修改管理。
发明内容
为了克服现有技术中存在的不同技术栈代码重复研发，开发和维护成本高，不同技术栈产品不能实现同步更新，代码冗余导致系统缓慢等一系列问题，本发明提供了一种基于微服务的跨技术栈web前端开发系统，所述系统包括：
微服务平台，其包括若干web前端功能模块，所述各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI；
插件集，包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载web前端功能模块。本发明就是针对不同web技术栈基于web产品的渲染特性以及html的自定义标签等新特性，做到了模板标签和产品的业务逻辑抽取，可以适用不同的web开发技术栈，做到了一次开发可以多端产品适用。
本发明适用于各端浏览器，以及含webview属性的小程序应用、原生app等。
在上述系统中，所述web前端功能模块封装有实现特定功能的业务逻辑代码和/或视图UI，将模块视为最基本的组成要素，而不是业务代码，从而突破了不同技术栈之间的技术规范体系，语法风格，周期函数等限制。
同时系统中的插件集模块集成了适用于不同技术栈的插件，根据待开发产品适用的技术栈选择与其对应的的插件，使得该系统可适用不同的web开发技术栈，做到了一次开发可以多端产品适用。
如果一款应用产品要多渠道多形态推广发布，就要使用不同的技术栈开发多套相同功能的产品应用，如果产品功能升级，所有技术栈产品都要再开发。这就造成的开发周期加长，增加了开发人员的工作量，后期的维护成本提高。
本发明就将相同功能的产品业务逻辑抽取到了微服务平台，不同的技术栈不需再开发相同功能的业务逻辑。如果产品功能升级，只需要升级微服务平台相对应的服务就可以了。缩短了开发周期，减少了开发人员的工作量，降低了后期的维护成本。
进一步地，为了便于识别与管理所述各web前端功能模块，所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引map，根据自定义标签索引map能够快速定位所需要的自定义标签。
所述各web技术栈根据各自构建工具不同，选择从所述插件集中调用所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引map的对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现。
通过html的web组件特性，先将业务模块的展示和逻辑处理抽取成一个自定义标签，将所有的自定义标签组成微服务平台。不同的产品应用的技术栈在编写代码时，直接导入微服务的自定义标签索引，当产品应用构建工程代码时通过调用插件，会生成一个引用索引和微服务的map对应关系表。当web view渲染页面时会首先根据当前页面的map加载对应的自定义标签注册到web view，这样就可以融合到不同技术栈正常使用。如果微服务平台功能模块升级，用户之间访问页面就可以看到效果，引用服务的技术栈无需改造升级。
所述插件产生出的产品业务文件微服务平台中自定义标签索引(map)的对应关系表，动态加载业务所需自定义标签，可以理解为在开发产品时，根据产品的功能需求，直接从微服务平台寻找到产品所需要的自定义标签。
被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现，可以理解为将寻找到所需要的自定义标签直接注册到webwiew中，通过webview渲实现开发产品与微服务平台中的对应的web前端服务功能模块在web前端展现。
优选地，所述各web技术栈构建工具调用的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签。
当同一技术栈的两个web页面需要加载相同的自定义标签时，base插件会检测之前是否已经从微服务平台请求过，如果请求过，则不再请求。不会出现重复拉取的现象，避免页面冗余的产生，起到性能优化的作用。
动态加载就是根据产品页面只加载当前显示页面中的自定义标签，当页面显示渲染时，base插件解析到当前所用到的自定义标签，这时才会向微服务平台请求真正的自定义标签示例。因为目前的技术栈像VUE、react，都是绘制的虚拟dom，而自定义标签必须先注册到客户端的浏览器或webview中才能正常使用，所以base文件是将用在VUE、react技术栈虚拟dom的模板中的自定义标签优先检索，提前配合map对应关系表将自定义标签对于的功能模块，从微服务平台中加载到客户端并注册。这样在执行vue或react文件时，所在的技术栈中的虚拟dom就可以直接使用自定义标签对应的功能模块，从而将相关功能在页面上正常渲染出来。
优选地，所述web技术栈包括vue技术栈、react技术栈、angularjs技术栈、BACKBONE技术栈中的一种或多种；所述构建工具包括gulp、grunt、bower、fis、webpack中的一种或多种；所述插件包括文件解析插件、基础服务插件(base插件)、基础文件注入插件、样式解析插件中的一种或多种。
其中，所述文件解析插件用于分析文件中所引用的自定义标签，替换引用的虚拟路径，和自定义标签间的关系图谱，产出map文件。基础服务插件(base插件)用来让浏览器或webview能给支持并使用自定义标签，和支持自定义style、按需动态加载加载等功能。基础文件注入插件用于将所依赖的基础文件注入到产品的首页。样式解析插件用于根据样式表(样式选择器)匹配，将用户自定义的样式覆盖到对应的自定义标签中。
根据待设计web前端产品所使用的不同技术栈所采用的不同的构建工具，可以选用不同的插件或插件组合。
进一步地，若为了实现微服务平台的统一管理，其设定在特定的服务其中；若为了实现微服务平台可以由不同业务开发组共同维护，共同使用，可将其设定在分布式系统中。
用本发明开发的业务代码，不用复制代码到产品工程下，可以直接引用使用。而且相同业务代码可以不同的业务组维护，大家都可以使用，实现去中心化管理方式。
进一步地，为了保证微服务平台中所述web前端服务模块的升级和灵活管理，所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。
为了克服现有技术中存在的上述问题，本发明还提供了基于微服务的跨技术栈web前端开发方法，具体包括如下步骤：
构建微服务平台的步骤：所述微服务平台包括若干web前端功能模块，所述各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI，所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)；
构建插件集的步骤：所述插件集包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载所需web前端功能模块；
通过插件识别和调用自定义标签的步骤：不同web技术栈开发web前端产品时，所述各web技术栈根据各自构建工具不同，选择从所述插件集中调用所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现。
在上述方法中，微服务平台中所述web前端功能模块封装有实现特定功能的业务逻辑代码和/或视图UI，将模块视为最基本的组成要素，而不是业务代码，从而突破了不同技术栈之间的技术规范体系，语法风格，周期函数等限制；
同时构建的插件集成了适用于不同技术栈的插件，根据待开发产品适用的技术栈选择与其对应的的插件，使得该系统可适用不同的web开发技术栈，做到了一次开发可以多端产品适用；
所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)，根据自定义标签索引(map)能够快速定位所需要的自定义标签；
在通过插件识别和调用自定义标签的步骤中，所述插件产生出的产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，动态加载业务所需自定义标签，可以理解为在开发产品时，根据产品的功能需求，直接从微服务平台寻找到产品所需要的自定义标签；被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现，可以理解为将寻找到所需要的自定义标签直接注册到webwiew中，通过webview渲实现开发产品与微服务平台中的对应的web前端服务功能模块在web前端展现。
所述各web技术栈构建工具中的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签。
进一步地，若为了实现微服务平台的统一管理，其设定在特定的服务其中；若为了实现微服务平台可以由不同业务开发组共同维护，共同使用，其设定在分布式系统中；为了保证微服务平台中所述前端服务模块的升级和灵活管理，所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。
附图说明
图1是现有技术中不同web技术栈开发流程图；
图2是本发明所述基于微服务的跨技术栈web前端开发系统实施例逻辑框图；
图3是本发明所述基于微服务的跨技术栈web前端开发系统业务流程示意图；
图4为本发明所述基于微服务的跨技术栈web前端开发系统web运行示意图。
具体实施方式
为了使本发明技术方案更容易理解，现结合附图采用具体实施例的方式，对本发明的技术方案进行清晰、完整的描述。应当注意，在此所述的实施例仅为本发明的部分实施例，而非本发明的全部实现方式，所述实施例只有示例性，其作用只在于为审查员及公众提供理解本发明内容更为直观明了的方式，而不是对本发明所述技术方案的限制。在不脱离本发明构思的前提下，所有本领域普通技术人员没有做出创造性劳动就能想到的其它实施方式，及其它对本发明技术方案的简单替换和各种变化，都属于本发明的保护范围。
如图1不同技术栈的业务代码部分所示，现在根据产品的推广渠道，会选择不同的技术栈，尽管他们的产品业务功能相同，但是因为技术栈语法、规范等不同，导致代码在各技术栈之间相互独立不能复用，这样需要开发多套业务代码，从而导致大量的重复工作，对产品推广时间、开发人员数量和业务迭代更新造成成本损失。
为解决这些问题，提供两种基于微服务的跨技术栈web前端开发系统。
如图2所示，一种基于微服务的跨技术栈web前端开发系统，包括：微服务平台，其包括若干web前端功能模块，各web前端功能模块用于在产品开发时供不同web技术栈识别和调用，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和视图UI；
插件集，包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载web前端功能模块。
如图3所示，所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)。
所述各web技术栈根据各自构建工具不同，选择从所述插件集中调用相应所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现。
所述各web技术栈构建工具中的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签。
所述web技术栈包括vue技术栈、react技术栈、angularjs技术栈、BACKBONE技术栈；所述构建工具为webpack。
所述微服务平台设于分布式系统中，所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。
如图4所示，web前端产品构建时，根据不同技术栈的不同构建工具，调用对应的插件plugin，插件通过对待开发web前端产品业务文件的梳理，首先产生出一个业务文件与自定义标签的map对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，并进而加载web前端功能模块封装的能够实现特定功能的业务逻辑代码和视图UI。其次，插件还会产生一个base文件，注入到应用文件首页中，以便获取自定义标签所需的依赖。
当待开发web前端产品在web渲染，加载业务代码发现依赖web前端功能模块时，base文件通过map对应关系表优先动态拉取所需web前端功能模块，注册到浏览器中供使用。当其他业务代码依赖相同web前端功能模块时，不会出现重复拉取的现象，避免页面冗余的产生，起到性能优化的作用。支持自定义覆盖style风格的功能，让产品展示多样化。
在特定实施例中，各web前端功能模块设有一套默认的风格样式，但是不同产品对页面展示风格要求不同，此时，用户可以在自己的工程根目录下新建一个样式文件，在其中对所使用的自定义标签的样式进行自定义覆盖，对应技术栈插件会自动检测用户自定义的样式内容，并覆盖对应的自定义标签样式，最终实现个性化的风格展示。
在微服务平台里升级web前端功能模块，不同的技术栈产品就能同步升级了。
以开发百信银行app、随手记H5、微信公众号为例，若开发授信、用信、还款功能时，以常规技术，由于使用了三套技术栈，所需开发人力分别为：5人日、4人日、4人日，共13人日；使用本发明所述系统后，只需要在所述微服务中将所述功能开发一次，并统一设于微服务平台即可，所需人力一共为4人日。综合开发成本由13人日减少到了4人日，减少了70％左右的开发工时。在答复降低人力成本的同时，相关系统升级、功能改造等项目，可以在分布式系统中，由不同团队完成。
为了克服现有技术中存在的上述问题，本发明还提供了基于微服务的跨技术栈web前端开发方法，具体包括如下步骤：
构建微服务平台的步骤：所述微服务平台包括若干web前端功能模块，所述各web前端功能模块用于在产品开发时供不同web技术栈识别和加载，各web前端功能模块封装有能够实现特定功能的业务逻辑代码和/或视图UI，所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)；
构建插件集的步骤：所述插件集包括若干插件，各插件用于供不同web技术栈识别、调用并据以加载所需web前端功能模块；
通过插件识别和调用自定义标签的步骤：不同web技术栈开发web前端产品时，所述各web技术栈根据各自构建工具不同，选择从所述插件集中调用所需的插件，所述插件在对应构建工具中根据待开发web前端产品需求，产生出一个产品业务文件与微服务平台中自定义标签索引(map)的对应关系表，用来动态加载待开发web前端产品业务所需自定义标签，被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现。
在上述方法中，微服务平台中所述web前端功能模块封装有实现特定功能的业务逻辑代码和/或视图UI，将模块视为最基本的组成要素，而不是业务代码，从而突破了不同技术栈之间的技术规范体系，语法风格，周期函数等限制；
同时构建的插件集成了适用于不同技术栈的插件，根据待开发产品适用的技术栈选择与其对应的的插件，使得该系统可适用不同的web开发技术栈，做到了一次开发可以多端产品适用；
所述各web前端功能模块以自定义标签的形式设于所述微服务平台中，并形成自定义标签索引(map)，根据自定义标签索引(map)能够快速定位所需要的自定义标签；
在通过插件识别和调用自定义标签的步骤中，所述插件产生出的产品业务文件微服务平台中自定义标签索引(map)的对应关系表，动态加载业务所需自定义标签，可以理解为在开发产品时，根据产品的功能需求，直接从微服务平台寻找到产品所需要的自定义标签；被动态加载的自定义标签注册到web view中，通过web view渲染实现所述web前端功能模块所述功能在web前端展现，可以理解为将寻找到所需要的自定义标签直接注册到webwiew中，通过webview渲实现开发产品与微服务平台中的对应的web前端服务功能模块在web前端展现。
所述各web技术栈构建工具中的插件还会产生一个base文件，其注入到web应用文件首页中，以便获取待开发web前端产品对应自定义标签所需的依赖，所述依赖用于动态调取所需自定义标签。
进一步地，若为了实现微服务平台的统一管理，其设定在特定的服务其中；若为了实现微服务平台可以由不同业务开发组共同维护，共同使用，其设定在分布式系统中；为了保证微服务平台中所述前端服务模块的升级和灵活管理，所述微服务平台中的web前端功能模块可根据业务需求进行修改、删除或增添。

Claims (9)

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插件会检测之前是否已经从微服务平台请求过，如果请求过，则不再请求。
CN201810489088.6A 2018-05-21 2018-05-21 一种基于微服务的跨技术栈web前端开发系统及方法 Active CN108664239B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810489088.6A CN108664239B (zh) 2018-05-21 2018-05-21 一种基于微服务的跨技术栈web前端开发系统及方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810489088.6A CN108664239B (zh) 2018-05-21 2018-05-21 一种基于微服务的跨技术栈web前端开发系统及方法

Publications (2)

Publication Number Publication Date
CN108664239A CN108664239A (zh) 2018-10-16
CN108664239B true CN108664239B (zh) 2021-08-03

Family

ID=63777045

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810489088.6A Active CN108664239B (zh) 2018-05-21 2018-05-21 一种基于微服务的跨技术栈web前端开发系统及方法

Country Status (1)

Country Link
CN (1) CN108664239B (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109542400A (zh) * 2018-11-23 2019-03-29 四川长虹电器股份有限公司 基于前端技术栈的跨平台应用开发方法
CN109656558B (zh) * 2018-12-19 2022-04-19 四川虹美智能科技有限公司 一种生成ui插件的方法及装置
CN109741176B (zh) * 2018-12-28 2021-04-27 四川新网银行股份有限公司 一种基于互联网金融场景下的分布式业务调度系统
CN110213377B (zh) * 2019-06-05 2022-07-12 上海易点时空网络有限公司 在线生成webpack配置的方法
CN110457024B (zh) * 2019-07-29 2020-09-22 南京控维通信科技有限公司 基于VUE的前端请求和更新数据的插件iwebData实现方法
CN110569642A (zh) * 2019-09-02 2019-12-13 紫光云技术有限公司 一种基于小程序的微服务管理平台
CN111209508A (zh) * 2019-12-26 2020-05-29 浪潮通用软件有限公司 一种基于Angular的路由机制的多文档展示方法
CN111428168B (zh) * 2020-03-18 2020-11-10 北京三维天地科技股份有限公司 一种可与后端架构分离开发的浏览器前端架构系统
CN111651160B (zh) * 2020-06-02 2023-07-04 上海泛微网络科技股份有限公司 插件构建、网页设计的方法和装置
CN111443944B (zh) * 2020-06-12 2020-09-08 支付宝(杭州)信息技术有限公司 一种程序构建方法、装置及设备
CN113157333B (zh) * 2021-03-25 2022-09-02 中国电子科技集团公司第二十九研究所 一种态势标绘插件前端集成系统
CN113419741B (zh) * 2021-07-16 2022-05-27 南威软件股份有限公司 基于Springboot的在线接口代码生成方法

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105094754A (zh) * 2014-04-21 2015-11-25 阿里巴巴集团控股有限公司 基于标签的程序开发方法、页面请求响应方法及其装置
CN107959718A (zh) * 2017-11-17 2018-04-24 西北工业大学 一种云计算环境下企业级应用软件的微服务架构

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180004544A1 (en) * 2016-06-30 2018-01-04 Sap Se Personalized run time user interfaces

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105094754A (zh) * 2014-04-21 2015-11-25 阿里巴巴集团控股有限公司 基于标签的程序开发方法、页面请求响应方法及其装置
CN107959718A (zh) * 2017-11-17 2018-04-24 西北工业大学 一种云计算环境下企业级应用软件的微服务架构

Also Published As

Publication number Publication date
CN108664239A (zh) 2018-10-16

Similar Documents

Publication Publication Date Title
CN108664239B (zh) 一种基于微服务的跨技术栈web前端开发系统及方法
EP3399721B1 (en) Interface data displaying method and device
EP1302867A2 (en) Efficient web page localization
CN102129364A (zh) 应用程序中嵌入微件工具栏的方法和快速访问微件的方法
CN101944032A (zh) 一种微件更新的方法及客户端、服务器及系统
CN110941779B (zh) 加载页面的方法、装置、存储介质及电子设备
CN104407863A (zh) 抽象控件模型编程装置和方法
CN101957756A (zh) 一种智能移动终端程序快速生成系统及方法
US11640441B2 (en) Page displaying method and device, computer-readable storage medium and electronic device
CN105700925A (zh) 一种app的界面实现方法和装置
CN100585561C (zh) 在嵌入式系统剪裁可重定位的elf文件的方法
CN103473062A (zh) 一种基于用户空间文件系统的移动终端定制化方法及系统
CN105988814B (zh) 界面生成方法及装置
CN108885544B (zh) 前端页面国际化处理方法、应用服务器及计算机可读存储介质
CN110727429B (zh) 一种前端页面的生成方法、装置及设备
CN102253986A (zh) 提高多终端网页显示效果的方法和装置
CN110895481A (zh) 桌面应用的渲染方法、装置和系统
CN101876998B (zh) 一种实现数据编辑的方法和系统
CN104361040A (zh) 一种定制查询的方法及装置
KR20110130611A (ko) 이기종 운영체제 계층 모듈에서 동작하는 웹기반어플리케이션의 연동이 가능한 모바일 단말기용 웹 플랫폼 유닛
CN105094787B (zh) 企业互联网应用的处理方法及装置
CN104063277A (zh) 一种信息处理方法及电子设备
CN116302250A (zh) 界面复用方法、装置、电子设备和存储介质
CN101772196A (zh) 处理移动终端发送的信息的方法和系统以及代理服务器
CN114527979A (zh) 一种生成多端表单交互页面的方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant