erp軟件用什么開發(fā)的

申請免費試用、咨詢電話：400-8352-114

　　ERP軟件設計與實現(xiàn)

　　1系統(tǒng)設計

　　1.1系統(tǒng)架構

　　系統(tǒng)以ERP系統(tǒng)中庫存、OA等模塊為例﹐搭建基于前后端分離的系統(tǒng)架構﹐以此搭建一個具有響應式布局的泛普后臺ERP管理系統(tǒng)。

　　基于開發(fā)架構的控制層與模型層，將視圖層脫離出來，Reaction+DVA的前端技術組建系統(tǒng)的前端頁面，并通過訪問控制層公開的接口對后臺進行操作，最終形成了該系統(tǒng)架構。

　　系統(tǒng)分為前后端兩部分：

　　1)前端向云服務器發(fā)起靜態(tài)文件請求，如 HT-M L.css、Js 、 Image 等﹐由 Nginx 服務器搭建的HTTP服務會訪問本地資源﹐得到HTML.Css . Js . Image等文件,并返回到前端﹐然后展示通過瀏覽器編譯成用戶可以看到的頁面。

　　(2)Nginx通過反向代理將V3執(zhí)行系統(tǒng)的地址代理到8O端口，比如訪問http：//w.Mitarl.com l api時，通過反向代理后最終訪問的是http：//www.mitarl.com：8080/webapil。

　　3)前端通過AJAX獲取、POST)向Nginx服務器發(fā)出請求，訪問V3的WebAPI接口，WebAPI通過規(guī)則鏈對數(shù)據(jù)進行處理，最后通過訪問數(shù)據(jù)庫并得到相應的數(shù)據(jù)，然后以JSON格式的數(shù)據(jù)返回到前端，前端拿到數(shù)據(jù)后對其進行處理，并展示在用戶的瀏覽器上。

　　1.2系統(tǒng)技術架構

　　系統(tǒng)技術架構.

　　1狀態(tài)表示模型的狀態(tài)數(shù)據(jù);

　　2動作是一個帶型屬性指明具體行為的對象，它是視圖層改變狀態(tài)的唯一途徑，通過調用dis-補丁方法，傳遞動作到模型層，根據(jù)減速器改變狀態(tài);

　　3異步的操作，與同步的Action在調度時是一樣的，但是到達模型層，層會先根據(jù)ty pe先觸發(fā)減速器再觸發(fā)效應;

　　4調度是一個用于觸發(fā)動作的函數(shù)，可以看作是觸發(fā)這個行為的方式1°;

　　5還原劑是描述如何改變數(shù)據(jù)的12;

　　Effect被稱為副作用﹐dva底層引入redux -—saga做異步流程控制1﹐運用ES6的generator的相關概念將異步轉成同步寫法﹔

　　7訂閱，然后根據(jù)條件調度需要的動作，可以監(jiān)聽路由、鍵盤輸入等的變化;

　　8連接將Reaction與Redux數(shù)據(jù)連通，通過映射State里面的數(shù)據(jù)，以Reaction中props數(shù)據(jù)的方式傳遞給組件。

　　1.3系統(tǒng)框架整合

　　先訂閱監(jiān)聽瀏覽器的路由變化，當?shù)刂菲ヅ涑晒螅瑫|發(fā)向服務器獲取數(shù)據(jù)的異步請求，獲取到數(shù)據(jù)后，對狀態(tài)容器進行賦值，狀態(tài)容器發(fā)生改變后映射到了對應的組件，組件就會講行溶染外理

　　(1)訂閱訂閱代碼。

　　配置О濫聽路由路由地址)如果路由地址==/home或者==/則觸發(fā)getOwnerTiles方法}

　　(2)效應代碼(主要處理異步請求)。

　　GetOwnersTask洗從State樹里獲取當前狀態(tài)的app樹下的User和Home樹下的Query，再創(chuàng)建傳遞給接口的數(shù)據(jù)對象，然后調用寫好的service接口并傳入?yún)?shù)。等待調用的結果，判斷結果是否正確，正確就PUT觸發(fā)對應的Reducer去修改狀態(tài)樹}

　　(3)Service服務接口代碼。

　　一個異步函數(shù)，提供給效應調用，以JSON格式的數(shù)據(jù)傳遞仿射參數(shù)到服務端接口，最終收到接口的返回數(shù)據(jù)并傳遞給正在等待的效應。

　　(4)還原器和狀態(tài)樹。

　　還原劑接收動作，即把時帶的參數(shù)，這里是把接口傳過來的參數(shù)Hodo.做兩個數(shù)組)合并到當前的樹里.

　　(5)連接將Redux與連接起來。

　　將state樹中Home節(jié)點﹐app節(jié)點下的 isNavbar、user映射到Home組件﹐使得 Home組件的prors屬性存在這幾個屬性。

　　(6)家庭組件下的表組件。

　　數(shù)據(jù)源是通過State樹傳過來響應的道具屬性下的todo，滾動條是根據(jù)瀏覽器大小決定的。使用Reaction進行組件編寫，通過DVA Redux+Reaction-Rails+Redux-saga)提供的Connection組件對Reaction組件對Reaction和Redux進行通信，從而Reaction組件可以獲取Redux里面的Store數(shù)據(jù)，React通過發(fā)送action去觸發(fā)Effect異步)請求V3WebAPI接口或Reducer同步)，從而Redux改變Store里面的數(shù)據(jù)，Reaction組件的Props屬性綁定了Redux的Store，Store改變Props也會改變，Reaction組件就會自動刷新狀態(tài)。

　　2.2系統(tǒng)實現(xiàn)

　　基于篇幅，本節(jié)只介紹系統(tǒng)開發(fā)過程中用到的框架技術的典型示例.

　　2.2.1登錄功能

　　登錄功能主要是對用戶身份進行驗證，核對用戶輸入的用戶名、密碼和驗證碼的數(shù)據(jù)合法性和一致性.登錄功能采用異步請求到快速開發(fā)平臺的登錄構件，實現(xiàn)過程如下：

　　點擊登錄按鈕會觸發(fā)作用，然后作用觸發(fā)效應(帶*的是ES6的異步函數(shù))，接收兩個參數(shù).)第一個參數(shù):接收動作傳過來的數(shù)據(jù)，這里是把這個參數(shù)里面的有效載荷拿出來;第二個參數(shù):獲取DVA框架提供的兩種異步方法，Call是去請求service定義請求接口，類似于AJAX)并傳入有效載荷，通過關鍵字去等待異步數(shù)據(jù)，當異步數(shù)據(jù)獲取回來后，賦值給Res，RES里面的Data就是從V3WebAPI獲取過來的數(shù)據(jù)，再判斷數(shù)據(jù)是否正確，如果正確則PUT一個Reducer，將傳過來的數(shù)據(jù)對應修改商店里面的數(shù)據(jù)，Response再刷新組件狀態(tài)。

　　2.2.2流程定義功能

　　快速開發(fā)平臺支持完整流程定義和擴展，提供高度可視化流程設計器，集流程圖設計、規(guī)則定制和代碼擴展、調試于一體，流程設計開發(fā)快捷高效A.使用iframe連通快速開發(fā)平臺的窗體，使快速開發(fā)平臺的窗體能在自己的系統(tǒng)中使用，將自己寫的頁面與快速開發(fā)平臺的窗體結合起來.

　　2.2.3組織機構管理功能

　　組織機構管理也是使用iframe連接快速開發(fā)平臺的窗體，因為快速開發(fā)平臺已經(jīng)提供了一套組織機構管理的標準的窗體與規(guī)則，完全不用自己去做任何的業(yè)務編寫，所以利用快速開發(fā)平臺的這些窗體來對系統(tǒng)進行擴展.

　　總之﹐使用iframe來連接快速開發(fā)平臺提供的窗體﹐簡化系統(tǒng)的一些必要業(yè)務﹐如 OA、組織機構管理等模塊,可以直接引入快速開發(fā)平臺的窗體來對系統(tǒng)進行擴展﹐從而節(jié)約開發(fā)時間和簡化開發(fā)過程。

發(fā)布：2021-06-01 14:15 編輯：泛普軟件 · hujian [打印此頁] [關閉]

相關欄目：