[發(fā)明專利]微信小程序前端數(shù)據(jù)雙向綁定方法、裝置及計(jì)算機(jī)設(shè)備

在審

• 申請?zhí)枺?/td>: 202111255205.0
• 申請日: 2021-10-27
• 公開（公告）號: CN113901361A
• 公開（公告）日: 2022-01-07
• 發(fā)明（設(shè)計(jì)）人: 李琦;賴艷
• 申請（專利權(quán)）人: 重慶銳云科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 重慶智慧之源知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 50234
• 代理人: 余洪

1.一種微信小程序前端數(shù)據(jù)雙向綁定方法，其特征在于，包括：

獲取微信小程序的表單組件，所述表單組件的值為初始值，所述表單組件中包括初始輸入事件；

為所述表單組件創(chuàng)建目標(biāo)幫助類，所述目標(biāo)幫助類由多個幫組類組成，并用于定義所述表單組件的值屬性,狀態(tài)屬性,改變事件,初始綁定方法和頁面修改方法；

初始化所述微信小程序的頁面，采用所述初始綁定方法對所述微信小程序進(jìn)行加載，并初始化所述目標(biāo)幫助類；

根據(jù)所述微信小程序的頁面和初始化后的目標(biāo)幫助類，分別對所述初始綁定方法和所述頁面修改方法進(jìn)行處理，設(shè)定目標(biāo)幫助類的值屬性；

將設(shè)定后的所述目標(biāo)幫助類的值屬性作為所述表單組件的值，并綁定所述初始輸入事件為自定義的輸入方法；

根據(jù)所述改變事件獲取用戶輸入值，進(jìn)行所述目標(biāo)幫助類的狀態(tài)屬性修改，并基于所述頁面修改方法，實(shí)現(xiàn)對所述自定義的輸入方法進(jìn)行處理。

2.如權(quán)利要求1所述的方法，其特征在于，根據(jù)所述微信小程序的頁面和初始化后的目標(biāo)幫助類，分別對所述初始綁定方法和所述頁面修改方法進(jìn)行處理步驟，具體為：

在所述初始綁定方法中傳入所述微信小程序的頁面對象；

循環(huán)檢驗(yàn)所述頁面對象上申明的幫助類數(shù)量，將每個幫組類添加至自定義的全局事件管理隊(duì)列中，并將所述頁面修改方法作為所述全局事件管理隊(duì)列的執(zhí)行回調(diào)；

根據(jù)所述微信小程序的頁面和初始化后的目標(biāo)幫助類，對所述頁面修改方法進(jìn)行處理。

3.如權(quán)利要求2所述的方法，其特征在于，根據(jù)所述微信小程序的頁面和初始化后的目標(biāo)幫助類，對所述頁面修改方法進(jìn)行處理步驟，具體為：

獲取所述微信小程序的頁面對象；

從初始化后的目標(biāo)幫助類中，獲取與所述微信小程序的頁面所對應(yīng)的幫助類；

根據(jù)預(yù)設(shè)的數(shù)據(jù)修改方法對所述頁面對應(yīng)的幫助類的值屬性和狀態(tài)屬性進(jìn)行修改，使得用戶輸入值與所述值屬性同步。

4.如權(quán)利要求3所述的方法，其特征在于，根據(jù)所述改變事件獲取用戶輸入值，進(jìn)行所述目標(biāo)幫助類的狀態(tài)屬性修改，并基于所述頁面修改方法，實(shí)現(xiàn)對所述自定義的輸入方法進(jìn)行處理步驟，具體為：

調(diào)用對應(yīng)的幫助類中的改變事件；

讀取所述改變事件中獲取到的用戶輸入值；

判斷所述用戶輸入值是否合法，若合法則將所述用戶輸入值設(shè)定為所述對應(yīng)的幫助類的值屬性；

從所述全局事件管理隊(duì)列中循環(huán)遍歷出對應(yīng)的事件，并直接遍歷執(zhí)行頁面修改方法，實(shí)現(xiàn)頁面數(shù)據(jù)的同步展示。

5.如權(quán)利要求4所述的方法，其特征在于，所述對應(yīng)的事件，具體為所述對應(yīng)的幫助類中的事件。

6.一種微信小程序前端數(shù)據(jù)雙向綁定裝置，其特征在于，包括表單組件獲取模塊、幫助類創(chuàng)建模塊、頁面初始化模塊、初始綁定處理模塊、雙向綁定模塊和自定義輸入模塊，其中：

所述表單組件獲取模塊用于，獲取微信小程序的表單組件，所述表單組件的值為初始值，所述表單組件中包括初始輸入事件；

所述幫助類創(chuàng)建模塊用于，為所述表單組件創(chuàng)建目標(biāo)幫助類，所述目標(biāo)幫助類由多個幫組類組成，并用于定義所述表單組件的值屬性,狀態(tài)屬性,改變事件,初始綁定方法和頁面修改方法；

所述頁面初始化模塊用于，初始化所述微信小程序的頁面，采用所述初始綁定方法對所述微信小程序進(jìn)行加載，并初始化所述目標(biāo)幫助類；

所述初始綁定處理模塊用于，根據(jù)所述微信小程序的頁面和初始化后的目標(biāo)幫助類，分別對所述初始綁定方法和所述頁面修改方法進(jìn)行處理，設(shè)定目標(biāo)幫助類的值屬性；

所述雙向綁定模塊用于，將設(shè)定后的所述目標(biāo)幫助類的值屬性作為所述表單組件的值，并綁定所述初始輸入事件為自定義的輸入方法；

所述自定義輸入模塊用于，根據(jù)所述改變事件獲取用戶輸入值，進(jìn)行所述目標(biāo)幫助類的狀態(tài)屬性修改，并基于所述頁面修改方法，實(shí)現(xiàn)對所述自定義的輸入方法進(jìn)行處理。