[發明專利]組件構造方法及裝置、組件庫架構及計算機可讀存儲介質

有效

• 申請號: 201710467879.4
• 申請日: 2017-06-20
• 公開（公告）號: CN109101225B
• 公開（公告）日: 2021-08-06
• 發明（設計）人: 巫楓;朱偉武
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 北京派特恩知識產權代理有限公司 11270
• 代理人: 劉暉銘;張穎玲

本發明公開了一種組件構造方法及裝置、組件庫架構及計算機可讀存儲介質，該組件構造方法包括：在指定的第一代碼目錄下增加預設名稱的組件容器，在該組件容器內增加要素文件，該要素文件中包含基于VUE框架的文件，并將預設的源代碼寫入要素文件中，以完成組件的構造。相對于現有技術，由于在構造組件的要素文件時，存在基于VUE框架的文件，使得能夠利用VUE框架作為底層開發框架構造組件，且由于利用VUE框架按照上述方法進行組件構造具有代碼量少的優點，因此，能夠有效的提高構造的組件的封裝性，減少誤操作，提高系統性能。

技術領域

本發明涉及計算機應用領域，尤其涉及一種組件構造方法及裝置、組件庫架構及計算機可讀存儲介質。

背景技術

AngularJS是建立在輕量jQuery之上的一個結構化前端MVVM(Model View ViewModel)框架，用于構造單頁面WEB應用。AngularJS是大而全的框架，用來開發組件學習成本大，雙向數據綁定在復雜的交互情況下時性能陡然下降。

目前，基于jQuery框架實現前端頁面的方式包括：引入jQuery框架所需要的文件，利用引入的文件對頁面元素進行初始化，通過對文檔對象模型(Document Object Model，DOM)結構進行操作以實現組件(component)的構造，使得外部系統能夠通過調用組件的方式實現前端頁面的展示。

然而，現有的基于jQuery框架得到的組件存在以下問題：采用jQuery框架作為底層開發框架，封裝性差，容易出現誤操作，降低了系統的整體性能。

發明內容

本發明的主要目的在于提供一種組件構造方法及裝置、組件庫架構及計算機可讀存儲介質，旨在解決現有技術中采用JQuery框架作為底層開發框架，封裝性差，容易出現誤操作導致系統的整體性能低的技術問題。

為實現上述目的，本發明第一方面提供一種組件構造方法，該方法包括：

在指定的第一代碼目錄下增加預設名稱的組件容器；

在所述組件容器內增加要素文件，所述要素文件中包含基于VUE框架的文件；

將預設的源代碼寫入所述要素文件中，以完成組件的構造。

為實現上述目的，本發明第二方面提供一種組件構造裝置，該構造裝置包括：

目錄增加模塊，用于在指定的第一代碼目錄下增加預設名稱的組件容器；

文件增加模塊，用于在所述組件容器內增加要素文件，所述要素文件中包含基于VUE框架的文件；

寫入模塊，用于將預設的源代碼寫入所述要素文件中，以完成組件的構造。

為實現上述目的，本發明第三方面提供一種組件庫架構，該組件庫架構包括：輸出端口、源代碼庫、服務支撐系統及VUE框架；

所述輸出端口及所述源代碼庫與所述服務支撐系統連接，所述VUE框架為所述組件庫架構的底層開發框架；

所述服務支撐系統中包含第二方面提供的組件構造裝置，所述組件構造裝置構造的組件保存在所述源代碼庫中。

本發明第四方面提供一種計算機可讀存儲介質，其上存儲有計算機可讀指令，所述計算機可讀指令被處理器執行時實現第一方面任意一種可行的實現方式中的組件構造方法中的各個步驟。

本發明提供一種組件構造方法，在該方法中，在指定的第一代碼目錄下增加預設名稱的組件容器，在該組件容器內增加要素文件，該要素文件中包含基于VUE框架的文件，并將預設的源代碼寫入要素文件中，以完成組件的構造。相對于現有技術，由于在構造組件的要素文件時，存在基于VUE框架的文件，使得能夠利用VUE框架作為底層開發框架構造組件，且由于利用VUE框架按照上述方法進行組件構造具有代碼量少的優點，因此，能夠有效的提高構造的組件的封裝性，減少誤操作，提高系統性能。