基于VLM的H5組件生成方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)制造方法及圖紙

本申請(qǐng)涉及U?I設(shè)計(jì)領(lǐng)域，應(yīng)用于金融業(yè)務(wù)科技領(lǐng)域，公開了一種基于VLM的H5組件生成方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，所述方法包括通過(guò)VLM解析用戶需求，獲取組件樣式與組件字段值；將組件樣式與組件字段值，轉(zhuǎn)換為組件展示信息和CSS樣式代碼，并根據(jù)組件展示信息和CSS樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)；通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)H5組件。通過(guò)上述方式，本申請(qǐng)通過(guò)自動(dòng)化解析用戶需求以及通過(guò)自動(dòng)化流程，減少人為編碼錯(cuò)誤，提高代碼的準(zhǔn)確性和可靠性。自動(dòng)化生成的代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)遵循預(yù)設(shè)的標(biāo)準(zhǔn)和模式，實(shí)現(xiàn)了根據(jù)用戶的業(yè)務(wù)需求快速生成前端頁(yè)面組件，進(jìn)而提高了平臺(tái)效能。

【技術(shù)實(shí)現(xiàn)步驟摘要】

本申請(qǐng)涉及u?i設(shè)計(jì)領(lǐng)域，應(yīng)用于金融業(yè)務(wù)科技領(lǐng)域，尤其涉及一種基于vlm的h5組件生成方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)。

技術(shù)介紹

1、隨著人工智能技術(shù)的快速發(fā)展，現(xiàn)今低碼無(wú)碼cms(content?management?system，內(nèi)容管理系統(tǒng))技術(shù)已經(jīng)趨于成熟，用戶也較能接受使用這類拖拉拽方法的平臺(tái)來(lái)配置各類前端頁(yè)面。但平臺(tái)自身的能力邊界部分取決于組件庫(kù)的豐富程度，而很多業(yè)務(wù)場(chǎng)景下的組件又高度依賴開發(fā)預(yù)設(shè)組裝。目前人工智能技術(shù)在前端頁(yè)面生成上取得了一定成果，但相對(duì)的其準(zhǔn)確性和穩(wěn)定性以及后期可調(diào)整性依然是一個(gè)問(wèn)題。當(dāng)前在為低碼、無(wú)碼平臺(tái)開發(fā)組件時(shí)，需要預(yù)先明確通用、非通用的組件屬性數(shù)據(jù)結(jié)構(gòu)，通過(guò)預(yù)設(shè)可調(diào)整或固定的組件內(nèi)展示元素，并調(diào)整和樣式數(shù)據(jù)關(guān)聯(lián)的css(cascad?i?ng?sty?l?e?sheets，層疊樣式表)屬性確保滿足用戶展示需求后，設(shè)計(jì)數(shù)據(jù)屬性層面的展示內(nèi)容的動(dòng)態(tài)和兼容，最后再進(jìn)行發(fā)布。因此，如何根據(jù)用戶的業(yè)務(wù)需求快速生成前端頁(yè)面組件，進(jìn)而提高平臺(tái)效能成為了目前亟待解決的技術(shù)問(wèn)題。

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

1、本申請(qǐng)?zhí)峁┝艘环N基于vlm的h5組件生成方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，根據(jù)用戶的業(yè)務(wù)需求快速生成前端頁(yè)面組件，進(jìn)而提高平臺(tái)效能。

2、第一方面，本申請(qǐng)?zhí)峁┝艘环N基于vlm的h5組件生成方法，所述方法包括：

3、通過(guò)預(yù)訓(xùn)練的視覺語(yǔ)言模型vlm解析用戶需求，獲取組件樣式與組件字段值；

4、將所述組件樣式與所述組件字段值，轉(zhuǎn)換為組件展示信息和層疊樣式表css樣式代碼，并根據(jù)所述組件展示信息和所述css樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)；

5、通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與所述代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)h5組件。

6、第二方面，本申請(qǐng)還提供了一種基于vlm的h5組件生成裝置，所述裝置包括：

7、用戶需求解析模塊，用于通過(guò)預(yù)訓(xùn)練的視覺語(yǔ)言模型vlm解析用戶需求，獲取組件樣式與組件字段值；

8、代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)確定模塊，用于將所述組件樣式與所述組件字段值，轉(zhuǎn)換為組件展示信息和層疊樣式表css樣式代碼，并根據(jù)所述組件展示信息和所述css樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)；

9、h5組件生成發(fā)布模塊，用于通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與所述代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)h5組件。

10、第三方面，本申請(qǐng)還提供了一種計(jì)算機(jī)設(shè)備，所述計(jì)算機(jī)設(shè)備包括存儲(chǔ)器和處理器；所述存儲(chǔ)器用于存儲(chǔ)計(jì)算機(jī)程序；所述處理器，用于執(zhí)行所述計(jì)算機(jī)程序并在執(zhí)行所述計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)如上述的基于vlm的h5組件生成方法。

11、第四方面，本申請(qǐng)還提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)使所述處理器實(shí)現(xiàn)如上述的基于vlm的h5組件生成方法。

12、本申請(qǐng)公開了一種基于vlm的h5組件生成方法、裝置、計(jì)算機(jī)設(shè)備及存儲(chǔ)介質(zhì)，所述基于vlm的h5組件生成方法包括通過(guò)預(yù)訓(xùn)練的視覺語(yǔ)言模型vlm解析用戶需求，獲取組件樣式與組件字段值；將所述組件樣式與所述組件字段值，轉(zhuǎn)換為組件展示信息和層疊樣式表css樣式代碼，并根據(jù)所述組件展示信息和所述css樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)；通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與所述代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)h5組件。通過(guò)上述方式，本申請(qǐng)通過(guò)自動(dòng)化解析用戶需求以及通過(guò)自動(dòng)化流程，減少人為編碼錯(cuò)誤，提高代碼的準(zhǔn)確性和可靠性。自動(dòng)化生成的代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)遵循預(yù)設(shè)的標(biāo)準(zhǔn)和模式，實(shí)現(xiàn)了根據(jù)用戶的業(yè)務(wù)需求快速生成前端頁(yè)面組件，進(jìn)而提高了平臺(tái)效能。

本文檔來(lái)自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】

1.一種基于VLM的H5組件生成方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的基于VLM的H5組件生成方法，其特征在于，所述將所述組件樣式與所述組件字段值，轉(zhuǎn)換為組件展示信息和層疊樣式表CSS樣式代碼，包括：

3.根據(jù)權(quán)利要求2所述的基于VLM的H5組件生成方法，其特征在于，所述根據(jù)所述組件展示信息和所述CSS樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，包括：

4.根據(jù)權(quán)利要求1所述的基于VLM的H5組件生成方法，其特征在于，所述預(yù)設(shè)組件生成與發(fā)布流程包括組件生成子流程和組件發(fā)布子流程，所述通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與所述代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)H5組件，包括：

5.根據(jù)權(quán)利要求4所述的基于VLM的H5組件生成方法，其特征在于，所述通過(guò)所述組件生成子流程解析所述代碼對(duì)象結(jié)構(gòu)數(shù)據(jù)，生成所述目標(biāo)H5組件，包括：

6.根據(jù)權(quán)利要求4所述的基于VLM的H5組件生成方法，其特征在于，所述通過(guò)所述組件發(fā)布子流程編譯所述目標(biāo)H5組件的所述CSS樣式代碼，發(fā)布所述目標(biāo)H5組件，包括：

7.根據(jù)權(quán)利要求1至6任一項(xiàng)所述的基于VLM的H5組件生成方法，其特征在于，所述通過(guò)預(yù)訓(xùn)練的視覺語(yǔ)言模型VLM解析用戶需求，獲取組件樣式與組件字段值之前，包括：

8.一種基于VLM的H5組件生成裝置，其特征在于，包括：

9.一種計(jì)算機(jī)設(shè)備，其特征在于，所述計(jì)算機(jī)設(shè)備包括存儲(chǔ)器和處理器；

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)使所述處理器實(shí)現(xiàn)如權(quán)利要求1至7中任一項(xiàng)所述的基于VLM的H5組件生成方法。

...

【技術(shù)特征摘要】

1.一種基于vlm的h5組件生成方法，其特征在于，包括：

2.根據(jù)權(quán)利要求1所述的基于vlm的h5組件生成方法，其特征在于，所述將所述組件樣式與所述組件字段值，轉(zhuǎn)換為組件展示信息和層疊樣式表css樣式代碼，包括：

3.根據(jù)權(quán)利要求2所述的基于vlm的h5組件生成方法，其特征在于，所述根據(jù)所述組件展示信息和所述css樣式代碼確定代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，包括：

4.根據(jù)權(quán)利要求1所述的基于vlm的h5組件生成方法，其特征在于，所述預(yù)設(shè)組件生成與發(fā)布流程包括組件生成子流程和組件發(fā)布子流程，所述通過(guò)預(yù)設(shè)組件生成與發(fā)布流程與所述代碼對(duì)象數(shù)據(jù)結(jié)構(gòu)，生成并發(fā)布目標(biāo)h5組件，包括：

5.根據(jù)權(quán)利要求4所述的基于vlm的h5組件生成方法，其特征在于，所述通過(guò)所述組件生成子流程解析所述代碼對(duì)象結(jié)構(gòu)數(shù)據(jù)...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：王利超，吳宗廷，
申請(qǐng)(專利權(quán))人：平安國(guó)際融資租賃有限公司，
類型：發(fā)明
國(guó)別省市：