• 
    <ul id="o6k0g"></ul>
    <ul id="o6k0g"></ul>

    微前端系統(tǒng)的頁面配置方法、裝置和計(jì)算機(jī)設(shè)備制造方法及圖紙

    技術(shù)編號(hào):41379050 閱讀:29 留言:0更新日期:2024-05-20 10:21
    本申請(qǐng)涉及一種微前端系統(tǒng)的頁面配置方法、裝置、計(jì)算機(jī)設(shè)備、存儲(chǔ)介質(zhì)和計(jì)算機(jī)程序產(chǎn)品。所述方法包括:響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,其中,響應(yīng)配置事件之前,第一應(yīng)用以及第二應(yīng)用為主應(yīng)用或者子應(yīng)用,將第一應(yīng)用的應(yīng)用信息填充至主應(yīng)用頁面模板,得到主應(yīng)用頁面,該主應(yīng)用頁面包括第二應(yīng)用對(duì)應(yīng)的頁面元素,之后對(duì)頁面元素進(jìn)行應(yīng)用地址映射,確定第二應(yīng)用的應(yīng)用地址,最后響應(yīng)于針對(duì)頁面元素的觸發(fā)操作,跳轉(zhuǎn)至應(yīng)用地址所表征的子應(yīng)用頁面。采用本方法能夠避免應(yīng)用執(zhí)行過程中的應(yīng)用場(chǎng)景受限問題。

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

    本申請(qǐng)涉及計(jì)算機(jī),特別是涉及一種微前端系統(tǒng)的頁面配置方法、裝置、計(jì)算機(jī)設(shè)備、計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)和計(jì)算機(jī)程序產(chǎn)品。


    技術(shù)介紹

    1、隨著計(jì)算機(jī)技術(shù)的發(fā)展,出現(xiàn)了微前端技術(shù)。在應(yīng)用微前端系統(tǒng)之前,需要進(jìn)行微前端基座的搭建,而針對(duì)微前端系統(tǒng)的頁面配置在基座搭建過程中至關(guān)重要。

    2、傳統(tǒng)的微前端系統(tǒng)頁面配置方法,確定每一應(yīng)用各自的應(yīng)用類型,應(yīng)用類型如主應(yīng)用或者子應(yīng)用,并根據(jù)應(yīng)用所屬的應(yīng)用類型配置應(yīng)用頁面,但是,對(duì)于每一應(yīng)用來說,一旦確定了應(yīng)用類型為主應(yīng)用,該應(yīng)用便只能作為主應(yīng)用使用配置應(yīng)用頁面,或者,一旦確定了應(yīng)用類型為子應(yīng)用,該應(yīng)用便只能作為子應(yīng)用使用配置應(yīng)用頁面,無法進(jìn)行應(yīng)用類型的更換。因此,采用傳統(tǒng)方法無法適用于應(yīng)用類型發(fā)生變化的情況,存在應(yīng)用場(chǎng)景受限的問題。


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

    1、基于此,有必要針對(duì)上述技術(shù)問題,提供一種能夠擴(kuò)展應(yīng)用場(chǎng)景的微前端系統(tǒng)的頁面配置方法、裝置、計(jì)算機(jī)設(shè)備、計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)和計(jì)算機(jī)程序產(chǎn)品。

    2、第一方面,本申請(qǐng)?zhí)峁┝艘环N微前端系統(tǒng)的頁面配置方法。所述方法包括:

    3、響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用;將所述第一應(yīng)用的應(yīng)用信息填充至主應(yīng)用頁面模板,得到主應(yīng)用頁面;所述主應(yīng)用頁面包括所述第二應(yīng)用對(duì)應(yīng)的頁面元素;對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址;響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面。

    4、在其中一個(gè)實(shí)施例中,所述響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,包括:響應(yīng)于針對(duì)應(yīng)用池中多個(gè)候選應(yīng)用的觸發(fā)操作,確定微前端系統(tǒng)的配置信息,基于各所述觸發(fā)順序,從各所述候選應(yīng)用中確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,所述配置信息通過各所述候選應(yīng)用各自的觸發(fā)順序確定;或者,接收到針對(duì)所述微前端系統(tǒng)的配置信息的確認(rèn)指令,基于所述配置信息確定作為所述主應(yīng)用的第一應(yīng)用、以及作為所述子應(yīng)用的第二應(yīng)用。

    5、在其中一個(gè)實(shí)施例中,所述對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址,包括:獲取所述第二應(yīng)用的應(yīng)用信息;基于所述應(yīng)用信息生成的第二應(yīng)用路由;根據(jù)所述第二應(yīng)用路由對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址。

    6、在其中一個(gè)實(shí)施例中,所述響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面,包括:響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,獲取應(yīng)用頁面的歷史加載記錄;所述歷史加載記錄包括歷史應(yīng)用地址;在各所述歷史應(yīng)用地址中包括所述應(yīng)用地址的情況下,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面;在各所述歷史應(yīng)用地址中不包括所述應(yīng)用地址的情況下,跳轉(zhuǎn)至基于所述應(yīng)用地址建立的子應(yīng)用頁面。

    7、在其中一個(gè)實(shí)施例中,所述微前端系統(tǒng)的頁面配置方法還包括:在不同的所述配置事件下,相同的應(yīng)用,應(yīng)用類型是相同或不相同的。

    8、在其中一個(gè)實(shí)施例中,所述微前端系統(tǒng)包括多個(gè)層級(jí),在該實(shí)施例的情形下,所述微前端系統(tǒng)的頁面配置方法還包括:將所述第二應(yīng)用作為當(dāng)前層級(jí)的主應(yīng)用,并確定作為所述當(dāng)前層級(jí)的子應(yīng)用的第三應(yīng)用;在所述第二應(yīng)用的子應(yīng)用頁面添加所述第三應(yīng)用對(duì)應(yīng)的頁面元素。

    9、在其中一個(gè)實(shí)施例中,所述方法還包括:響應(yīng)于針對(duì)應(yīng)用池中多個(gè)候選應(yīng)用的插件加載操作,對(duì)每一所述候選應(yīng)用加載應(yīng)用插件;所述響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,包括:第一應(yīng)用的第一應(yīng)用插件響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定所述第一應(yīng)用的應(yīng)用類型為主應(yīng)用;第二應(yīng)用的第二應(yīng)用插件響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定所述第二應(yīng)用的應(yīng)用類型為子應(yīng)用。

    10、第二方面,本申請(qǐng)還提供了一種微前端系統(tǒng)的頁面配置裝置。所述裝置包括:

    11、應(yīng)用確定模塊,用于響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,其中,響應(yīng)所述配置事件之前,所述第一應(yīng)用以及所述第二應(yīng)用為主應(yīng)用或者子應(yīng)用;

    12、主應(yīng)用頁面確定模塊,用于將所述第一應(yīng)用的應(yīng)用信息填充至主應(yīng)用頁面模板,得到主應(yīng)用頁面;所述主應(yīng)用頁面包括所述第二應(yīng)用對(duì)應(yīng)的頁面元素;

    13、應(yīng)用地址映射模塊,用于對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址;

    14、觸發(fā)操作響應(yīng)模塊,用于響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面。

    15、第三方面,本申請(qǐng)還提供了一種計(jì)算機(jī)設(shè)備。所述計(jì)算機(jī)設(shè)備包括存儲(chǔ)器和處理器,所述存儲(chǔ)器存儲(chǔ)有計(jì)算機(jī)程序,所述處理器執(zhí)行所述計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)上述方法的步驟。

    16、第四方面,本申請(qǐng)還提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì),其上存儲(chǔ)有計(jì)算機(jī)程序,所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述方法的步驟。

    17、第五方面,本申請(qǐng)還提供了一種計(jì)算機(jī)程序產(chǎn)品。所述計(jì)算機(jī)程序產(chǎn)品,包括計(jì)算機(jī)程序,該計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述方法的步驟。

    18、上述微前端系統(tǒng)的頁面配置方法、裝置、計(jì)算機(jī)設(shè)備、計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)和計(jì)算機(jī)程序產(chǎn)品,響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,其中,響應(yīng)配置事件之前,第一應(yīng)用以及第二應(yīng)用為主應(yīng)用或者子應(yīng)用,也即在配置事件發(fā)生之前,所有應(yīng)用均為通用應(yīng)用,第一應(yīng)用以及第二應(yīng)用可以是主應(yīng)用,也可以是子應(yīng)用,配置事件發(fā)生之后,可適應(yīng)于配置事件選擇應(yīng)用的應(yīng)用類型,針對(duì)配置事件具體確定主應(yīng)用以及子應(yīng)用,可保持應(yīng)用的應(yīng)用類型不變,也可實(shí)現(xiàn)更換應(yīng)用的應(yīng)用類型,拓展了應(yīng)用的應(yīng)用場(chǎng)景,在基于配置事件確定主應(yīng)用以及子應(yīng)用之后,將第一應(yīng)用的應(yīng)用信息填充至主應(yīng)用頁面模板,得到主應(yīng)用頁面,從而確定頁面配置過程的整體框架,由于主應(yīng)用頁面包括第二應(yīng)用對(duì)應(yīng)的頁面元素,那么對(duì)頁面元素進(jìn)行應(yīng)用地址映射,確定第二應(yīng)用的應(yīng)用地址,便可實(shí)現(xiàn)頁面配置的整體布局,最后響應(yīng)于針對(duì)頁面元素的觸發(fā)操作,跳轉(zhuǎn)至應(yīng)用地址所表征的子應(yīng)用頁面,便完成了微前端系統(tǒng)的頁面配置過程,本申請(qǐng)通過在配置事件發(fā)生前不限定應(yīng)用的應(yīng)用類型,應(yīng)用可作為主應(yīng)用,也可作為子應(yīng)用的通用應(yīng)用的方式,在配置事件發(fā)生后,基于配置事件靈活選擇應(yīng)用的應(yīng)用類型,達(dá)到對(duì)微前端系統(tǒng)進(jìn)行頁面的靈活配置,實(shí)現(xiàn)更換應(yīng)用的應(yīng)用類型的目的,擴(kuò)展了微前端系統(tǒng)頁面配置方法的應(yīng)用場(chǎng)景。

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

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

    1.一種微前端系統(tǒng)的頁面配置方法,其特征在于,所述方法包括:

    2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,包括:

    3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址,包括:

    4.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面,包括:

    5.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述方法還包括:在不同的所述配置事件下,相同的應(yīng)用,應(yīng)用類型是相同或不相同的。

    6.根據(jù)權(quán)利要求1至5中任意一項(xiàng)所述的方法,其特征在于,所述微前端系統(tǒng)包括多個(gè)層級(jí);所述方法還包括:

    7.根據(jù)權(quán)利要求1至5中任意一項(xiàng)所述的方法,其特征在于,所述方法還包括:

    8.一種微前端系統(tǒng)的頁面配置裝置,其特征在于,所述裝置包括:

    9.一種計(jì)算機(jī)設(shè)備,包括存儲(chǔ)器和處理器,所述存儲(chǔ)器存儲(chǔ)有計(jì)算機(jī)程序,其特征在于,所述處理器執(zhí)行所述計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)權(quán)利要求1至7中任一項(xiàng)所述的方法的步驟。

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

    ...

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

    1.一種微前端系統(tǒng)的頁面配置方法,其特征在于,所述方法包括:

    2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述響應(yīng)于針對(duì)微前端系統(tǒng)的配置事件,確定作為主應(yīng)用的第一應(yīng)用、以及作為子應(yīng)用的第二應(yīng)用,包括:

    3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述對(duì)所述頁面元素進(jìn)行應(yīng)用地址映射,確定所述第二應(yīng)用的應(yīng)用地址,包括:

    4.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述響應(yīng)于針對(duì)所述頁面元素的觸發(fā)操作,跳轉(zhuǎn)至所述應(yīng)用地址所表征的子應(yīng)用頁面,包括:

    5.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述方法還包括:在不同的所述配置事件下,相同的應(yīng)用,應(yīng)用類型是相同或不...

    【專利技術(shù)屬性】
    技術(shù)研發(fā)人員:曾昭志莊鴻斌
    申請(qǐng)(專利權(quán))人:深圳市科脈技術(shù)股份有限公司
    類型:發(fā)明
    國(guó)別省市:

    網(wǎng)友詢問留言 已有0條評(píng)論
    • 還沒有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。

    1
    主站蜘蛛池模板: 国产AV无码专区亚洲A∨毛片| 无码中文在线二区免费| 成人无码a级毛片免费| a级毛片免费全部播放无码| 久久久久亚洲av无码专区蜜芽| 亚洲AV无码码潮喷在线观看| 精品久久久久久无码人妻中文字幕| 国产品无码一区二区三区在线蜜桃| 无码人妻AV免费一区二区三区| 亚洲精品无码久久毛片| 日本无码WWW在线视频观看| 伊人久久无码中文字幕| 无码日韩人妻精品久久| 激情无码人妻又粗又大中国人| 免费无码作爱视频| 色欲AV无码一区二区三区| 2021无码最新国产在线观看| 国产亚洲精品无码成人| 无翼乌工口肉肉无遮挡无码18| 无码少妇A片一区二区三区| 日韩午夜福利无码专区a| 自拍偷在线精品自拍偷无码专区| 五月婷婷无码观看| 国产成人综合日韩精品无码| 久久久g0g0午夜无码精品| 亚洲色在线无码国产精品不卡| 无码人妻品一区二区三区精99 | 狠狠躁天天躁中文字幕无码| 激情无码亚洲一区二区三区| 精品欧洲AV无码一区二区男男| 亚洲爆乳无码专区| 久久亚洲AV无码精品色午夜麻| 中文字幕精品无码久久久久久3D日动漫| 精品久久久无码人妻中文字幕豆芽| 精品一区二区三区无码免费视频| 无码久久精品国产亚洲Av影片| 日韩免费人妻AV无码专区蜜桃 | 亚洲美免无码中文字幕在线| 精品人妻系列无码一区二区三区| 亚洲精品无码不卡| 亚洲精品无码aⅴ中文字幕蜜桃|