本申請(qǐng)涉及前端開(kāi)發(fā)，尤其涉及一種前端工程構(gòu)建方法、裝置、設(shè)備、介質(zhì)及產(chǎn)品。

背景技術(shù)：

1、前端工程是指通過(guò)一系列技術(shù)和工具，構(gòu)建用戶(hù)在瀏覽器中直接交互的界面和功能。它不僅涉及代碼編寫(xiě)，還包括性能優(yōu)化、自動(dòng)化構(gòu)建、跨平臺(tái)兼容、安全性保障和用戶(hù)體驗(yàn)設(shè)計(jì)等多個(gè)方面。

2、目前的前端工程構(gòu)建時(shí)，先搭建一個(gè)通用的腳手架，在通用腳手架的基礎(chǔ)上考慮到不同的使用場(chǎng)景，搭載不同的組件以實(shí)現(xiàn)功能需求。但是，在通用腳手架上繼續(xù)開(kāi)發(fā)時(shí)需要根據(jù)搭載的組件對(duì)通用腳手架進(jìn)行二次配置，導(dǎo)致在每次構(gòu)建前端工程時(shí)存在重復(fù)的配置和構(gòu)建步驟，從而降低了前端工程的開(kāi)發(fā)效率。因此，當(dāng)前需要解決的問(wèn)題是如何提高前端工程開(kāi)發(fā)的效率。

技術(shù)實(shí)現(xiàn)思路

1、本申請(qǐng)實(shí)施例提供一種前端工程構(gòu)建方法、裝置、設(shè)備、介質(zhì)及產(chǎn)品，用以提高前端工程開(kāi)發(fā)的效率。

2、第一方面，本申請(qǐng)實(shí)施例提供一種前端工程構(gòu)建方法，包括：接收構(gòu)建請(qǐng)求，構(gòu)建請(qǐng)求包括目標(biāo)原型版本的標(biāo)識(shí)；根據(jù)第一配置文件，提供第一界面，第一界面包括目標(biāo)原型版本下的組件信息；其中，第一配置文件包括各原型版本下的組件信息、各版本組件的組件坐標(biāo)、各原型版本對(duì)應(yīng)的腳手架的坐標(biāo)；不同的原型版本對(duì)應(yīng)的腳手架的結(jié)構(gòu)不同；根據(jù)用戶(hù)在第一界面選擇的第一組件提供第二界面，并根據(jù)用戶(hù)在第二界面選擇的第一版本，確定相應(yīng)版本的目標(biāo)組件；其中，第二界面包括第一組件的版本范圍；根據(jù)第一配置文件，獲得目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件；將目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件放至構(gòu)建目錄下進(jìn)行代碼整合，以構(gòu)建前端工程。

3、在一種可能的實(shí)施方式中，目標(biāo)組件包括基本目標(biāo)組件；第一界面包括目標(biāo)原型版本下的基本組件信息。

4、在一種可能的實(shí)施方式中，目標(biāo)組件還包括依賴(lài)目標(biāo)組件；方法還包括：若當(dāng)前確定的目標(biāo)組件為基本組件，則提供第三界面，第三界面包括依賴(lài)于目標(biāo)組件的依賴(lài)組件的組件信息；根據(jù)用戶(hù)在第三界面選擇的第二組件提供第四界面，第四界面包括第二組件的版本范圍；根據(jù)用戶(hù)在第四界面選擇的第二版本，確定相應(yīng)版本的組件并添加至目標(biāo)組件。

5、在一種可能的實(shí)施方式中，各腳手架和各版本組件存儲(chǔ)于包管理平臺(tái)；根據(jù)第一配置文件，獲得目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件，包括：向包管理平臺(tái)發(fā)送下載請(qǐng)求，下載請(qǐng)求包括目標(biāo)原型版本對(duì)應(yīng)的腳手架的坐標(biāo)和目標(biāo)組件的坐標(biāo)；接收包管理平臺(tái)返回的目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件。

6、在一種可能的實(shí)施方式中，方法還包括：維護(hù)第二配置文件，第二配置文件包括每個(gè)前端工程的工程信息，工程信息包括前端工程下的原型版本、腳手架和組件的歷史操作。

7、在一種可能的實(shí)施方式中，方法還包括：接收組件新增需求，組件新增需求用于在第一前端工程下增加組件；根據(jù)第二配置文件，確定第一前端工程的原型版本和當(dāng)前包含的版本組件，并根據(jù)第一配置文件，提供第五界面；第五界面包括第一前端工程的原型版本下，除第一前端工程當(dāng)前包含的版本組件以外的組件信息；根據(jù)用戶(hù)在第五界面選擇的新增組件，提供第六界面，并根據(jù)用戶(hù)在第六界面選擇的第三版本，確定目標(biāo)新增組件；其中，第六界面包括新增組件的版本范圍；根據(jù)第一配置文件中目標(biāo)新增組件的坐標(biāo)，獲得目標(biāo)新增組件，并將目標(biāo)新增組件放至第一前端工程的構(gòu)建目錄下進(jìn)行代碼整合。

8、在一種可能的實(shí)施方式中，方法還包括：接收組件更新需求，組件更新需求用于更新第二前端工程下的組件；根據(jù)第二配置文件，確定第二前端工程的原型版本和當(dāng)前包含的版本組件，并根據(jù)第一配置文件，提供第七界面；第七界面包括第二前端工程當(dāng)前包含的版本組件的組件信息；根據(jù)用戶(hù)在第七界面選擇的更新組件，提供第八界面，并根據(jù)用戶(hù)在第八界面選擇的第四版本，確定目標(biāo)更新組件；其中，第八界面包括更新組件的除在第二前端工程下的當(dāng)前版本以外的版本范圍；根據(jù)第一配置文件中目標(biāo)更新組件的坐標(biāo)，獲得目標(biāo)更新組件，并用目標(biāo)更新組件覆蓋第二前端工程的構(gòu)建目錄下的當(dāng)前版本組件，并進(jìn)行代碼整合。

9、在一種可能的實(shí)施方式中，接收構(gòu)建請(qǐng)求之后，還包括：推送目標(biāo)原型版本的構(gòu)建模板信息，構(gòu)建模板信息包括該目標(biāo)原型版本在歷史構(gòu)建時(shí)對(duì)應(yīng)的目標(biāo)組件；根據(jù)用戶(hù)所選擇的構(gòu)建模版，構(gòu)建前端工程。

10、第二方面，本申請(qǐng)實(shí)施例提供一種前端工程構(gòu)建裝置，包括：接收模塊，用于接收構(gòu)建請(qǐng)求，構(gòu)建請(qǐng)求包括目標(biāo)原型版本的標(biāo)識(shí)；提供模塊，用于根據(jù)第一配置文件，提供第一界面，第一界面包括目標(biāo)原型版本下的組件信息；其中，第一配置文件包括各原型版本下的組件信息、各版本組件的組件坐標(biāo)、各原型版本對(duì)應(yīng)的腳手架的坐標(biāo)；不同的原型版本對(duì)應(yīng)的腳手架的結(jié)構(gòu)不同；獲得模塊，用于根據(jù)用戶(hù)在第一界面選擇的第一組件提供第二界面，并根據(jù)用戶(hù)在第二界面選擇的第一版本，確定相應(yīng)版本的目標(biāo)組件；其中，第二界面包括第一組件的版本范圍；根據(jù)第一配置文件，獲得目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件；構(gòu)建模塊，用于將目標(biāo)原型版本對(duì)應(yīng)的腳手架和目標(biāo)組件放至構(gòu)建目錄下進(jìn)行代碼整合，以構(gòu)建前端工程。

11、第三方面，本申請(qǐng)實(shí)施例提供一種電子設(shè)備，包括：存儲(chǔ)器，處理器；存儲(chǔ)器存儲(chǔ)計(jì)算機(jī)執(zhí)行指令；處理器執(zhí)行存儲(chǔ)器存儲(chǔ)的計(jì)算機(jī)執(zhí)行指令，使得處理器執(zhí)行如上第一方面和/或第一方面各種可能的實(shí)施方式。

12、第四方面，本申請(qǐng)實(shí)施例提供一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中存儲(chǔ)有計(jì)算機(jī)執(zhí)行指令，計(jì)算機(jī)執(zhí)行指令被處理器執(zhí)行時(shí)用于實(shí)現(xiàn)如上第一方面和/或第一方面各種可能的實(shí)施方式。

13、第五方面，本申請(qǐng)實(shí)施例提供一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)程序，該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如上第一方面和/或第一方面各種可能的實(shí)施方式。

14、本申請(qǐng)實(shí)施例提供的前端工程構(gòu)建方法、裝置、設(shè)備、介質(zhì)及產(chǎn)品，通過(guò)接收包括目標(biāo)原型版本的標(biāo)識(shí)的構(gòu)建請(qǐng)求，根據(jù)第一配置文件，提供包括組件信息的第一界面；根據(jù)用戶(hù)在第一界面選擇的第一組件提供第二界面，并根據(jù)用戶(hù)在第二界面選擇的第一版本，確定相應(yīng)版本的目標(biāo)組件；根據(jù)第一配置文件，將所獲得的腳手架和目標(biāo)組件放至構(gòu)建目錄下進(jìn)行代碼整合，以構(gòu)建前端工程。本申請(qǐng)的方案，根據(jù)構(gòu)建請(qǐng)求確定代表特定腳手架結(jié)構(gòu)的目標(biāo)原型版本，第一配置文件包括可搭載的組件和組件的版本，并通過(guò)交互界面接收用戶(hù)需求，實(shí)現(xiàn)了需求接收和工程構(gòu)建的自動(dòng)化流程并減少了重復(fù)性配置，從而提高了前端工程開(kāi)發(fā)的效率。

技術(shù)特征：

1.一種前端工程構(gòu)建方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述目標(biāo)組件包括基本目標(biāo)組件；所述第一界面包括目標(biāo)原型版本下的基本組件信息。

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述目標(biāo)組件還包括依賴(lài)目標(biāo)組件；所述方法還包括：

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，各腳手架和各版本組件存儲(chǔ)于包管理平臺(tái)；所述根據(jù)所述第一配置文件，獲得所述目標(biāo)原型版本對(duì)應(yīng)的腳手架和所述目標(biāo)組件，包括：

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括：

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述方法還包括：

7.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述方法還包括：

8.根據(jù)權(quán)利要求1至7任一項(xiàng)所述的方法，其特征在于，所述接收構(gòu)建請(qǐng)求之后，還包括：

9.一種前端工程構(gòu)建裝置，其特征在于，包括：

10.一種電子設(shè)備，其特征在于，包括：存儲(chǔ)器，處理器；

11.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中存儲(chǔ)有計(jì)算機(jī)執(zhí)行指令，所述計(jì)算機(jī)執(zhí)行指令被處理器執(zhí)行時(shí)用于實(shí)現(xiàn)如權(quán)利要求1至8中任一項(xiàng)所述的方法。

12.一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)程序，該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)權(quán)利要求1至8中任一項(xiàng)所述的方法。

技術(shù)總結(jié)
本申請(qǐng)實(shí)施例提供一種前端工程構(gòu)建方法、裝置、設(shè)備、介質(zhì)及產(chǎn)品。該方法包括：接收包括目標(biāo)原型版本的標(biāo)識(shí)的構(gòu)建請(qǐng)求，根據(jù)第一配置文件，提供包括組件信息的第一界面；根據(jù)用戶(hù)在第一界面選擇的第一組件提供第二界面，并根據(jù)用戶(hù)在第二界面選擇的第一版本，確定相應(yīng)版本的目標(biāo)組件；根據(jù)第一配置文件，將所獲得的腳手架和目標(biāo)組件放至構(gòu)建目錄下進(jìn)行代碼整合，以構(gòu)建前端工程。本申請(qǐng)的方案，根據(jù)構(gòu)建請(qǐng)求確定代表特定腳手架結(jié)構(gòu)的目標(biāo)原型版本，第一配置文件包括可搭載的組件和組件的版本，并通過(guò)交互界面接收用戶(hù)需求，實(shí)現(xiàn)了需求接收和工程構(gòu)建的自動(dòng)化流程并減少了重復(fù)性配置，從而提高了前端工程開(kāi)發(fā)的效率。

技術(shù)研發(fā)人員：覃錦輝,馬科學(xué),周靖,張炯,陸頌華,毛宇星
受保護(hù)的技術(shù)使用者：海通證券股份有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/19