abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之選單與測試(九)

DotNet菜園發表於2019-07-16

abp(net core)+easyui+efcore實現倉儲管理系統目錄

abp(net core)+easyui+efcore實現倉儲管理系統——ABP總體介紹(一)

abp(net core)+easyui+efcore實現倉儲管理系統——解決方案介紹(二)

abp(net core)+easyui+efcore實現倉儲管理系統——領域層建立實體(三)

 abp(net core)+easyui+efcore實現倉儲管理系統——定義倉儲並實現 (四)

abp(net core)+easyui+efcore實現倉儲管理系統——建立應用服務(五)

abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之控制器(六)

abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之列表檢視(七)

abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之增刪改檢視(八)

 

  上接(abp(net core)+easyui+efcore實現倉儲管理系統——展現層實現增刪改查之增刪改檢視(八)),在這一篇文章中我們建立一個選單,並通過這個選單呼叫我們之前寫的增刪除改查的功能。

 

六、新增選單

 

在通過前面的三篇文章學習之後,我們已經建立了檢視與控制器,在本文中我們來學習一個選單,並進行增刪改查的測試。

 

1. 在Visual Studio 2017的“解決方案資源管理器”中,開啟單擊在展現層“ABP.TPLMS.Web.Mvc”專案中的Startup目錄。 找到TPLMSNavigationProvider.cs檔案。如下圖。

 

 

 

2. 在Visual Studio 2017的“解決方案資源管理器”中,開啟TPLMSNavigationProvider.cs檔案,此檔案就是ABP系統的選單檔案,我們進行如下修改,新增一個新的選單Module。如下圖。

 

 

 

  上圖中的程式碼如下:

.AddItem(
                    new MenuItemDefinition(
                        PageNames.Module,
                        L("Module"),
                        url: "Module",
                        icon: "local_offer"
                    )
                )

七、測試模組管理

 

1.在Visual Studio 2017的解決方案資源管理器中,按F5執行應用程式。

 

2.瀏覽器會自動跳轉到登入頁面,然後輸入管理員使用者名稱與密碼進行登入。在登入成功之後會主介面顯示如下圖。可以看到我們已經新增了模組選單。如下圖。

 

 

 

3.在主介面的選單中,選擇“Module”選單項,瀏覽器中呈現一個模組資訊列表。如圖下圖。

 

 

 

4.新增模組:點選“新增”按鈕,跳轉到“建立模組”的操作介面,如下圖中所示。

 

5.在輸入相應的模組資訊之後,點選“建立”按鈕。如下圖。

 

 

 

6. 在建立成功之後,在模組資訊列表中新增一條剛才建立的模組資訊。下圖。

 

 

 

7. 在模組資訊列表中選中一條貨物資訊,然後使用滑鼠點選“Edit”按鈕,對模組資訊進行修改。如下圖。

 

 

 

 7.對於模組資訊進行修改完成之後,點選“Save”按鈕,同時更新貨物資訊列表。如下圖。

 

8. 在模組資訊列表中選中一條模組資訊,然後使用滑鼠點選“Delete”按鈕。如下圖。

 

 

 

9. 頁面會自動跳轉到對模組資訊進行刪除的確認頁面,點選“Delete”按鈕,進行刪除。如下圖。

 

 

 

10.在刪除成功之後,在模組資訊列表中剛才選中的模組資訊不在顯示。下圖。

 

 

 

相關文章