[發(fā)明專利]在線表單設(shè)計器的實現(xiàn)方法及其系統(tǒng)

有效

• 申請?zhí)枺?/td>: 201610074587.X
• 申請日: 2016-02-02
• 公開（公告）號: CN105760440B
• 公開（公告）日: 2019-06-04
• 發(fā)明（設(shè)計）人: 吳仰歡;都志會;王達(dá)城
• 申請（專利權(quán)）人: 廣州市科南軟件有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 廣州華進(jìn)聯(lián)合專利商標(biāo)代理有限公司 44224
• 代理人: 李巍;李繡君

1.一種在線表單設(shè)計器的實現(xiàn)方法，其特征在于，包括以下步驟：

對在線表單設(shè)計器進(jìn)行指令封裝，得到第一HTML和表單JSON數(shù)據(jù)，并將所述第一HTML和所述表單JSON數(shù)據(jù)發(fā)送給服務(wù)器；所述指令封裝包括對指令設(shè)置高度和內(nèi)容以及進(jìn)行相關(guān)信息的初始化；所述表單JSON數(shù)據(jù)包含AngularJS指令的屬性信息；

接收所述服務(wù)器根據(jù)所述第一HTML和所述表單JSON數(shù)據(jù)解析得到的表單HTML代碼；

調(diào)用AngularJS中預(yù)設(shè)的手動編譯指令對所述表單HTML代碼進(jìn)行手動編譯，得到手動編譯后的表單HTML代碼，將所述手動編譯后的表單HTML代碼展示到頁面上。

2.根據(jù)權(quán)利要求1所述的在線表單設(shè)計器的實現(xiàn)方法，其特征在于，調(diào)用預(yù)設(shè)的手動編譯指令對所述表單HTML代碼進(jìn)行手動編譯的步驟具體包括：

通過調(diào)用所述預(yù)設(shè)的手動編譯指令，將所述表單HTML代碼與相應(yīng)的屬性值相關(guān)聯(lián)；

在監(jiān)聽到所述屬性值發(fā)生變化時，將變化后的屬性值插入到所述表單HTML代碼中，并通過AngularJS對所述變化后的屬性值進(jìn)行手動編譯。

3.根據(jù)權(quán)利要求1所述的在線表單設(shè)計器的實現(xiàn)方法，其特征在于，對在線表單設(shè)計器進(jìn)行指令封裝的步驟具體包括：

通過所述指令將所述在線表單設(shè)計器插入在線表單設(shè)計頁面中，并判斷是否能夠獲取所述在線表單設(shè)計器的對象；

若不能獲取所述對象，加載預(yù)設(shè)的JavaScript代碼，并對所述在線表單設(shè)計器進(jìn)行初始化。

4.根據(jù)權(quán)利要求3所述的在線表單設(shè)計器的實現(xiàn)方法，其特征在于，還包括步驟：

通過AngularJS將服務(wù)注入所述指令中，所述服務(wù)包括所述在線表單設(shè)計器保存、賦值以及獲取表單參數(shù)的操作代碼。

5.根據(jù)權(quán)利要求1至4中任意一項所述的在線表單設(shè)計器的實現(xiàn)方法，其特征在于，還包括步驟：

通過雙向數(shù)據(jù)綁定對所述在線表單設(shè)計器進(jìn)行取值和賦值。

6.一種在線表單設(shè)計器的實現(xiàn)方法，其特征在于，包括以下步驟：

接收第一HTML和表單JSON數(shù)據(jù)；所述第一HTML和所述表單JSON數(shù)據(jù)為瀏覽器客戶端通過對在線表單設(shè)計器進(jìn)行指令封裝得到的數(shù)據(jù)；所述指令封裝包括對指令設(shè)置高度和內(nèi)容以及進(jìn)行相關(guān)信息的初始化；所述表單JSON數(shù)據(jù)包含AngularJS指令的屬性信息；

根據(jù)所述第一HTML和所述表單JSON數(shù)據(jù)，解析得到表單HTML代碼，并將所述表單HTML代碼發(fā)送給所述瀏覽器客戶端；由所述瀏覽器客戶端通過調(diào)用AngularJS中預(yù)設(shè)的手動編譯指令對所述表單HTML代碼進(jìn)行手動編譯，得到手動編譯后的表單HTML代碼，并將所述手動編譯后的表單HTML代碼展示到頁面上。

7.根據(jù)權(quán)利要求6所述的在線表單設(shè)計器的實現(xiàn)方法，其特征在于，根據(jù)所述第一HTML和所述表單JSON數(shù)據(jù)，解析得到表單HTML代碼的步驟具體包括：

根據(jù)所述第一HTML和所述表單JSON數(shù)據(jù)，調(diào)用預(yù)設(shè)的表單樣式布局代碼，獲取所述表單HTML代碼。

8.一種在線表單設(shè)計器的實現(xiàn)系統(tǒng)，其特征在于，包括：

指令封裝模塊，用于對在線表單設(shè)計器進(jìn)行指令封裝，得到第一HTML和表單JSON數(shù)據(jù)，并將所述第一HTML和所述表單JSON數(shù)據(jù)發(fā)送給服務(wù)器；所述指令封裝包括對指令設(shè)置高度和內(nèi)容以及進(jìn)行相關(guān)信息的初始化；所述表單JSON數(shù)據(jù)包含AngularJS指令的屬性信息；

瀏覽器客戶端接收模塊，用于接收所述服務(wù)器根據(jù)所述第一HTML和所述表單JSON數(shù)據(jù)解析得到的表單HTML代碼；

編譯模塊，用于調(diào)用AngularJS中預(yù)設(shè)的手動編譯指令對所述表單HTML代碼進(jìn)行手動編譯，得到手動編譯后的表單HTML代碼，并將所述手動編譯后的表單HTML代碼展示到頁面上。