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

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

　　ERP軟件設計與實現

　　1系統設計

　　1.1系統架構

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

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

　　系統分為前后端兩部分：

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

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

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

　　1.2系統技術架構

　　系統技術架構.

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

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

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

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

　　5還原劑是描述如何改變數據的12;

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

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

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

　　1.3系統框架整合

　　先訂閱監(jiān)聽瀏覽器的路由變化，當地址匹配成功后，會觸發(fā)向服務器獲取數據的異步請求，獲取到數據后，對狀態(tài)容器進行賦值，狀態(tài)容器發(fā)生改變后映射到了對應的組件，組件就會講行溶染外理

　　(1)訂閱訂閱代碼。

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

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

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

　　(3)Service服務接口代碼。

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

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

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

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

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

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

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

　　2.2系統實現

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

　　2.2.1登錄功能

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

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

　　2.2.2流程定義功能

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

　　2.2.3組織機構管理功能

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

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

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

相關欄目：