[發明專利]一種web編輯器內組件的聯動方法及裝置

在審

• 申請號: 202011337378.2
• 申請日: 2020-11-25
• 公開（公告）號: CN112631571A
• 公開（公告）日: 2021-04-09
• 發明（設計）人: 姚煒;陳英杰;韓志萬;黃冬朋
• 申請（專利權）人: 浙江藍卓工業互聯網信息技術有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/35
• 代理公司: 杭州華鼎知識產權代理事務所(普通合伙) 33217
• 代理人: 項軍

本發明提出了一種web編輯器內組件的聯動方法及裝置，所述聯動方法包括：確定web編輯器內第一組件與第二組件的綁定關系，基于綁定關系選取第一組件的觸發動作與第二組件的聯動動作；配置第一組件和第二組件的聯動模式，所述聯動模式包括同步聯動和異步聯動；若聯動模式為異步聯動，獲取觸發動作的反饋信息，結合聯動動作與反饋信息生成異步聯動代碼，通過第二組件執行異步聯動代碼。預先對組件之間的觸發動作、聯動動作以及聯動模式進行配置，在進行web頁面編輯時，無需再編寫腳本，降低了web頁面編輯的技術門檻，提高了工程師的開發效率。

技術領域

本發明屬于web編輯器領域，尤其涉及一種web編輯器內組件的聯動方法及裝置。

背景技術

隨著瀏覽器性能提升，越來越多的編輯器開始web化，越來越多的web編輯器應用而生，目前已經產生一大批web編輯器，使用戶使用鼠標的拖拽功能生成自定義網頁。web編輯器里通常有很多web組件可使用，例如日期組件、輸入框組件、按鈕組件等。

但多個web組件之間存在無法快速聯動的問題，通常組件之間的聯動包括文本輸入與格式屬性修改兩方面，文本輸入如修改輸入框組件的內容，格式屬性修改如點擊按鈕組件重置輸入框組件的背景顏色等，常規的聯動方法都需要通過編寫JavaScript腳本來實現，在編輯web頁面時需要具有一定的編譯語言基礎，并且需要工程師花費大量的時間，導致web頁面開發的效率低下。

發明內容

為了解決現有技術中存在的缺點和不足，本發明提出了一種web編輯器內組件的聯動方法，包括：

確定web編輯器內第一組件與第二組件的綁定關系，基于綁定關系選取第一組件的觸發動作與第二組件的聯動動作；

配置第一組件和第二組件的聯動模式，所述聯動模式包括同步聯動和異步聯動；

若聯動模式為異步聯動，獲取觸發動作的反饋信息，結合聯動動作與反饋信息生成異步聯動代碼，通過第二組件執行異步聯動代碼。

可選的，所述確定web編輯器內第一組件與第二組件的綁定關系，基于綁定關系選取第一組件的觸發動作與第二組件的聯動動作，包括：

分別將web編輯器內的第一組件和第二組件拖拽到預設區域，通過綁定預設區域內組件的ID，建立第一組件與第二組件的綁定關系；

在第一組件的動作列表中選取觸發動作，基于綁定關系獲取第二組件的動作列表，在第二組件的動作列表中選取與觸發動作對應的聯動動作。

可選的，所述配置第一組件和第二組件的聯動模式，所述聯動模式包括同步聯動和異步聯動，包括：

判斷開始執行聯動動作的時刻是否與觸發動作的執行結果有關聯；

若有關聯則配置聯動模式為異步聯動，若沒有關聯則配置聯動模式為同步聯動。

可選的，所述若聯動模式為異步聯動，獲取觸發動作的反饋信息，結合聯動動作與反饋信息生成異步聯動代碼，通過第二組件執行異步聯動代碼，包括：

若聯動動作為文本輸入類動作，獲取用于輸入文本的通用代碼模板；

當發生觸發動作時，通過預設的web服務器監測包含觸發動作執行結果的反饋信息，若反饋信息顯示觸發動作執行成功，獲取觸發動作的具體執行內容；

根據觸發動作的具體執行內容對預先存儲的數據庫進行查詢，將查詢結果填入通用代碼模板中生成異步聯動代碼；

基于綁定關系將異步聯動代碼發送給第二組件，通過第二組件執行異步聯動代碼。

可選的，所述若聯動模式為異步聯動，基于聯動動作生成異步聯動代碼，當獲取到觸發動作的反饋信息時再執行異步聯動代碼，通過第二組件執行異步聯動代碼，還包括：