本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種生成組件模板的方法及裝置。

背景技術(shù)：

隨著技術(shù)的飛速發(fā)展，組件已經(jīng)是網(wǎng)頁(yè)中的不可或缺的應(yīng)用元件，其通常由一段HTML(Hypertext Markup Language，文本標(biāo)記語(yǔ)言)或者JS(JavaScript，直譯式腳本語(yǔ)言)代碼構(gòu)成；目前通常通過(guò)組件模板生成組件。

其中，在網(wǎng)頁(yè)領(lǐng)域中會(huì)用到各種各樣的組件，由于組件中精確描述了元素類(lèi)型，因此對(duì)于任一種組件，都需要由與該一種組件相對(duì)應(yīng)的組件模板來(lái)生成。

但是，每一個(gè)組件模板都需要由人工編寫(xiě)，由于編寫(xiě)一個(gè)組件模板的代碼量非常大，當(dāng)需要編寫(xiě)的組件模板的個(gè)數(shù)非常多時(shí)，就需要占用非常大的人力資源，人工成本較高。

技術(shù)實(shí)現(xiàn)要素：

為克服相關(guān)技術(shù)中存在的問(wèn)題，本發(fā)明提供一種生成組件模板的方法及裝置。

根據(jù)本發(fā)明實(shí)施例的第一方面，提供一種生成組件模板的方法，所述方法包括：

檢測(cè)是否接收到用于生成目標(biāo)組件模板的描述文件；所述描述文件中包含有所述目標(biāo)組件模板的模板標(biāo)識(shí)以及至少一個(gè)屬性信息；

當(dāng)接收到所述描述文件時(shí)，查找本地是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；所述母版頁(yè)中包含有至少一個(gè)屬性信息位；

當(dāng)本地存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，根據(jù)所述母版頁(yè)和所述屬性信息生成目標(biāo)組件模板。

進(jìn)一步地，所述方法還包括：

獲取所述模板標(biāo)識(shí)對(duì)應(yīng)的參考組件模板；

獲取所述參考組件模板中的屬性信息位；

刪除所述屬性信息位中的屬性信息；

在所述屬性信息位中填入占位信息，得到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述查找本地是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，包括：

獲取預(yù)設(shè)模板標(biāo)識(shí)與母版頁(yè)的標(biāo)識(shí)之間的對(duì)應(yīng)關(guān)系；

在所述對(duì)應(yīng)關(guān)系中查找是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；

當(dāng)在所述對(duì)應(yīng)關(guān)系中查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，將查找到的所述母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)確定為與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；

當(dāng)在所述對(duì)應(yīng)關(guān)系中未查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，確定本地不存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述根據(jù)所述母版頁(yè)和所述屬性信息生成目標(biāo)組件模板，包括：

對(duì)于所述描述文件中的每一個(gè)所述屬性信息，獲取所述屬性信息在所述母版頁(yè)中的屬性信息位；

將所述獲取的屬性信息位中的占位信息刪除；

將所述屬性信息填入所述獲取的屬性信息位中，以實(shí)現(xiàn)生成所述目標(biāo)組件模板。

其中，所述檢測(cè)是否接收到用于生成目標(biāo)組件模板的描述文件，包括：

檢測(cè)是否接收到用戶(hù)輸入的、用于生成目標(biāo)組件模板的描述文件；

或；

檢測(cè)是否接收到其他設(shè)備發(fā)送的、用于生成目標(biāo)組件模板的描述文件。

根據(jù)本發(fā)明實(shí)施例的第二方面，提供一種生成組件模板的裝置，所述裝置包括：

檢測(cè)模塊，用于檢測(cè)是否接收到用于生成目標(biāo)組件模板的描述文件；所述描述文件中包含有所述目標(biāo)組件模板的模板標(biāo)識(shí)以及至少一個(gè)屬性信息；

查找模塊，用于當(dāng)接收到所述描述文件時(shí)，查找本地是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；所述母版頁(yè)中包含有至少一個(gè)屬性信息位；

生成模塊，用于當(dāng)本地存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，根據(jù)所述母版頁(yè)和所述屬性信息生成目標(biāo)組件模板。

進(jìn)一步地，所述裝置還包括：

第一獲取模塊，用于獲取所述模板標(biāo)識(shí)對(duì)應(yīng)的參考組件模板；

第二獲取模塊，用于獲取所述參考組件模板中的屬性信息位；

刪除模塊，用于刪除所述屬性信息位中的屬性信息；

填入模塊，用于在所述屬性信息位中填入占位信息，得到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述查找模塊包括：

第一獲取單元，用于獲取預(yù)設(shè)模板標(biāo)識(shí)與母版頁(yè)的標(biāo)識(shí)之間的對(duì)應(yīng)關(guān)系；

查找單元，用于在所述對(duì)應(yīng)關(guān)系中查找是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；

第一確定單元，用于當(dāng)在所述對(duì)應(yīng)關(guān)系中查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，將查找到的所述母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)確定為與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；

第二確定單元，用于當(dāng)在所述對(duì)應(yīng)關(guān)系中未查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，確定本地不存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述生成模塊包括：

第二獲取單元，用于對(duì)于所述描述文件中的每一個(gè)所述屬性信息，獲取所述屬性信息在所述母版頁(yè)中的屬性信息位；

刪除單元，用于將所述獲取的屬性信息位中的占位信息刪除；

填入單元，用于將所述屬性信息填入所述獲取的屬性信息位中，以實(shí)現(xiàn)生成所述目標(biāo)組件模板。

其中，所述檢測(cè)模塊包括：

第一檢測(cè)單元，用于檢測(cè)是否接收到用戶(hù)輸入的、用于生成目標(biāo)組件模板的描述文件；

第二檢測(cè)單元，用于檢測(cè)是否接收到其他設(shè)備發(fā)送的、用于生成目標(biāo)組件模板的描述文件。

本發(fā)明的實(shí)施例提供的技術(shù)方案可以包括以下有益效果：在本發(fā)明中，事先根據(jù)模板標(biāo)識(shí)對(duì)應(yīng)的一個(gè)組件模板生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，當(dāng)需要生成一個(gè)模板標(biāo)識(shí)對(duì)應(yīng)的目標(biāo)組件模板時(shí)，只需獲取目標(biāo)組件模板的描述文件，然后根據(jù)該模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)和該描述文件生成目標(biāo)組件模板。

其中，事先只需生成一次與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)即可，之后每當(dāng)需要生成與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板時(shí)都可以利用該母版頁(yè)。因此只需用戶(hù)編寫(xiě)出與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板的描述文件即可，其中，描述文件的代碼量很低。即，每當(dāng)需要生成一個(gè)組件模板時(shí)，用戶(hù)只需編寫(xiě)代碼量很低的、該組件模板的描述文件即可。相比于現(xiàn)有技術(shù)中的組件模板完全由用戶(hù)人工編寫(xiě)得到，本發(fā)明實(shí)施例可以節(jié)省大量的人力資源，降低了人工成本。

應(yīng)當(dāng)理解的是，以上的一般描述和后文的細(xì)節(jié)描述僅是示例性和解釋性的，并不能限制本發(fā)明。

附圖說(shuō)明

此處的附圖被并入說(shuō)明書(shū)中并構(gòu)成本說(shuō)明書(shū)的一部分，示出了符合本發(fā)明的實(shí)施例，并與說(shuō)明書(shū)一起用于解釋本發(fā)明的原理。

圖1是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的方法的流程圖。

圖2是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的方法的流程圖。

圖3是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的方法的流程圖。

圖4是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的裝置的框圖。

具體實(shí)施方式

這里將詳細(xì)地對(duì)示例性實(shí)施例進(jìn)行說(shuō)明，其示例表示在附圖中。下面的描述涉及附圖時(shí)，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實(shí)施例中所描述的實(shí)施方式并不代表與本發(fā)明相一致的所有實(shí)施方式。相反，它們僅是與如所附權(quán)利要求書(shū)中所詳述的、本發(fā)明的一些方面相一致的裝置和方法的例子。

圖1是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的方法的流程圖，如圖1所示，該方法包括以下步驟。

在步驟S101中，檢測(cè)是否接收到用于生成目標(biāo)組件模板的描述文件；

該描述文件中包含有目標(biāo)組件模板的模板標(biāo)識(shí)以及至少一個(gè)屬性信息；

組件模板用于生成組件，組件的類(lèi)型有多種，例如button類(lèi)型的組件和input類(lèi)型的組件等，每一個(gè)類(lèi)型的組件只能利用與其相對(duì)應(yīng)的類(lèi)型的組件模板來(lái)生成，例如只能利用button類(lèi)型的組件模板生成button類(lèi)型的組件，以及只能利用input類(lèi)型的組件模板生成input類(lèi)型的組件。

因此，模板標(biāo)識(shí)可以為組件模板的類(lèi)型，例如，button類(lèi)型的組件模板的模板標(biāo)識(shí)可以為button，input類(lèi)型的組件模板的模板標(biāo)識(shí)可以為input。

組件模板的屬性信息包括：根據(jù)該組件模板能夠生成的組件的類(lèi)型、渲染方式和大小尺寸等。

其中，該描述文件可以是其他設(shè)備發(fā)送的描述文件，也可以是用戶(hù)在本地輸入的描述文件，因此，本步驟具體可以為：檢測(cè)是否接收到用戶(hù)輸入的、用于生成目標(biāo)組件模板的描述文件；或，檢測(cè)是否接收到其他設(shè)備發(fā)送的、用于生成目標(biāo)組件模板的描述文件。

當(dāng)接收到該描述文件時(shí)，在步驟S102中，查找本地是否存在與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；

母版頁(yè)中包含有至少一個(gè)屬性信息位；屬性信息位上可以填寫(xiě)屬性信息。當(dāng)在母版頁(yè)的和屬性信息位中填入屬性信息后就可以得到一個(gè)組件模板。

其中，在本發(fā)明實(shí)施例中，事先需要生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)并存儲(chǔ)在本地的 預(yù)設(shè)母版頁(yè)庫(kù)中。

具體地，生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的步驟具體可以通過(guò)如下流程實(shí)現(xiàn)，包括：

11)、獲取與該模板標(biāo)識(shí)相對(duì)應(yīng)的參考組件模板；

具體地，從已經(jīng)生成的與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板中選擇一個(gè)組件模板，并對(duì)選擇的組件模板進(jìn)行復(fù)制，將復(fù)制得到的組件模板作為參考組件模板。

例如，假設(shè)參考組件模板可以為：

<button type＝“button”class＝“btn btn-success btn-sm”>{{button.text}}</button>。

12)、獲取參考組件模板中的屬性信息位；

其中，在獲取到模板標(biāo)識(shí)對(duì)應(yīng)的參考組件模板后，可以將參考組件模板顯示在顯示屏中，用戶(hù)可以在參考組件模板中選擇出屬性信息位；因此，在本步驟中，可以接收用戶(hù)在參考組件模板中的選擇的屬性信息位。

例如，用戶(hù)可以從上述參考組件模板中選擇type＝“button”中的button所在的位置作為屬性信息位，以及選擇class＝“btn btn-success btn-sm”中的btn btn-success btn-sm所在的位置作為屬性信息位；因此，在本步驟中，可以接收用戶(hù)選擇的屬性信息位。

13)、刪除屬性信息位中的屬性信息；

例如，刪除type＝“button”中的屬性信息button，以及刪除屬class＝“btn btn-success btn-sm”中的屬性信息btn btn-success btn-sm，得到刪除后的組件模板：<button type＝“”class＝“”>{{button.text}}</button>。

14)、在獲取的屬性信息位中填入占位信息，得到與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

占位信息可以為占位符等。

例如，在刪除后的組件模板：<button type＝“”class＝“”>{{button.text}}</button>的type＝“”中的屬性信息位“”中填入占位信息[[type]]，以及在class＝“”中的屬性信息位“”中填入占位信息[[classx]]，得到母版頁(yè)：<button type＝“[[type]]”class＝“[[classx]]”>{{button.text}}</button>。

其中，在得到與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)之后，當(dāng)需要生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的組件模板時(shí)，只需向該母版頁(yè)中的屬性信息位中填入與該模板標(biāo)識(shí)相對(duì)應(yīng)的組件模板的屬性信息，就可以得到與該模板標(biāo)識(shí)相對(duì)應(yīng)的組件模板。

進(jìn)一步地，將與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)存儲(chǔ)在預(yù)設(shè)母版頁(yè)庫(kù)中，以及將與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)和該模板標(biāo)識(shí)作為一條記錄存儲(chǔ)在預(yù)設(shè)模板標(biāo)識(shí)與母版頁(yè)的標(biāo)識(shí)之間的對(duì)應(yīng)關(guān)系中。

當(dāng)本地存在與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，在步驟S103中，根據(jù)該母版頁(yè)和該描述 文件包含的屬性信息生成目標(biāo)組件模板。

當(dāng)本地存在與模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，獲取與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，將該描述文件中的每個(gè)屬性信息填入該母版頁(yè)中的屬性信息位中，得到目標(biāo)組件模板。

其中，當(dāng)本地不存在與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，說(shuō)明事先還未生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，因此，可以先根據(jù)上述11)～14)的流程生成與該模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)，然后再根據(jù)生成的與該模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)和該描述文件包含的屬性信息生成目標(biāo)組件模板。

在本發(fā)明圖1所示的實(shí)施例中，事先根據(jù)模板標(biāo)識(shí)對(duì)應(yīng)的一個(gè)組件模板生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，當(dāng)需要生成一個(gè)模板標(biāo)識(shí)對(duì)應(yīng)的目標(biāo)組件模板時(shí)，只需獲取目標(biāo)組件模板的描述文件，然后根據(jù)該模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)和該描述文件生成目標(biāo)組件模板。其中，事先只需生成一次與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)即可，之后每當(dāng)需要生成與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板時(shí)都可以利用該母版頁(yè)。因此只需用戶(hù)編寫(xiě)出與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板的描述文件即可，其中，描述文件的代碼量很低。即，每當(dāng)需要生成一個(gè)組件模板時(shí)，用戶(hù)只需編寫(xiě)代碼量很低的、該組件模板的描述文件即可。相比于現(xiàn)有技術(shù)中的組件模板完全由用戶(hù)人工編寫(xiě)得到，本發(fā)明實(shí)施例可以節(jié)省大量的人力資源，降低了人工成本。

在本發(fā)明另一實(shí)施例中，參見(jiàn)圖2，步驟S102包括：

在步驟S201中，獲取預(yù)設(shè)模板標(biāo)識(shí)與母版頁(yè)的標(biāo)識(shí)之間的對(duì)應(yīng)關(guān)系；

上述對(duì)應(yīng)關(guān)系為用戶(hù)事先在本地設(shè)置的對(duì)應(yīng)關(guān)系。

在步驟S202中，在上述對(duì)應(yīng)關(guān)系中查找是否存在與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；

具體地，獲取上述對(duì)應(yīng)關(guān)系中的一條包括模板標(biāo)識(shí)和母版頁(yè)的標(biāo)識(shí)的記錄，將該描述文件中的模板標(biāo)識(shí)與該一條記錄中的模板標(biāo)識(shí)進(jìn)行比較，如果該描述文件中的模板標(biāo)識(shí)與該一條記錄中的模板標(biāo)識(shí)相同，則將該一條記錄中的母版頁(yè)的標(biāo)識(shí)確定為與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；如果該描述文件中的模板標(biāo)識(shí)與該一條記錄中的模板標(biāo)識(shí)不同，獲取上述對(duì)應(yīng)關(guān)系中的下一條記錄；繼續(xù)執(zhí)行上述步驟，直至獲取到最后一條記錄為止，如果該描述文件中的模板標(biāo)識(shí)與該最后一條記錄中的模板標(biāo)識(shí)相同，則將該最后一條記錄中的母版頁(yè)的標(biāo)識(shí)確定為與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；如果該描述文件中的模板標(biāo)識(shí)與該最后一條記錄中的模板標(biāo)識(shí)不同，則確定上述對(duì)應(yīng)關(guān)系中不存在與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)。

當(dāng)在上述對(duì)應(yīng)關(guān)系中查找到與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，在步 驟S203中，將查找到的母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)確定為與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；

其中，由于上述對(duì)應(yīng)關(guān)系與母版頁(yè)庫(kù)是同步的，即，當(dāng)在母版頁(yè)庫(kù)中新增加一個(gè)模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)時(shí)，就會(huì)將該新增加的母版頁(yè)的標(biāo)識(shí)與該新增加的母版頁(yè)的模板標(biāo)識(shí)作為一條記錄并添加至上述對(duì)應(yīng)關(guān)系中；當(dāng)從母版頁(yè)庫(kù)中刪除一個(gè)母版頁(yè)時(shí)，就會(huì)從上述對(duì)應(yīng)關(guān)系中刪除包括該一個(gè)母版頁(yè)的標(biāo)識(shí)的記錄。即，上述對(duì)應(yīng)關(guān)系中的每一條記錄中的母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)都存儲(chǔ)在預(yù)設(shè)母版頁(yè)庫(kù)中；預(yù)設(shè)母版頁(yè)庫(kù)中的每一個(gè)母版頁(yè)的標(biāo)識(shí)都存儲(chǔ)在上述對(duì)應(yīng)關(guān)系中的一條記錄中。

因此，在本步驟中，當(dāng)在上述對(duì)應(yīng)關(guān)系中查找到與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，則說(shuō)明預(yù)設(shè)母版頁(yè)庫(kù)中存儲(chǔ)了與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，即確定本地存在與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，并將查找到的母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)確定為與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。當(dāng)在上述對(duì)應(yīng)關(guān)系中未查找到與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，則說(shuō)明預(yù)設(shè)母版頁(yè)庫(kù)中未存儲(chǔ)與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，即確定本地不存在與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，

當(dāng)在上述對(duì)應(yīng)關(guān)系中未查找到與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，在步驟S204中，確定本地不存在與該描述文件中的模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

在本發(fā)明另一實(shí)施例中，參見(jiàn)圖3，步驟S103包括：

在步驟S301中，對(duì)于描述文件中的每一個(gè)屬性信息，獲取該屬性信息在母版頁(yè)中的屬性信息位；

對(duì)于描述文件中的每一個(gè)屬性信息，獲取該屬性信息對(duì)應(yīng)的屬性標(biāo)識(shí)，在母版頁(yè)中查找與該屬性標(biāo)識(shí)相同的占位信息，將與該屬性標(biāo)識(shí)相同的占位信息所在位置作為用于填入該屬性信息的屬性信息位；

例如，假設(shè)描述文件為：

在上述描述文件中，屬性信息分別為type:“button”中的botton和classx:“btn btn-success”中的btn btn-success，屬性信息button對(duì)應(yīng)的屬性標(biāo)識(shí)為type，屬性信息btn btn-success對(duì)應(yīng)的屬性標(biāo)識(shí)為classx；

假設(shè)獲取的母版頁(yè)為：

<button type＝“[[type]]”class＝“[[classx]]”>{{button.text}}</button>；

在母版頁(yè)中查找與屬性標(biāo)識(shí)type相同的占位信息，且查找到與屬性標(biāo)識(shí)type相同的占位信息[[type]]，將與該屬性標(biāo)識(shí)type相同的占位信息[[type]]所在位置作為用于填入屬性信息botton的屬性信息位。

以及在母版頁(yè)中查找與屬性標(biāo)識(shí)classx相同的占位信息，且查找到與屬性標(biāo)識(shí)classx相同的占位信息[[classx]]，將與該屬性標(biāo)識(shí)classx相同的占位信息[[classx]]所在位置作為用于填入屬性信息btn btn-success的屬性信息位。

在步驟S302中，將該屬性信息位中的占位信息刪除；

例如，對(duì)于母版頁(yè)：

<button type＝“[[type]]”class＝“[[classx]]”>{{button.text}}</button>；

將該母版頁(yè)中的占位信息“[[type]]”刪除，以及將該母版頁(yè)中的占位信息“[[classx]]”刪除。

得到刪除了占位信息的母版頁(yè)：<button type＝“”class＝“”>{{button.text}}</button>；

在步驟S303中，將該屬性信息填入該屬性信息位中。

以實(shí)現(xiàn)生成目標(biāo)組件模板。

例如，將屬性信息button和btn btn-success分別填入刪除了占位信息的母版頁(yè)<button type＝“”class＝“”>{{button.text}}</button>中；得到目標(biāo)組件模板<button type＝“button”class＝“btn btn-success”>{{button.text}}</button>。

圖4是根據(jù)一示例性實(shí)施例示出的一種生成組件模板的裝置的框圖。參照?qǐng)D4，該裝置包括：

檢測(cè)模塊11，用于檢測(cè)是否接收到用于生成目標(biāo)組件模板的描述文件；所述描述文件中包含有所述目標(biāo)組件模板的模板標(biāo)識(shí)以及至少一個(gè)屬性信息；

查找模塊12，用于當(dāng)接收到所述描述文件時(shí)，查找本地是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；所述母版頁(yè)中包含有至少一個(gè)屬性信息位；

生成模塊13，用于當(dāng)本地存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)時(shí)，根據(jù)所述母版頁(yè)和所述屬性信息生成目標(biāo)組件模板。

在本發(fā)明圖4所示的實(shí)施例中，事先根據(jù)模板標(biāo)識(shí)對(duì)應(yīng)的一個(gè)組件模板生成與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)，當(dāng)需要生成一個(gè)模板標(biāo)識(shí)對(duì)應(yīng)的目標(biāo)組件模板時(shí)，只需獲取目標(biāo)組件模板的描述文件，然后根據(jù)該模板標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)和該描述文件生成目標(biāo)組件模板。其中，事先只需生成一次與該模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)即可，之后每當(dāng)需要生成與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板時(shí)都可以利用該母版頁(yè)。因此只需用戶(hù)編寫(xiě)出與該模板標(biāo)識(shí)對(duì)應(yīng)的組件模板的描述文件即可，其中，描述文件的代碼量很低。即，每當(dāng)需要生成一個(gè)組件模板時(shí)，用戶(hù)只需編寫(xiě)代碼量很低的、該組件模板的描述文件即可。相比于現(xiàn)有技術(shù)中的組件模板完全由用戶(hù)人工編寫(xiě)得到，本發(fā)明實(shí)施例可以節(jié)省大量的人力資源，降低了人工成本。

進(jìn)一步地，所述裝置還包括：

第一獲取模塊，用于獲取所述模板標(biāo)識(shí)對(duì)應(yīng)的參考組件模板；

第二獲取模塊，用于獲取所述參考組件模板中的屬性信息位；

刪除模塊，用于刪除所述屬性信息位中的屬性信息；

填入模塊，用于在所述屬性信息位中填入占位信息，得到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述查找模塊12包括：

第一獲取單元，用于獲取預(yù)設(shè)模板標(biāo)識(shí)與母版頁(yè)的標(biāo)識(shí)之間的對(duì)應(yīng)關(guān)系；

查找單元，用于在所述對(duì)應(yīng)關(guān)系中查找是否存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)；

第一確定單元，用于當(dāng)在所述對(duì)應(yīng)關(guān)系中查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，將查找到的所述母版頁(yè)的標(biāo)識(shí)對(duì)應(yīng)的母版頁(yè)確定為與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)；

第二確定單元，用于當(dāng)在所述對(duì)應(yīng)關(guān)系中未查找到與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)的標(biāo)識(shí)時(shí)，確定本地不存在與所述模板標(biāo)識(shí)相對(duì)應(yīng)的母版頁(yè)。

其中，所述生成模塊13包括：

第二獲取單元，用于對(duì)于所述描述文件中的每一個(gè)所述屬性信息，獲取所述屬性信息在所述母版頁(yè)中的屬性信息位；

刪除單元，用于將所述獲取的屬性信息位中的占位信息刪除；

填入單元，用于將所述屬性信息填入所述獲取的屬性信息位中，以實(shí)現(xiàn)生成所述目標(biāo)組件模板。

其中，所述檢測(cè)模塊11包括：

第一檢測(cè)單元，用于檢測(cè)是否接收到用戶(hù)輸入的、用于生成目標(biāo)組件模板的描述文 件；

第二檢測(cè)單元，用于檢測(cè)是否接收到其他設(shè)備發(fā)送的、用于生成目標(biāo)組件模板的描述文件。

關(guān)于上述實(shí)施例中的裝置，其中各個(gè)模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實(shí)施例中進(jìn)行了詳細(xì)描述，此處將不做詳細(xì)闡述說(shuō)明。

本領(lǐng)域技術(shù)人員在考慮說(shuō)明書(shū)及實(shí)踐這里公開(kāi)的發(fā)明后，將容易想到本發(fā)明的其它實(shí)施方案。本申請(qǐng)旨在涵蓋本發(fā)明的任何變型、用途或者適應(yīng)性變化，這些變型、用途或者適應(yīng)性變化遵循本發(fā)明的一般性原理并包括本發(fā)明未公開(kāi)的本技術(shù)領(lǐng)域中的公知常識(shí)或慣用技術(shù)手段。說(shuō)明書(shū)和實(shí)施例僅被視為示例性的，本發(fā)明的真正范圍和精神由下面的權(quán)利要求指出。

應(yīng)當(dāng)理解的是，本發(fā)明并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進(jìn)行各種修改和改變。本發(fā)明的范圍僅由所附的權(quán)利要求來(lái)限制。