隨著世界經(jīng)濟一體化的格局逐漸形成,作為機械工程領域的一個重要應用方向,倉儲物流自動化的重要性也逐漸得以體現(xiàn)。其中,倉儲物流數(shù)據(jù)管理作為實現(xiàn)物流自動化的關(guān)鍵環(huán)節(jié),受到越來越多的關(guān)注。為了更好的處理日漸冗雜的業(yè)務與不斷增多的倉儲物流數(shù)據(jù),提高倉儲物流業(yè)務執(zhí)行效率,開發(fā)一款高效穩(wěn)定的倉儲物流管理系統(tǒng)就顯得至關(guān)重要。本文針對傳統(tǒng)倉儲物流管理系統(tǒng)中存在的信息展示不直觀、人力與權(quán)限管理功能不完善、研發(fā)過程繁瑣、業(yè)務信息流動困難等問題,采用新興的MVVM設計模式,設計并實現(xiàn)倉儲物流管理系統(tǒng)。該系統(tǒng)由面向倉儲管理員的PC端數(shù)據(jù)管理系統(tǒng)以及面向承運人的移動端App組成,實現(xiàn)對倉儲物流業(yè)務中貨物存儲、貨品配送、人資數(shù)據(jù)等方面的存儲與管理,在一定程度上提高了倉儲物流業(yè)務的工作效率,優(yōu)化業(yè)務服務質(zhì)量。論文的主要研究內(nèi)容如下:(1)對PC端數(shù)據(jù)管理系統(tǒng)進行需求分析以及結(jié)構(gòu)設計,將系統(tǒng)分為信息注冊、倉儲管理、運輸管理、表單管理、角色管理五個功能模塊,支持倉儲管理人員更加高效便捷的完成倉儲管理任務。使用React.js與Redux框架進行前端開發(fā)。引入BizCharts數(shù)據(jù)可視化組件庫直觀展示業(yè)務數(shù)據(jù)。在Node.j...

【文章頁數(shù)】：92 頁

【學位級別】：碩士

【部分圖文】：

圖２－２基本ＪＳＸ語句??，ｓｔａｔｅ??

ＩＶｉｅｗＭｏｄｅｌ中數(shù)據(jù)由??Ｍｏｄｅｌ獲取??Ｍｏｄｅｌ??圖２－１?ＭＷＭ結(jié)構(gòu)圖??ＭＶＶＭ模式相較于傳統(tǒng)開發(fā)模式，開發(fā)者無需過多關(guān)注前端ＤＯＭ節(jié)點［３１］，??從而可以將主要精力集中于邏輯開發(fā)中。由此特性引出的組件機制在實際應用中??為功能模塊化擴展與維護提供了巨大便利，....

圖２－１?ＭＷＭ結(jié)構(gòu)圖??ＭＶＶＭ模式相較于傳統(tǒng)開發(fā)模式，開發(fā)者無需過多關(guān)注前端ＤＯＭ節(jié)點［３１］，??

性以及繼承其他組件傳遞進來的ｐｒｏｐｓ屬性。ＪＳＸ［３６］語法將ＨＴＭＬ轉(zhuǎn)化成??ＪａｖａＳｃｒｉｐｔ類對象，調(diào)用ｒｅｎｄｅｒ函數(shù)將其轉(zhuǎn)換為虛擬ＤＯＭ節(jié)點并加載至瀏覽器??中，基本ＪＳＸ語句如圖２－２所示。同時，這樣的轉(zhuǎn)換形式也方便框架使用Ｄｉｆｆ算??法對后續(xù)節(jié)點變化進行進一步....

圖2一虛擬樹逐級比較

式編程中提到的，在Ｒｅａｃｔ框架中，每個頁面元素都是通過對象的它們都繼承自Ｒｅａｃｔ．Ｃｏｍｐｏｎｅｎｔ這個原始對象，并相互獨立存在。使用某一頁面元素的情況，只需將該對象通過ｉｍｐｏｒｔ語法引入即開關(guān)模式中書寫大量重復代碼，組件化極大的提高了開發(fā)效率。同入新功能的需求，開發(fā)者可以....

圖２－４虛擬節(jié)點比較??

４．生命周期??生命周期指一個組件從產(chǎn)生到消亡所經(jīng)歷的狀態(tài)，分為三個階段：組件掛載??階段、數(shù)據(jù)變更重新渲染階段以及組件卸載階段。如圖２－５所示：??ｇｅｔＤｅｆａｕ?丨?ｔＰｒｏｐｓ??￣￣ｒ￣???±???ｇｅｔｌｎｉｔｉａｉＳｔａｔｅ??Ｉ?？?１??ｃｏｍｐｏｎｅｎｔＷｉ....

本文編號：4039193