abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理四 (二十二)

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實現倉儲管理系統——展示層實現增刪改查之菜單與測試（九）

abp(net core)+easyui+efcore實現倉儲管理系統——多語言（十）

abp(net core)+easyui+efcore實現倉儲管理系統——使用 WEBAPI實現CURD (十一)

abp(net core)+easyui+efcore實現倉儲管理系統——菜單-上 (十六)

 abp(net core)+easyui+efcore實現倉儲管理系統——菜單-下(十七) 

abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI前端頁面框架 (十八)

abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理一 (十九)

 abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理二 (二十)

abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理三 (二十一)

 

      從篇 abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI前端頁面框架 (十八) 至abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理三 (二十一) 爲止，咱們已經經過EasyUI完成了貨物信息管理的前端與後臺功能。如今咱們運行起應用程序實測一下。

11、瀏覽貨物管理頁面

    1.在Visual Studio 2017中按F5運行應用程序。

    2.在瀏覽器中的地址欄中輸入「http://localhost:5000/」，而後輸入管理員用戶名進行登陸。

    3.在主界面的菜單中，選擇「Business->貨物管理」菜單項，瀏覽器中呈現一個貨物信息列表與四個按鈕。以下圖。關於菜單的生成能夠參見文章（abp(net core)+easyui+efcore實現倉儲管理系統——菜單-上 (十六) 與 abp(net core)+easyui+efcore實現倉儲管理系統——菜單-下(十七)  ）。

     4.數據庫中有數據，卻沒有顯示。咱們在瀏覽器中按F12,查看一下返回的是什麼結果？以下圖。返回結果被ABP封裝了一下。

 

咱們來看上圖中紅框所標示的結果中能夠看出，其中result爲代碼中指定返回的數據。其餘幾個鍵值對是ABP封裝的，包含了是否定證、是否成功、錯誤信息，以及目標Url。

    5.咱們不須要ABP對json進行封裝怎麼辦？很簡單。只須要在方法上標記[DontWrapResult]特性便可。這個特性實際上是一個快捷方式用來告訴ABP不要用AbpJsonResult對咱們的結果進行封裝。

    6. 在Visual Studio 2017的「解決方案資源管理器」中，右鍵單擊在領域層「ABP.TPLMS.Web.Mvc」項目中的Controller目錄。 找到CargoController文件，在List方法上添加[DontWrapResult]特性。

    7. 在Visual Studio 2017中按F5運行應用程序。登陸以後，點擊「[貨物管理]」菜單，咱們能夠看到貨物管理列表頁面。ABP是再也不對JSON結果進行封裝，界面中也能顯示記錄行了，可是記錄行中沒有數據。以下圖。

 

 

12、建立JSONHelper輔助類

       咱們在以前的測試貨物信息管理功能時，看到貨物管理列表頁面中只顯示了記錄行，沒有顯示相關的數據。接下來咱們來解決這個問題，咱們須要一個J SON的輔助類。

     1. 在Visual Studio 2017的「解決方案資源管理器」中，右鍵單擊在領域層「ABP.TPLMS.Web.Core」項目，選擇「添加」 > 「新建文件夾」。並重命名爲「Helpers」。

      2. 在Visual Studio 2017的「解決方案資源管理器」中，鼠標右鍵單擊「Helpers」文件夾，而後選擇「添加」 > 「類…」。 在「添加新項-ABP.TPLMS.Web.Core」對話框中，選擇「類」，並將名稱命名爲JsonHeplerl。

    3. 在咱們剛纔建立的JsonHeplerl文件中，編寫以下代碼：

using Newtonsoft.Json;
using Newtonsoft.Json.Converters;
using System;
using System.Collections.Generic;
using System.Text; 

namespace ABP.TPLMS.Helpers
{
        public class JsonHelper
        {
            private static JsonHelper _jsonHelper = new JsonHelper();
            public static JsonHelper Instance { get { return _jsonHelper; } }

            public string Serialize(object obj)
            {
                return JsonConvert.SerializeObject(obj, new IsoDateTimeConverter { DateTimeFormat = "yyyy-MM-dd HH:mm:ss" });

            } 

            public string SerializeByConverter(object obj, params JsonConverter[] converters)
            {
                return JsonConvert.SerializeObject(obj, converters);

            } 

            public T Deserialize<T>(string input)
            {
                return JsonConvert.DeserializeObject<T>(input);

            } 

            public T DeserializeByConverter<T>(string input, params JsonConverter[] converter)
            {
                return JsonConvert.DeserializeObject<T>(input, converter);

            }
 

            public T DeserializeBySetting<T>(string input, JsonSerializerSettings settings)
            {
                return JsonConvert.DeserializeObject<T>(input, settings);

            }

            private object NullToEmpty(object obj)
            {
                return null;
            }

        }
}

 

十3、修改CargoController與TPLMSControllerBase

咱們對（abp(net core)+easyui+efcore實現倉儲管理系統——EasyUI之貨物管理二 (二十) ）文中所寫方法JsonEasyUI進行改造。

      1. 在Visual Studio 2017的「解決方案資源管理器」中，右鍵單擊在領域層「ABP.TPLMS.Web.Core」項目中的Controller目錄。 找到TPLMSControllerBase文件，中的JsonEasyUI方法，更新其中的代碼。代碼以下。

protected dynamic JsonEasyUI(dynamic t,int total)
 {         

     var obj= new
    {
        total = total,
        rows = t
    };
    var json = ABP.TPLMS.Helpers.JsonHelper.Instance.Serialize(obj);
    return json;
 }

      2. 在Visual Studio 2017的「解決方案資源管理器」中，右鍵單擊在領域層「ABP.TPLMS.Web.Mvc」項目中的Controller目錄。 找到CargoController.cs文件，修改List方法，以下代碼。

[DontWrapResult]
public string List()
 {

     var page = Request.Form["page"].ToString();
     var size = Request.Form["rows"].ToString();
     int pageIndex = page == null ? 1 : int.Parse(page);
     int pageSize = size == null ? 20 : int.Parse(size);
     PagedCargoResultRequestDto paged = new PagedCargoResultRequestDto();
     paged.MaxResultCount = pageSize;
     paged.SkipCount = ((pageIndex-1)<0?0: pageIndex - 1) * pageSize; 

     var userList = _cargoAppService.GetAll(paged).GetAwaiter().GetResult().Items;

     int total = 1000;
     var json = JsonEasyUI(userList,total);
     return json;

}

       3. 在Visual Studio 2017中按F5運行應用程序。登陸以後，點擊「[貨物管理]」菜單，咱們能夠看到貨物管理列表頁面。以下圖。

 

      4.咱們在瀏覽器中按F12,查看一下返回的是什麼結果？以下圖。返回結果沒有被ABP封裝。