【摘要】：隨著社會(huì)的飛速發(fā)展和物質(zhì)水平的提高,旅游成為越來越多人的休閑方式,旅游產(chǎn)業(yè)正處于蓬勃發(fā)展的新時(shí)期�！盎ヂ�(lián)網(wǎng)+”時(shí)代的來臨,為旅游產(chǎn)業(yè)融合的發(fā)展提供了良好的機(jī)遇�；ヂ�(lián)網(wǎng)時(shí)代,信息化已成為優(yōu)化旅游產(chǎn)業(yè)結(jié)構(gòu)、提高旅游服務(wù)水平的重要手段。擁有一個(gè)界面友好、操作簡單、功能完善、快速響應(yīng)且性能優(yōu)良的業(yè)務(wù)支撐系統(tǒng)成為旅行社的迫切需求。目前,在主流的Web應(yīng)用開發(fā)中,前端通常是一個(gè)單頁Web應(yīng)用。為了支撐復(fù)雜的業(yè)務(wù)邏輯,開發(fā)人員需要編寫大量的JavaScript代碼。隨著旅行社業(yè)務(wù)的拓展,項(xiàng)目的模塊數(shù)目不斷增多,前端工程會(huì)變得越發(fā)龐大,將面臨打包編譯時(shí)間過長的問題,無法滿足快速迭代的需求。因此,本文提出了一種基于微前端的解決方案,將微服務(wù)理念應(yīng)用于前端,將原來的單體應(yīng)用轉(zhuǎn)變?yōu)槎鄠�(gè)小型前端應(yīng)用聚合的應(yīng)用,解決單頁Web應(yīng)用開發(fā)的痛點(diǎn)。本文的主要研究工作分為兩個(gè)方面。一方面,針對(duì)single-spa框架的不足進(jìn)行改進(jìn),優(yōu)化其注冊(cè)機(jī)制,解決子應(yīng)用之間的通訊和路由協(xié)同問題,并使用webpack構(gòu)建應(yīng)用。另一方面,將優(yōu)化后的方案應(yīng)用于旅行社業(yè)務(wù)支撐系統(tǒng)的實(shí)現(xiàn),將其按照功能拆分為多個(gè)獨(dú)立的子應(yīng)用,子應(yīng)用內(nèi)部基于組件化思想開發(fā),獨(dú)立打包部署,最終聚合為一個(gè)完整的應(yīng)用。最后,對(duì)系統(tǒng)進(jìn)行測試,測試結(jié)果有效驗(yàn)證了微前端框架的可行性和系統(tǒng)業(yè)務(wù)功能的正確性。本論文提出的基于微前端的設(shè)計(jì)方案對(duì)開發(fā)復(fù)雜的Web應(yīng)用具有一定的參考價(jià)值。
【學(xué)位授予單位】：北京郵電大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2019
【分類號(hào)】：TP393.09
【圖文】：

＞對(duì)于同一層次的一組子節(jié)點(diǎn)，它們可以通過唯一的ｋｅｙ進(jìn)行區(qū)分。逡逑Ｄｉｆｆ算法的思路是將兩棵樹進(jìn)行逐層比較，即只會(huì)對(duì)統(tǒng)一層次的節(jié)點(diǎn)進(jìn)行比逡逑較。如圖２－２所示，Ｒｅａｃｔ只會(huì)對(duì)相同顏色方框內(nèi)的ＤＯＭ節(jié)點(diǎn)進(jìn)行比較，即同逡逑一個(gè)父節(jié)點(diǎn)下的所有直接子節(jié)點(diǎn)。逡逑ｂｅｆｏｒｅ邐ａｆｔｅｒ逡逑Ａ邐ｆＱ｜逡逑？邋ｙ邋ｘ邐ｘ邋ｘ逡逑７＾１逡逑ｗ邐＾邐ｗ．．逡逑■邋／邋＼邋，．邋／邋＼邐／邋＼邐／＼逡逑圖２－２逐層比較逡逑然后，在逐層比較的過程，當(dāng)在樹中的同一位置前后輸出了不同類型的節(jié)點(diǎn)，逡逑Ｒｅａｃｔ將直接刪除前面的節(jié)點(diǎn)及其子節(jié)點(diǎn)，不會(huì)將子節(jié)點(diǎn)用于進(jìn)一步的比較，然逡逑后直接創(chuàng)建并插入新的節(jié)點(diǎn)。這樣只需要對(duì)樹進(jìn)行一次遍歷，便能完成整個(gè)逡逑ＤＯＭ樹的比較。針對(duì)相同類型節(jié)點(diǎn)的比較，算法就相對(duì)簡單。Ｒｅａｃｔ會(huì)對(duì)組件逡逑的屬性進(jìn)行重設(shè)從而實(shí)現(xiàn)節(jié)點(diǎn)的轉(zhuǎn)換，例如對(duì)組件的樣式屬性進(jìn)行重設(shè)。對(duì)于同逡逑一層的相同類型節(jié)點(diǎn)，例如列表節(jié)點(diǎn)，通過唯一的ｋｅｙ標(biāo)識(shí)。如圖２－３所示，所逡逑有節(jié)點(diǎn)都是相同類型的節(jié)點(diǎn)。當(dāng)在節(jié)點(diǎn)Ｂ與節(jié)點(diǎn)Ｃ之間增加一個(gè)節(jié)點(diǎn)Ｅ

在具體開發(fā)流程中，Ｒｅａｃｔ可以借助于Ｒｅｄｕｘ框架更優(yōu)雅的實(shí)現(xiàn)單項(xiàng)數(shù)據(jù)流。逡逑Ｒｅａｃｔ通過其定義的函數(shù)來控制組件在生命周期的各個(gè)階段的動(dòng)作，在合適逡逑的時(shí)機(jī)加載ＤＯＭ、更新ＤＯＭ和卸載ＤＯＭ，從而正確地渲染視圖。如圖２－４所逡逑示，Ｒｅａｃｔ生命周期可劃分為三個(gè)階段：初始化階段、運(yùn)行中階段和銷毀階段，逡逑共包含十一種狀態(tài)。在Ｒｅａｃｔ不同的生命周期里，會(huì)依次觸發(fā)不同的鉤子函數(shù)。逡逑在運(yùn)行中階段，組件可能會(huì)多次執(zhí)行ｒｅｎｄｅｒＯ方法重新渲染更新頁面，而逡逑ｓｈｏｕｌｄＣｏｍｐｏｎｅｎｔＵｐｄａｔｅ0方法決定了組件是否更新。因此，開發(fā)人員在開發(fā)時(shí)可逡逑以通過重寫ｓｈｏｕｌｄＣｏｍｐｏｎｅｎｔＵｐｄａｔｅ0方法減少不必要的更新進(jìn)行性能優(yōu)化。逡逑Ｒｅａｃｔ框架本身專注于構(gòu)建用戶界面，ｆａｃｅｂｏｏｋ還圍繞Ｒｅａｃｔ開發(fā)了一系列逡逑的前端工具庫。在Ｒｅａｃｔ項(xiàng)目中，這些工具不是必須的，不過它們可以和Ｒｅａｃｔ逡逑結(jié)合使用，創(chuàng)建功能更加豐富的應(yīng)用。下面將介紹Ｒｅａｃｔ邋Ｒｏｕｔｅｒ和ａｎｔ－ｄｅｓｉｇｎ和逡逑Ｒｅｄｕｘ

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

1 楊攀;李江;;企業(yè)三網(wǎng)融合業(yè)務(wù)支撐系統(tǒng)的研究與應(yīng)用[J];中國管理信息化;2017年03期

2 李景蕓;;電信業(yè)務(wù)支撐系統(tǒng)發(fā)展歷史在未來發(fā)展方向淺析[J];數(shù)字通信世界;2017年07期

3 蔡俠;;IT業(yè)務(wù)支撐系統(tǒng)的能力封裝[J];福建電腦;2017年07期

4 邢s

本文編號(hào)：2735295