本發(fā)明涉及電子,尤其是涉及一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì)。
背景技術:
1、當今社會信息化水平飛速發(fā)展,表單作為一種被廣泛使用的信息收集媒介也有了越來越多樣化,個性化的需求。表單設計的靈活性,便捷性也越來越受人們的重視。
2、然而現(xiàn)有的表單設計器僅提供基礎組件供用戶使用,可選擇的組件因為各個場景下的業(yè)務需求不同,導致需要開發(fā)的組件過多,開發(fā)的周期過長,需求變動后調(diào)整原有組件或者開發(fā)新組件的投入過大。因此,根據(jù)組件庫中的固定的基礎組件進行編輯、組合生成表單的方式不能滿足用戶對表單的自定義需求,導致表單生成靈活性差。
技術實現(xiàn)思路
1、有鑒于此,本發(fā)明的目的在于提供一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì),以提高組件開發(fā)的靈活性。
2、第一方面,本發(fā)明實施例提供了一種組件的處理方法,所述方法應用于組件開發(fā)工具;所述組件開發(fā)工具提供組件庫、表單顯示界面;所述表單顯示界面中設置有表單生成控件;所述組件庫中存儲有多種原子組件、基礎組件和自定義組件;所述方法包括:
3、響應針對所述組件庫中的多個第一目標組件向所述表單顯示界面的拖動操作,在所述表單顯示界面中顯示多個所述第一目標組件;其中,所述第一目標組件為原子組件、基礎組件和自定義組件中的一個;
4、響應針對每個所述第一目標組件的屬性編輯操作,根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標組件的顯示內(nèi)容;
5、響應針對所述表單生成控件的第一觸控操作,對多個所述第一目標組件進行解析,并對得到的解析數(shù)據(jù)進行渲染以生成表單。
6、結合第一方面,組件開發(fā)工具還提供表單預覽界面、預覽控件、表單發(fā)布控件;所述方法還包括:
7、響應針對所述預覽控件的第二觸控操作,將所述表單顯示于所述表單預覽界面;
8、在對所述表單進行預設檢查無問題時,響應針對表單發(fā)布控件的第三觸控操作,將所述表單進行保存并發(fā)布;所述預設檢查至少包括以下之一:表格樣式、表格內(nèi)容。
9、結合第一方面,所述組件庫中自定義組件的生成過程如下:
10、響應針對組件庫中容器組件的拖動操作,在組件顯示界面中顯示所述容器組件;
11、響應針對多個第二目標組件向所述容器組件中的拖動操作,確定多個所述第二目標組件與所述容器組件間的所屬關系;所述第二目標組件為原子組件或基礎組件;
12、響應針對每個所述第二目標組件的屬性編輯操作,調(diào)整每個所述第二目標組件對應的屬性,得到自定義組件;所述屬性包括:樣式屬性、狀態(tài)屬性、事件屬性。
13、結合第一方面,響應針對每個所述第二目標組件的屬性編輯操作,調(diào)整每個所述第二目標組件對應的屬性的步驟,包括:
14、針對每個所述第二目標組件,響應針對所述第二目標組件的屬性觸發(fā)操作,顯示所述第二目標組件對應的屬性編輯界面;所述屬性編輯界面中設置有樣式編輯選項、狀態(tài)編輯選項、事件編輯選項;
15、響應針對所述樣式編輯選項、所述狀態(tài)編輯選項、所述事件編輯選項的編輯操作或選擇操作,調(diào)整所述第二目標組件對應的屬性。
16、結合第一方面,所述方法還包括:
17、響應針對所述自定義組件的預覽操作,顯示所述自定義組件在表單中的呈現(xiàn)形式;
18、響應針對所述自定義組件的功能檢測操作,根據(jù)所述自定義組件對應的事件屬性執(zhí)行相應的功能,以使用戶判斷是否符合要求;
19、在符合要求后,響應針對所述自定義組件的保存操作,將所述自定義組件對應的json對象存儲于后端數(shù)據(jù)庫中,并在組件庫中顯示所述自定義組件。
20、結合第一方面,在組件庫中顯示所述自定義組件的步驟,包括:
21、獲取所述自定義組件對應的樣式屬性;
22、根據(jù)所述樣式屬性確定所述組件庫中的目標組件區(qū);
23、將所述自定義組件顯示于所述目標組件區(qū)中。
24、第二方面一種組件的處理裝置,所述裝置應用于組件開發(fā)工具;所述組件開發(fā)工具提供組件庫、表單顯示界面;所述表單顯示界面中設置有表單生成控件;所述組件庫中存儲有多種原子組件、基礎組件和自定義組件;所述裝置包括:
25、組件顯示模塊,用于響應針對所述組件庫中的多個第一目標組件向所述表單顯示界面的拖動操作,在所述表單顯示界面中顯示多個所述第一目標組件;其中,所述第一目標組件為原子組件、基礎組件和自定義組件中的一個;
26、屬性編輯模塊,用于響應針對每個所述第一目標組件的屬性編輯操作,根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標組件的顯示內(nèi)容;
27、表單生成模塊,用于響應針對所述表單生成控件的第一觸控操作,對多個所述第一目標組件進行解析,并對得到的解析數(shù)據(jù)進行渲染以生成表單。
28、結合第二方面,組件開發(fā)工具還提供表單預覽界面、預覽控件、表單發(fā)布控件,所述裝置還包括:
29、表單預覽模塊,用于響應針對所述預覽控件的第二觸控操作,將所述表單顯示于所述表單預覽界面;
30、表單保存發(fā)布模塊,用于在對所述表單進行預設檢查無問題時,響應針對表單發(fā)布控件的第三觸控操作,將所述表單進行保存并發(fā)布;所述預設檢查至少包括以下之一:表格樣式、表格內(nèi)容。
31、第三方面,本技術提供一種組件開發(fā)工具,所述組件開發(fā)工具包括存儲器和處理器,所述存儲器存儲有計算機程序,所述處理器執(zhí)行所述計算機程序以實現(xiàn)如上述的方法。
32、第四方面,本技術提供一種存儲介質(zhì),所述存儲介質(zhì)存儲有計算機程序,所述計算機程序被處理器執(zhí)行實現(xiàn)如上述的方法。
33、本發(fā)明實施例帶來了以下有益效果:本發(fā)明提供了一種組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì),所述組件的處理方法應用于組件開發(fā)工具;所述組件開發(fā)工具提供組件庫、表單顯示界面;所述表單顯示界面中設置有表單生成控件;所述組件庫中存儲有多種原子組件、基礎組件和自定義組件;所述方法包括:
34、響應針對所述組件庫中的多個第一目標組件向所述表單顯示界面的拖動操作,在所述表單顯示界面中顯示多個所述第一目標組件;其中,所述第一目標組件為原子組件、基礎組件和自定義組件中的一個;
35、響應針對每個所述第一目標組件的屬性編輯操作,根據(jù)所述屬性編輯操作調(diào)整每個所述第一目標組件的顯示內(nèi)容;
36、響應針對所述表單生成控件的第一觸控操作,對多個所述第一目標組件進行解析,并對得到的解析數(shù)據(jù)進行渲染以生成表單。
37、本技術提供的組件的處理方法、裝置及組件開發(fā)工具、存儲介質(zhì),通過對拖動至顯示界面的多個第一目標組件進行屬性編輯操作,之后對多個第一目標組件解析、渲染生成表單,在屬性編輯操作過程中根據(jù)需求適應性進行編輯操作,這樣,提高了表單生成的靈活性。
38、本發(fā)明的其他特征和優(yōu)點將在隨后的說明書中闡述,并且,部分地從說明書中變得顯而易見,或者通過實施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點在說明書、權利要求書以及附圖中所特別指出的結構來實現(xiàn)和獲得。
39、為使本發(fā)明的上述目的、特征和優(yōu)點能更明顯易懂,下文特舉較佳實施例,并配合所附附圖,作詳細說明如下。