[發明專利]一種用于傳遞現有組件的擴展信息的方法及裝置

有效

• 申請號: 201810813608.4
• 申請日: 2018-07-23
• 公開（公告）號: CN110750248B
• 公開（公告）日: 2023-06-02
• 發明（設計）人: 劉曉鐘;朱志雄;胡碩;張宏飛;苗輝
• 申請（專利權）人: 貴州白山云科技股份有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 北京名華博信知識產權代理有限公司 11453
• 代理人: 白瑩;苗源

本發明公開了一種用于傳遞現有組件的擴展信息的方法及裝置。所公開的方法包括：定義用于容納現有組件的實例的容器標簽；使用容器標簽定義用于容納現有組件的實例的容器組件實例，在容器組件實例中定義現有組件的實例；使用容器組件實例的擴展字段傳遞現有組件的實例的擴展信息。所公開的技術方案能夠在不影響受控組件展示結構的前提下，給單一的字段結構添加狀態。

技術領域

本發明涉及互聯網前端開發技術領域，尤其涉及一種用于傳遞現有組件的擴展信息的方法及裝置。

背景技術

傳統Web頁面組件，例如，標準的文本輸入框、密碼輸入框、復選框、單選按鈕等、以及用戶自定義的表單組件(其中可以包括上述標準組件或其他用戶自定義組件)等，本質上都是用于進行顯示和收集數據的前端組件，與這些組件實例對應的數據最終需要被傳遞到后端，進行與數據庫相關的增、刪、查、改數據操作。

例如，以表單組件為例，受控的表單組件可以和后端表單綁定在一起，方便表單在處理報錯和提交信息的時候更加靈活和方便。受控的表單組件雖然帶來了一些便利，也有些瓶頸，比如控件中的字段的label和控件不方便定制，而且控件是單維度的數據，在不添加額外的展示控件或組件的條件下，無法在其上附加額外的信息。

以圖1所示的現有技術所采用的帶有輸入文本框的用戶自定義前端表單組件為例(圖2示例性地示出了圖1所示的自定義前端表單組件的實例定義代碼，其中包含兩個不同級別的容器的實例，第一級容器FormContainer和第二級容器FormItemContainer，然而，本領域技術人員也可以設想，僅使用一級容器或者不使用容器的情況)，用戶通過該表單輸入姓名，姓名被保存至’name’字段中。當用戶在文本框中輸入姓名時，至少存在兩種不同的情況：1)新建用戶姓名；2)更改已有的用戶姓名。然而，圖1的表單組件無法在前端向用戶顯示這2種不同的狀態。

另外，對應于label為’姓名’、字段為’name’的輸入文本框只能向后端提交{name：’流川楓’}這樣的字段結構，因此，在不添加額外的展示控件或組件的條件下，無法將額外的狀態信息(即，用戶執行了新建和修改用戶姓名這兩種操作中的哪一種具體操作的描述信息)傳遞給后端。

現有技術在解決上述對同一字段添加額外的狀態信息的問題時，通常都通過添加新的展示控件或組件實例的方式來實現。然而，由于需要添加與新展示控件或組件實例對應的新的字段的緣故，需要擴展原始的受控組件(實例)的能力。例如，需要添加一個新的Input組件(用于傳遞status狀態值)。

上述擴展展示組件的方式雖然可以解決上述問題，但是成本較高，每個組件都需要去定制化擴展，比如對于Radio，Checkbox，就需要再擴展一次。同時由于受控組件的受限，展示上必須是label：wrapper的模式來實現。展示上不靈活而且容易理解偏差。

為了解決上述問題，需要提出新的技術方案，以在不影響受控組件展示結構(即，不添加額外的展示控件或組件)的前提下，給單一的字段結構添加狀態，從而用于實現以{name：’流川楓’，status：’rename’(即，上述第2)種情況)}的方式來和后端進行交互，通知后端該控件組件對應的后臺表單需要的不是新建名字而是改寫原來的名字(例如，以通知后臺直接執行對應的數據庫操作)。或者，用于實現在前端向用戶展示當前用戶操作所對應的具體狀態，根據當前用戶操作所對應的不同狀態進行不同形式的前端展示。

發明內容

根據本發明的用于傳遞現有組件的擴展信息的方法，包括：

定義用于容納現有組件的實例的容器標簽；

使用容器標簽定義用于容納現有組件的實例的容器組件實例，在容器組件實例中定義現有組件的實例；

使用容器組件實例的擴展字段傳遞現有組件的實例的擴展信息。

根據本發明的用于傳遞現有組件的實例的擴展信息的方法，還包括：