[发明专利]步骤条组件实现方法及装置

说明书

本发明提供了一种步骤条组件实现方法及装置，可用于分布式技术领域，该方法包括：获取步骤条组件对象；根据html语法、css语法和vue语法，确定步骤条组件对象的样式；配置步骤条组件对象的信息参数；根据所述信息参数为步骤条组件对象添加步骤逻辑；配置步骤条组件对象的控制按钮点击事件。本发明可以实现步骤条组件，可以在任何UI框架的vue项目中直接引用，无需重新编写，灵活性好。

技术领域

本发明涉及分布式技术领域，尤其涉及一种步骤条组件实现方法及装置。

背景技术

在项目开发中，步骤条是一个很常见的功能需求。它具有导航的通用属性，告知用户“我在哪/我能去哪”；步骤名、步骤数目告知用户能去哪或者流程中将要经历什么。除了这些需求外，还会有步骤是否可跳过、完成的步骤是否可回看等等需求。然而，在使用ElementUI框架的vue项目中，其步骤条组件无法实现这些功能，开发人员不得不单独开发步骤条相关功能，极大的降低了开发效率。

发明内容

本发明实施例提出一种步骤条组件实现方法，用以实现步骤条组件，可以在任何UI框架的vue项目中直接引用，无需重新编写，灵活性好，该方法包括：

获取步骤条组件对象；

根据html语法、css语法和vue语法，确定步骤条组件对象的样式；

配置步骤条组件对象的信息参数；

根据所述信息参数为步骤条组件对象添加步骤逻辑；

配置步骤条组件对象的控制按钮点击事件。

本发明实施例提出一种步骤条组件实现装置，用以实现步骤条组件，可以在任何UI框架的vue项目中直接引用，无需重新编写，灵活性好，该装置包括：

步骤条组件获取模块，用于获取步骤条组件对象；

样式确定模块，用于根据html语法、css语法和vue语法，确定步骤条组件对象的样式；

信息参数配置模块，用于配置步骤条组件对象的信息参数；

步骤逻辑添加模块，用于根据所述信息参数为步骤条组件对象添加步骤逻辑；

点击事件配置模块，用于配置步骤条组件对象的控制按钮点击事件。

本发明实施例还提出了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述步骤条组件实现方法。

本发明实施例还提出了一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述步骤条组件实现方法的计算机程序。

在本发明实施例中，获取步骤条组件对象；根据html语法、css语法和vue语法，确定步骤条组件对象的样式；配置步骤条组件对象的信息参数；根据所述信息参数为步骤条组件对象添加步骤逻辑；配置步骤条组件对象的控制按钮点击事件。在上述过程中，基于vue实现步骤条组件，可以在使用任何UI框架的vue项目中直接引用，无需重新编写，且信息参数和点击事件配置灵活，可以满足大部分使用步骤条的项目需求。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本发明实施例中步骤条组件实现方法的流程图；

图2为本发明实施例中步骤条组件对象的结构示意图；

图3为本发明实施例中步骤条组件对象的应用流程图；