[發(fā)明專利]在前端頁面中增加控件的方法及裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201910521606.2
• 申請(qǐng)日: 2019-06-17
• 公開（公告）號(hào): CN110221835A
• 公開（公告）日: 2019-09-10
• 發(fā)明（設(shè)計(jì)）人: 梁建軍;馮自立
• 申請(qǐng)（專利權(quán)）人: 北京搜房科技發(fā)展有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 北京集佳知識(shí)產(chǎn)權(quán)代理有限公司 11227
• 代理人: 李偉

本發(fā)明提供了一種在前端頁面中增加控件的方法及裝置，該方法包括：接收控件增加請(qǐng)求，獲取控件增加請(qǐng)求中包含的控件功能需求信息、控件外觀信息和屬性配置信息，基于控件功能需求信息，從預(yù)先構(gòu)建的基礎(chǔ)控件集合中獲取目標(biāo)控件，確定目標(biāo)控件的各個(gè)屬性配置項(xiàng)，并依據(jù)屬性配置信息對(duì)每個(gè)屬性配置項(xiàng)進(jìn)行配置，將配置完成的各個(gè)屬性配置項(xiàng)與目標(biāo)控件進(jìn)行關(guān)聯(lián)，依據(jù)控件外觀信息，將目標(biāo)控件配置于前端頁面，獲得第一前端頁面。應(yīng)用本發(fā)明提供的方法，從預(yù)先構(gòu)建的基礎(chǔ)控件集合中獲取目標(biāo)控件，對(duì)目標(biāo)控件進(jìn)行配置，將配置完成的目標(biāo)控件配置于前端頁面，以實(shí)現(xiàn)在前端頁面中增加控件，而不需要進(jìn)行控件代碼開發(fā)，從而提高在頁面中增加控件的效率。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，尤其涉及一種在前端頁面中增加控件的方法及裝置。

背景技術(shù)

前端即網(wǎng)站的前臺(tái)部分，運(yùn)行在PC端、移動(dòng)端等瀏覽器上展現(xiàn)給用戶瀏覽的頁面，每個(gè)前端頁面中可以包含多個(gè)控件，每個(gè)控件用于實(shí)現(xiàn)與其對(duì)應(yīng)的功能。

隨著生活需求的不斷提高，當(dāng)前端頁面中的控件不滿足當(dāng)前用戶需求時(shí)，需要對(duì)前端頁面中的控件進(jìn)行更新，對(duì)前端頁面中的控件進(jìn)行更新，包括在前端頁面中增加控件，發(fā)明人對(duì)現(xiàn)有的在前端頁面中增加控件的方法進(jìn)行研究發(fā)現(xiàn)，現(xiàn)有的在前端頁面中增加控件的方法，開發(fā)人員直接編寫控件代碼，以及為該控件配置相應(yīng)的屬性信息，即每次在前端頁面中增加控件，都需要進(jìn)行代碼開發(fā)，從而降低開發(fā)效率。

發(fā)明內(nèi)容

本發(fā)明所要解決的技術(shù)問題是提供一種在前端頁面中增加控件的方法，當(dāng)接收到控件增加請(qǐng)求時(shí)，從預(yù)先構(gòu)建的基礎(chǔ)控件集合中獲取目標(biāo)控件，對(duì)目標(biāo)控件進(jìn)行配置，并將配置完成的目標(biāo)控件配置于前端頁面，而不需要進(jìn)行控件代碼開發(fā)，從而提高在前端頁面中增加控件的效率。

本發(fā)明還提供了一種在前端頁面中增加控件的裝置，用于保證上述方法在實(shí)際中的實(shí)現(xiàn)及應(yīng)用。

一種在前端頁面中增加控件的方法，包括：

接收控件增加請(qǐng)求，獲取所述控件增加請(qǐng)求中包含的控件功能需求信息、控件外觀信息和屬性配置信息；

基于所述控件功能需求信息，獲取目標(biāo)控件；其中，所述目標(biāo)控件為預(yù)先構(gòu)建的基礎(chǔ)控件集合中與所述控件功能需求信息對(duì)應(yīng)的控件；

確定所述目標(biāo)控件的各個(gè)屬性配置項(xiàng)，并依據(jù)所述屬性配置信息對(duì)每個(gè)所述屬性配置項(xiàng)進(jìn)行配置；

將配置完成的各個(gè)屬性配置項(xiàng)與所述目標(biāo)控件進(jìn)行關(guān)聯(lián)；

依據(jù)所述控件外觀信息，將所述目標(biāo)控件配置于所述前端頁面，獲得第一前端頁面。

上述的方法，可選的，所述基于所述控件功能需求信息，獲取目標(biāo)控件，包括：

基于所述控件功能需求信息，確定待獲取控件的控件類型；

依據(jù)所述控件類型，在預(yù)先構(gòu)建的基礎(chǔ)控件集合中，查找與所述控件類型對(duì)應(yīng)的控件，并將查找到的控件確定為目標(biāo)控件。

上述的方法，可選的，所述控件外觀信息包含控件名稱、展示位置信息和展示樣式信息，所述依據(jù)所述控件外觀信息，將所述目標(biāo)控件配置于所述前端頁面，包括：

基于所述控件名稱、所述展示位置信息和所述展示樣式信息，分別確定所述目標(biāo)控件的展示名稱、展示位置和展示樣式；

在所述前端頁面的所述展示位置上，以所述展示樣式和所述展示名稱配置所述目標(biāo)控件。

上述的方法，可選的，所述基礎(chǔ)控件集合的構(gòu)建過程，包括：

獲取各個(gè)基礎(chǔ)控件代碼文檔，并依據(jù)各個(gè)所述基礎(chǔ)控件代碼文檔，生成與每個(gè)所述基礎(chǔ)控件代碼文檔對(duì)應(yīng)的基礎(chǔ)控件，以及生成與每個(gè)所述基礎(chǔ)控件對(duì)應(yīng)的數(shù)據(jù)獲取邏輯、多個(gè)屬性配置項(xiàng)和多個(gè)展示樣式；

確定每個(gè)所述基礎(chǔ)控件的控件類型；