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實現倉儲管理系統——使用 WEBAPI實現CURD (十二)
abp(net core)+easyui+efcore實現倉儲管理系統——使用 WEBAPI實現CURD (十三)
abp(net core)+easyui+efcore實現倉儲管理系統——使用 WEBAPI實現CURD (十四)
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完成了貨物資訊管理的前端與後臺功能。現在我們執行起應用程式實測一下。
十一、瀏覽貨物管理頁面
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結果進行封裝，介面中也能顯示記錄行了，但是記錄行中沒有資料。如下圖。
十二、建立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;
}
}
}
十三、修改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封裝。
&n