abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI前端頁面框架 (十八) html
在經過上面的文章學習以後,出庫管理的新增功能,咱們已經基本實現。接下來咱們要來測試一下新增功能。前端
咱們首先經過Swagger測試建立單號API是否可用。瀏覽器
1. 在Visual Studio 2017的解決方案資源管理器中,選中「ABP.TPLMS.Web.Host」項目,而後單擊鼠標右鍵,在彈出菜單中選中「設爲啓動項目」,以下圖。按F5運行應用程序。框架
2. 瀏覽器會自動跳轉到Swagger UI界面。以下圖。post
3. 在瀏覽器中找到OutStockOrder的GetNo接口。使用鼠標左鍵點擊「Try It out」按鈕。而後點擊「execute」以下圖。學習
4. 若是執行正確,系統將返回一個單號。以下圖。測試
5.經過上面的測試,單號建立API是可用的。接下來在Visual Studio 2017的解決方案資源管理器中,選中「ABP.TPLMS.Web.Mvc」項目,而後單擊鼠標右鍵,在彈出菜單中選中「設爲啓動項目」。按F5運行應用程序。ui
6.在瀏覽器中的地址欄中輸入「http://localhost:5000/」,而後輸入管理員用戶名進行登陸。url
7.在主界面的菜單中,選擇「Business->出庫管理」菜單項,瀏覽器中呈現一個組織信息列表與五個按鈕。以下圖。關於菜單的生成能夠參見文章(abp(net core)+easyui+efcore實現倉儲管理系統——菜單-上 (十六 ) 、abp(net core)+easyui+efcore實現倉儲管理系統——菜單-下(十七 ) )。見文章(spa
abp(net core)+easyui+efcore實現倉儲管理系統——菜單-上 (十六 ) 、abp(net core)+easyui+efcore實現倉儲管理系統——菜單-下(十七 ) )。
8.新增出庫單:點擊「建立」按鈕,彈出一個「你想建立出庫單嗎?」的提示信息,點擊「肯定」,以下圖中所示。
9.系統會跳出「新增出庫單」界面,系統會自動生成出庫單號、預計出庫日期,並給狀態、毛淨重、件數賦默認值。以下圖。
10.在輸入相應的出庫單信息以後,點擊「保存」按鈕 。會提示有必填項沒有填寫。以下圖。
11.在輸入相應的必填項信息以後,點擊「保存」按鈕 。在彈出的確認對話框中點擊「肯定」按鈕。在彈出的「保存成功」確認對話框中點擊「肯定」按鈕。以下圖。
12.彈出保存成功。見下圖。
13.在「出庫單明細」界面中點擊「添加明細」 按鈕,會彈出一個「選擇入庫貨物信息」界面,選擇須要添加的相應貨物信息。以下圖。
14. 在選擇了貨物信息以後,使用鼠標點擊「導入」按鈕,會彈出 一個提示信息框「你確認要保存所選擇的貨物信息嗎?」,點擊 「肯定」,會把選擇的貨物信息添加到出庫單明細中。以下圖。
15.在貨物信息保存成功以後,咱們關閉「選擇入庫貨物信息」界面,回到「出庫單明細」界面,看到咱們剛纔選擇的貨物信息就在「出庫單明細」中。以下圖。
16.使用鼠標選中「數量」字段,在這裏填寫相應的數量。系統會自動計算體積與總價。以下圖。這裏沒有對數量進行可出數校驗,請自行添加。