[發(fā)明專(zhuān)利]在多個(gè)文檔對(duì)象模型節(jié)點(diǎn)掛載實(shí)例的方法與裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 202210049968.8
• 申請(qǐng)日: 2022-01-17
• 公開(kāi)（公告）號(hào): CN114491366A
• 公開(kāi)（公告）日: 2022-05-13
• 發(fā)明（設(shè)計(jì)）人: 謝海峰;尹召華
• 申請(qǐng)（專(zhuān)利權(quán)）人: 北京皮爾布萊尼軟件有限公司
• 主分類(lèi)號(hào): G06F16/958
• 分類(lèi)號(hào): G06F16/958
• 代理公司: 北京思睿峰知識(shí)產(chǎn)權(quán)代理有限公司 11396
• 代理人: 趙愛(ài)軍;高攀

1.一種在多個(gè)文檔對(duì)象模型節(jié)點(diǎn)掛載實(shí)例的方法，包括步驟：

根據(jù)根實(shí)例，構(gòu)造用于數(shù)據(jù)傳遞和事件綁定的一個(gè)或者多個(gè)子組件；

遍歷所述根實(shí)例中的全部參數(shù)中的每個(gè)屬性對(duì)象，按照所述數(shù)據(jù)傳遞和事件綁定的需求分別確定每個(gè)子組件的綁定數(shù)據(jù)部分；

實(shí)例化每個(gè)所述子組件，并按照所述每個(gè)子組件的綁定數(shù)據(jù)部分將所述根實(shí)例和對(duì)應(yīng)的所述子組件實(shí)例建立關(guān)聯(lián)關(guān)系；

將所述根實(shí)例掛載到根文檔對(duì)象模型上，并將每個(gè)所述子組件實(shí)例分別掛載到與一個(gè)或者多個(gè)文檔對(duì)象模型上；以及

在所述根實(shí)例中對(duì)所述每個(gè)子組件的綁定數(shù)據(jù)部分的屬性值進(jìn)行監(jiān)聽(tīng)，當(dāng)一個(gè)或者多個(gè)所述屬性值發(fā)生變動(dòng)時(shí)，根據(jù)建立的所述關(guān)聯(lián)關(guān)系更新對(duì)應(yīng)的所述子組件實(shí)例中變動(dòng)的屬性對(duì)象的屬性值。

2.如權(quán)利要求1所述的掛載實(shí)例的方法，其中，更新對(duì)應(yīng)的所述子組件實(shí)例中變動(dòng)的屬性對(duì)象的屬性值的步驟之后還包括：

利用變動(dòng)后的所述根文檔對(duì)象模型和所述子文檔對(duì)象模型生成對(duì)應(yīng)的頁(yè)面。

3.如權(quán)利要求1所述的掛載實(shí)例的方法，其中，所述根文檔對(duì)象模型與所述一個(gè)或者多個(gè)文檔對(duì)象模型沒(méi)有共同的父文檔對(duì)象模型。

4.如權(quán)利要求1所述的掛載實(shí)例的方法，其中，根據(jù)根實(shí)例，構(gòu)造用于數(shù)據(jù)傳遞和事件綁定的一個(gè)或者多個(gè)子組件的步驟包括：

根據(jù)根實(shí)例，使用Vue.extend方法，按照所述數(shù)據(jù)傳遞和事件綁定的需求，擴(kuò)充對(duì)應(yīng)的一個(gè)或者多個(gè)子組件。

5.如權(quán)利要求1所述的掛載實(shí)例的方法，其中，遍歷所述根實(shí)例中的全部參數(shù)中的每個(gè)屬性對(duì)象，按照所述數(shù)據(jù)傳遞和事件綁定的需求分別確定每個(gè)子組件的綁定數(shù)據(jù)部分的步驟包括：

對(duì)于每個(gè)子組件，按照數(shù)據(jù)傳遞和事件綁定的需求情況，將所述根實(shí)例中的每個(gè)屬性對(duì)象進(jìn)行綁定判斷處理；

當(dāng)所述屬性對(duì)象被判定為綁定時(shí)，將所述屬性對(duì)象作為待綁定對(duì)象；

當(dāng)所述待綁定對(duì)象為常量時(shí)，將所述屬性對(duì)象的內(nèi)容作為綁定數(shù)據(jù)部分；

當(dāng)所述待綁定對(duì)象為變量時(shí)，將所述屬性對(duì)象的屬性作為綁定數(shù)據(jù)部分。

6.如權(quán)利要求1所述的掛載實(shí)例的方法，其中，實(shí)例化每個(gè)所述子組件，并按照所述每個(gè)子組件的綁定數(shù)據(jù)部分將所述根實(shí)例和對(duì)應(yīng)的所述子組件實(shí)例建立關(guān)聯(lián)關(guān)系的步驟包括：

對(duì)于每個(gè)子組件實(shí)例，將參數(shù)中的共享數(shù)據(jù)狀態(tài)管理信息、屬性信息和事件信息分別以vue.js框架所定義的store、_parentListeners、propsData的屬性名傳遞給所述子組件的構(gòu)造函數(shù)，以建立所述根實(shí)例和所述子組件之間的關(guān)聯(lián)關(guān)系。

7.一種在多個(gè)文檔對(duì)象模型節(jié)點(diǎn)掛載實(shí)例的裝置，包括：

擴(kuò)展模塊，適于根據(jù)根實(shí)例，構(gòu)造用于數(shù)據(jù)傳遞和事件綁定的一個(gè)或者多個(gè)子組件；

綁定模塊，適于遍歷所述根實(shí)例中的全部參數(shù)中的每個(gè)屬性對(duì)象，按照所述數(shù)據(jù)傳遞和事件綁定的需求分別確定每個(gè)子組件的綁定數(shù)據(jù)部分；

關(guān)聯(lián)模塊，適于實(shí)例化每個(gè)所述子組件，并按照所述每個(gè)子組件的綁定數(shù)據(jù)部分將所述根實(shí)例和對(duì)應(yīng)的所述子組件實(shí)例建立關(guān)聯(lián)關(guān)系；

掛載模塊，適于將所述根實(shí)例掛載到根文檔對(duì)象模型上，并將每個(gè)所述子組件實(shí)例分別掛載到與一個(gè)或者多個(gè)文檔對(duì)象模型上；以及

監(jiān)聽(tīng)模塊，適于在所述根實(shí)例中對(duì)所述每個(gè)子組件的綁定數(shù)據(jù)部分的屬性值進(jìn)行監(jiān)聽(tīng)，當(dāng)一個(gè)或者多個(gè)所述屬性值發(fā)生變動(dòng)時(shí)，根據(jù)建立的所述關(guān)聯(lián)關(guān)系更新對(duì)應(yīng)的所述子組件實(shí)例中變動(dòng)的屬性對(duì)象的屬性值。

8.如權(quán)利要求7所述的掛載實(shí)例的裝置，其中，還包括：

生成模塊，適于利用變動(dòng)后的所述根文檔對(duì)象模型和所述子文檔對(duì)象模型生成對(duì)應(yīng)的頁(yè)面。

9.一種計(jì)算設(shè)備，包括：

至少一個(gè)處理器和存儲(chǔ)有程序指令的存儲(chǔ)器；

當(dāng)所述程序指令被所述處理器讀取并執(zhí)行時(shí)，使得所述計(jì)算設(shè)備執(zhí)行如權(quán)利要求1-6中任一項(xiàng)所述的在多個(gè)文檔對(duì)象模型節(jié)點(diǎn)掛載實(shí)例的方法。

10.一種存儲(chǔ)有程序指令的可讀存儲(chǔ)介質(zhì)，當(dāng)所述程序指令被計(jì)算設(shè)備讀取并執(zhí)行時(shí)，使得所述計(jì)算設(shè)備執(zhí)行如權(quán)利要求1-6中任一項(xiàng)所述的在多個(gè)文檔對(duì)象模型節(jié)點(diǎn)掛載實(shí)例的方法。