本發(fā)明涉及電子，尤其是涉及一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì)。

背景技術(shù)：

1、當(dāng)今社會信息化水平飛速發(fā)展，表單作為一種被廣泛使用的信息收集媒介也有了越來越多樣化，個性化的需求。表單設(shè)計(jì)的靈活性，便捷性也越來越受人們的重視。

2、然而現(xiàn)有的表單設(shè)計(jì)器僅提供基礎(chǔ)組件供用戶使用，可選擇的組件因?yàn)楦鱾€場景下的業(yè)務(wù)需求不同，導(dǎo)致需要開發(fā)的組件過多，開發(fā)的周期過長，需求變動后調(diào)整原有組件或者開發(fā)新組件的投入過大。因此，根據(jù)組件庫中的固定的基礎(chǔ)組件進(jìn)行編輯、組合生成表單的方式不能滿足用戶對表單的自定義需求，導(dǎo)致表單生成靈活性差。

技術(shù)實(shí)現(xiàn)思路

1、有鑒于此，本發(fā)明的目的在于提供一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì)，以提高組件開發(fā)的靈活性。

2、第一方面，本發(fā)明實(shí)施例提供了一種組件的處理方法，所述方法應(yīng)用于組件開發(fā)工具；所述組件開發(fā)工具提供組件庫、表單顯示界面；所述表單顯示界面中設(shè)置有表單生成控件；所述組件庫中存儲有多種原子組件、基礎(chǔ)組件和自定義組件；所述方法包括：

3、響應(yīng)針對所述組件庫中的多個第一目標(biāo)組件向所述表單顯示界面的拖動操作，在所述表單顯示界面中顯示多個所述第一目標(biāo)組件；其中，所述第一目標(biāo)組件為原子組件、基礎(chǔ)組件和自定義組件中的一個；

4、響應(yīng)針對每個所述第一目標(biāo)組件的屬性編輯操作，根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標(biāo)組件的顯示內(nèi)容；

5、響應(yīng)針對所述表單生成控件的第一觸控操作，對多個所述第一目標(biāo)組件進(jìn)行解析，并對得到的解析數(shù)據(jù)進(jìn)行渲染以生成表單。

6、結(jié)合第一方面，組件開發(fā)工具還提供表單預(yù)覽界面、預(yù)覽控件、表單發(fā)布控件；所述方法還包括：

7、響應(yīng)針對所述預(yù)覽控件的第二觸控操作，將所述表單顯示于所述表單預(yù)覽界面；

8、在對所述表單進(jìn)行預(yù)設(shè)檢查無問題時(shí)，響應(yīng)針對表單發(fā)布控件的第三觸控操作，將所述表單進(jìn)行保存并發(fā)布；所述預(yù)設(shè)檢查至少包括以下之一：表格樣式、表格內(nèi)容。

9、結(jié)合第一方面，所述組件庫中自定義組件的生成過程如下：

10、響應(yīng)針對組件庫中容器組件的拖動操作，在組件顯示界面中顯示所述容器組件；

11、響應(yīng)針對多個第二目標(biāo)組件向所述容器組件中的拖動操作，確定多個所述第二目標(biāo)組件與所述容器組件間的所屬關(guān)系；所述第二目標(biāo)組件為原子組件或基礎(chǔ)組件；

12、響應(yīng)針對每個所述第二目標(biāo)組件的屬性編輯操作，調(diào)整每個所述第二目標(biāo)組件對應(yīng)的屬性，得到自定義組件；所述屬性包括：樣式屬性、狀態(tài)屬性、事件屬性。

13、結(jié)合第一方面，響應(yīng)針對每個所述第二目標(biāo)組件的屬性編輯操作，調(diào)整每個所述第二目標(biāo)組件對應(yīng)的屬性的步驟，包括：

14、針對每個所述第二目標(biāo)組件，響應(yīng)針對所述第二目標(biāo)組件的屬性觸發(fā)操作，顯示所述第二目標(biāo)組件對應(yīng)的屬性編輯界面；所述屬性編輯界面中設(shè)置有樣式編輯選項(xiàng)、狀態(tài)編輯選項(xiàng)、事件編輯選項(xiàng)；

15、響應(yīng)針對所述樣式編輯選項(xiàng)、所述狀態(tài)編輯選項(xiàng)、所述事件編輯選項(xiàng)的編輯操作或選擇操作，調(diào)整所述第二目標(biāo)組件對應(yīng)的屬性。

16、結(jié)合第一方面，所述方法還包括：

17、響應(yīng)針對所述自定義組件的預(yù)覽操作，顯示所述自定義組件在表單中的呈現(xiàn)形式；

18、響應(yīng)針對所述自定義組件的功能檢測操作，根據(jù)所述自定義組件對應(yīng)的事件屬性執(zhí)行相應(yīng)的功能，以使用戶判斷是否符合要求；

19、在符合要求后，響應(yīng)針對所述自定義組件的保存操作，將所述自定義組件對應(yīng)的json對象存儲于后端數(shù)據(jù)庫中，并在組件庫中顯示所述自定義組件。

20、結(jié)合第一方面，在組件庫中顯示所述自定義組件的步驟，包括：

21、獲取所述自定義組件對應(yīng)的樣式屬性；

22、根據(jù)所述樣式屬性確定所述組件庫中的目標(biāo)組件區(qū)；

23、將所述自定義組件顯示于所述目標(biāo)組件區(qū)中。

24、第二方面一種組件的處理裝置，所述裝置應(yīng)用于組件開發(fā)工具；所述組件開發(fā)工具提供組件庫、表單顯示界面；所述表單顯示界面中設(shè)置有表單生成控件；所述組件庫中存儲有多種原子組件、基礎(chǔ)組件和自定義組件；所述裝置包括：

25、組件顯示模塊，用于響應(yīng)針對所述組件庫中的多個第一目標(biāo)組件向所述表單顯示界面的拖動操作，在所述表單顯示界面中顯示多個所述第一目標(biāo)組件；其中，所述第一目標(biāo)組件為原子組件、基礎(chǔ)組件和自定義組件中的一個；

26、屬性編輯模塊，用于響應(yīng)針對每個所述第一目標(biāo)組件的屬性編輯操作，根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標(biāo)組件的顯示內(nèi)容；

27、表單生成模塊，用于響應(yīng)針對所述表單生成控件的第一觸控操作，對多個所述第一目標(biāo)組件進(jìn)行解析，并對得到的解析數(shù)據(jù)進(jìn)行渲染以生成表單。

28、結(jié)合第二方面，組件開發(fā)工具還提供表單預(yù)覽界面、預(yù)覽控件、表單發(fā)布控件，所述裝置還包括：

29、表單預(yù)覽模塊，用于響應(yīng)針對所述預(yù)覽控件的第二觸控操作，將所述表單顯示于所述表單預(yù)覽界面；

30、表單保存發(fā)布模塊，用于在對所述表單進(jìn)行預(yù)設(shè)檢查無問題時(shí)，響應(yīng)針對表單發(fā)布控件的第三觸控操作，將所述表單進(jìn)行保存并發(fā)布；所述預(yù)設(shè)檢查至少包括以下之一：表格樣式、表格內(nèi)容。

31、第三方面，本技術(shù)提供一種組件開發(fā)工具，所述組件開發(fā)工具包括存儲器和處理器，所述存儲器存儲有計(jì)算機(jī)程序，所述處理器執(zhí)行所述計(jì)算機(jī)程序以實(shí)現(xiàn)如上述的方法。

32、第四方面，本技術(shù)提供一種存儲介質(zhì)，所述存儲介質(zhì)存儲有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行實(shí)現(xiàn)如上述的方法。

33、本發(fā)明實(shí)施例帶來了以下有益效果：本發(fā)明提供了一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì)，所述組件的處理方法應(yīng)用于組件開發(fā)工具；所述組件開發(fā)工具提供組件庫、表單顯示界面；所述表單顯示界面中設(shè)置有表單生成控件；所述組件庫中存儲有多種原子組件、基礎(chǔ)組件和自定義組件；所述方法包括：

34、響應(yīng)針對所述組件庫中的多個第一目標(biāo)組件向所述表單顯示界面的拖動操作，在所述表單顯示界面中顯示多個所述第一目標(biāo)組件；其中，所述第一目標(biāo)組件為原子組件、基礎(chǔ)組件和自定義組件中的一個；

35、響應(yīng)針對每個所述第一目標(biāo)組件的屬性編輯操作，根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標(biāo)組件的顯示內(nèi)容；

36、響應(yīng)針對所述表單生成控件的第一觸控操作，對多個所述第一目標(biāo)組件進(jìn)行解析，并對得到的解析數(shù)據(jù)進(jìn)行渲染以生成表單。

37、本技術(shù)提供的組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì)，通過對拖動至顯示界面的多個第一目標(biāo)組件進(jìn)行屬性編輯操作，之后對多個第一目標(biāo)組件解析、渲染生成表單，在屬性編輯操作過程中根據(jù)需求適應(yīng)性進(jìn)行編輯操作，這樣，提高了表單生成的靈活性。

38、本發(fā)明的其他特征和優(yōu)點(diǎn)將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)在說明書、權(quán)利要求書以及附圖中所特別指出的結(jié)構(gòu)來實(shí)現(xiàn)和獲得。

39、為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附附圖，作詳細(xì)說明如下。