[發明專利]步驟條組件實現方法及裝置

在審

• 申請號: 202110856986.2
• 申請日: 2021-07-28
• 公開（公告）號: CN113485775A
• 公開（公告）日: 2021-10-08
• 發明（設計）人: 劉婷婷
• 申請（專利權）人: 中國銀行股份有限公司
• 主分類號: G06F9/448
• 分類號: G06F9/448
• 代理公司: 北京三友知識產權代理有限公司 11127
• 代理人: 薛平;周曉飛

本發明提供了一種步驟條組件實現方法及裝置，可用于分布式技術領域，該方法包括：獲取步驟條組件對象；根據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為本發明實施例中步驟條組件對象的應用流程圖；