【技術(shù)實(shí)現(xiàn)步驟摘要】
本專利技術(shù)屬于定制前端業(yè)務(wù)領(lǐng)域，尤其涉及一種基于vue.js的跨端定制前端業(yè)務(wù)的方法及裝置。
技術(shù)介紹
1、企業(yè)在數(shù)字化轉(zhuǎn)型過程中，通常需要快速構(gòu)建和維護(hù)多個業(yè)務(wù)系統(tǒng)。傳統(tǒng)開發(fā)方式依賴于第三方ui框架逐個開發(fā)，導(dǎo)致開發(fā)效率低、維護(hù)成本高，難以在web和h5端實(shí)現(xiàn)一致的用戶體驗(yàn)。此外，現(xiàn)有方法缺乏統(tǒng)一的模板和配置機(jī)制，難以快速響應(yīng)業(yè)務(wù)需求的變化。
技術(shù)實(shí)現(xiàn)思路
1、鑒于以上現(xiàn)有技術(shù)的不足，專利技術(shù)的目的在于提供一種基于vue.js的跨端定制前端業(yè)務(wù)的方法及裝置，通過模板化和配置化的方式，實(shí)現(xiàn)快速構(gòu)建和維護(hù)多業(yè)務(wù)系統(tǒng)，不僅能夠統(tǒng)一設(shè)計風(fēng)格，簡化開發(fā)流程，而且支持個性化定制，顯著提高開發(fā)效率和系統(tǒng)維護(hù)的便捷性。
2、本專利技術(shù)的第一方面，提出了一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，包括：
3、配置路由文件、導(dǎo)航/菜單文件、組件文件、交互邏輯文件；
4、通過入口配置文件配置標(biāo)識端類型、項(xiàng)目名稱、路由前綴；
5、根據(jù)入口配置文件配置的標(biāo)識端類型配置標(biāo)識端；
6、根據(jù)入口配置文件配置的項(xiàng)目名稱不同的對不同項(xiàng)目進(jìn)行公共配置；
7、對不同項(xiàng)目按照業(yè)務(wù)類型分類得到不同業(yè)務(wù)，將不同業(yè)務(wù)根據(jù)路由前綴和路由文件分發(fā)到公共項(xiàng)目邏輯，公共項(xiàng)目邏輯根據(jù)導(dǎo)航/菜單文件、組件文件和交互邏輯文件進(jìn)行配置。
8、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法中，配置路由文件，包括：
9、根據(jù)業(yè)務(wù)需求靈活配
10、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法中，配置導(dǎo)航/菜單文件，包括：
11、配置頂部導(dǎo)航欄、側(cè)邊菜單欄；
12、配置導(dǎo)航欄的子導(dǎo)航、菜單欄的子菜單；
13、配置響應(yīng)式布局；
14、預(yù)定義樣式和主題。
15、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法中，配置組件文件，包括：
16、配置標(biāo)準(zhǔn)化的組件；
17、配置父子組件間的通信機(jī)制；
18、配置同一套組件兼容web端和h5端的用戶界面風(fēng)格。
19、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法中，配置交互邏輯文件，包括：
20、根據(jù)不同的業(yè)務(wù)場景配置不同的ui組件；
21、配置交互反饋機(jī)制。
22、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，還包括：
23、在開發(fā)過程中，根據(jù)配置的路由文件、導(dǎo)航/菜單文件、組件文件、交互邏輯文件生成api文檔。
24、進(jìn)一步地，上述一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，還包括：
25、配置工具根據(jù)配置的路由文件、導(dǎo)航/菜單文件、組件文件、交互邏輯文件生成項(xiàng)目配置文件。
26、本專利技術(shù)的第二方面，還提出了一種基于vue.js的跨端定制前端業(yè)務(wù)的裝置，包括：
27、第一配置模塊：用于配置路由文件、導(dǎo)航/菜單文件、組件文件、交互邏輯文件；
28、第二配置模塊：用于通過入口配置文件配置標(biāo)識端類型、項(xiàng)目名稱、路由前綴；
29、第三配置模塊：用于根據(jù)入口配置文件配置的標(biāo)識端類型配置標(biāo)識端；
30、公共配置模塊：用于根據(jù)入口配置文件配置的項(xiàng)目名稱不同的對不同項(xiàng)目進(jìn)行公共配置；
31、分類模塊和第四配置模塊：用于對不同項(xiàng)目按照業(yè)務(wù)類型分類得到不同業(yè)務(wù)，將不同業(yè)務(wù)根據(jù)路由前綴和路由文件分發(fā)到公共項(xiàng)目邏輯，公共項(xiàng)目邏輯根據(jù)導(dǎo)航/菜單文件、組件文件和交互邏輯文件進(jìn)行配置。
32、本專利技術(shù)的第三方面，還提出了一種電子設(shè)備，包括：處理器和存儲器；
33、處理器通過調(diào)用存儲器存儲的程序或指令，用于執(zhí)行如上任一項(xiàng)一種基于vue.js的跨端定制前端業(yè)務(wù)的方法。
34、本專利技術(shù)的第四方面，還提出了一種計算機(jī)可讀存儲介質(zhì)，計算機(jī)可讀存儲介質(zhì)存儲程序或指令，程序或指令使計算機(jī)執(zhí)行如上任一項(xiàng)一種基于vue.js的跨端定制前端業(yè)務(wù)的方法。
35、本專利技術(shù)的有益效果如下：本專利技術(shù)通過配置路由文件、導(dǎo)航/菜單文件、組件文件、交互邏輯文件；通過入口配置文件配置標(biāo)識端類型、項(xiàng)目名稱、路由前綴；根據(jù)入口配置文件配置的標(biāo)識端類型配置標(biāo)識端；根據(jù)入口配置文件配置的項(xiàng)目名稱不同的對不同項(xiàng)目進(jìn)行公共配置；對不同項(xiàng)目按照業(yè)務(wù)類型分類得到不同業(yè)務(wù)，將不同業(yè)務(wù)根據(jù)路由前綴分發(fā)到公共項(xiàng)目邏輯，公共項(xiàng)目邏輯根據(jù)路由文件、導(dǎo)航/菜單文件、組件文件和交互邏輯文件進(jìn)行配置。本專利技術(shù)通過模板化和配置化的方式，實(shí)現(xiàn)快速構(gòu)建和維護(hù)多業(yè)務(wù)系統(tǒng)，不僅能夠統(tǒng)一設(shè)計風(fēng)格，簡化開發(fā)流程，而且支持個性化定制，顯著提高開發(fā)效率和系統(tǒng)維護(hù)的便捷性。
本文檔來自技高網(wǎng)...【技術(shù)保護(hù)點(diǎn)】
1.一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置路由文件，包括：
3.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置導(dǎo)航/菜單文件，包括：
4.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置組件文件，包括：
5.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置交互邏輯文件，包括：
6.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述方法還包括：
7.根據(jù)權(quán)利要求1所述的一種基于Vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述方法還包括：
8.一種基于Vue.js的跨端定制前端業(yè)務(wù)的裝置，其特征在于，包括：
9.一種電子設(shè)備，其特征在于，包括：處理器和存儲器；
10.一種計算機(jī)可讀存儲介質(zhì)，其特征在于，所述計算
...【技術(shù)特征摘要】
1.一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置路由文件，包括：
3.根據(jù)權(quán)利要求1所述的一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置導(dǎo)航/菜單文件，包括：
4.根據(jù)權(quán)利要求1所述的一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置組件文件，包括：
5.根據(jù)權(quán)利要求1所述的一種基于vue.js的跨端定制前端業(yè)務(wù)的方法，其特征在于，所述配置交互邏輯文件，包括：
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：江莉，
申請(專利權(quán))人：天翼視聯(lián)科技有限公司，
類型：發(fā)明
國別省市：
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。