一种基于HTML实现API编排的方法和系统技术方案

本发明专利技术涉及一种基于HTML实现API编排的方法和系统，API编排用于编排流程图，该流程图包括流程图节点和流程图节点间的连接线样式，所述方法包括：采用html元素构建流程图节点的渲染逻辑，采用层叠样式表构建流程图节点间的连接线样式的显示逻辑，采用flex布局构建流程图的响应式布局逻辑，基于渲染逻辑、显示逻辑和响应式布局逻辑渲染流程图。与现有技术相比，本发明专利技术具有适用于不同屏幕大小的设备、兼容更好、显示更直观、样式调整更方便等优点。样式调整更方便等优点。样式调整更方便等优点。

【技术实现步骤摘要】
一种基于HTML实现API编排的方法和系统


[0001]本专利技术涉及API编排
，尤其是涉及一种基于HTML实现API编排的方法和系统。

技术介绍

[0002]API(Application
‑
Programming
‑
Interface，应用程序接口)是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问原码，或理解内部工作机制的细节。
[0003]API编排作为企业信息化中重要的基础设施目前市场上已有多个成熟的商业产品，包括IBM，微软都有相应的产品，开源产品中，知名度比较高的就是MuleSoft，但MuleSoft一些核心连接器比如SAP连接器并未开源，这些产品都实现了在线API编排的功能，都是基于canvas技术实现，该技术可实现以下功能：
[0004]1、连接器绘制：基于canvas可以动态渲染连接器，比如连接器主色调根据主题进行调整，连接器名称可以由后台进行配置，渲染时进行动态显示；
...

【技术保护点】

【技术特征摘要】
1.一种基于HTML实现API编排的方法，所述API编排用于编排流程图，该流程图包括流程图节点和流程图节点间的连接线样式，其特征在于，所述方法包括：采用html元素构建所述流程图节点的渲染逻辑，采用层叠样式表构建所述流程图节点间的连接线样式的显示逻辑，采用flex布局构建所述流程图的响应式布局逻辑，基于所述渲染逻辑、显示逻辑和响应式布局逻辑渲染所述流程图。2.根据权利要求1所述的一种基于HTML实现API编排的方法，其特征在于，所述方法还包括：基于构建的所述流程图节点的渲染逻辑，根据节点类型分别调用预先建立的对应的渲染程序进行渲染。3.根据权利要求2所述的一种基于HTML实现API编排的方法，其特征在于，所述节点类型包括非业务节点、连接器节点、连接线和异常节点。4.根据权利要求3所述的一种基于HTML实现API编排的方法，其特征在于，所述非业务节点包括if节点、开始节点和结束节点。5.根据权利要求2所述的一种基于HTML实现API编排的方法，其特征在于，所述方法还包括：接收API事件，然后根据所述流程图节点的渲染逻辑和节点类型，通过对应的渲染程序渲染流程图节点，根据所述显示逻辑显示流程图节点间的连接线样式，根据所述响应式布局逻辑对流程图进行响应式布局。6.根据权利要求1所述的一种基于HTML实现API编排的方法，其特征在于，将所述渲染逻辑、显示逻辑和响应式布局逻辑整体打包为模型数据，通过终端中的Parser解析器解析该模...

【专利技术属性】
技术研发人员：王周健，郑剑峰，
申请(专利权)人：上海得帆信息技术有限公司，
类型：发明
国别省市：