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之货物管理一 (十九) )中，我们已经将创建了货物信息实体 与查询所用到的分页类。下面我们来实现货物信息管理功能所需要的服务类与控制器类，页面呈现。

 

六、定义ICargoAppService接口

6． 在Visual Studio 2017的“解决方案资源管理器”中，鼠标右键单击“Cargos”文件夹，然后选择“添加” > “新建项”，在弹出对话框中选择“接口”。为应用服务定义一个名为 ICargoAppService 的接口。代码如下。

using Abp.Application.Services;
using ABP.TPLMS.Cargos.Dto;
using System;
using System.Collections.Generic;
using System.Text; 

namespace ABP.TPLMS.Cargos
{

    public interface ICargoAppService : IAsyncCrudAppService<//定义了CRUD方法
             CargoDto, //用来展示货物信息
             int, //Cargo实体的主键
             PagedCargoResultRequestDto, //获取货物信息的时候用于分页
             CreateUpdateCargoDto, //用于创建货物信息
             CreateUpdateCargoDto> //用于更新货物信息
    {

    }
}

 

七、实现ICargoAppService

7．在Visual Studio 2017的“解决方案资源管理器”中，右键单击“Cargos”文件夹，然后选择“添加” > “新建项”，在弹出对话框中选择“类”。为应用服务定义一个名为 CargoAppService 的服务类。代码如下。

using Abp.Application.Services;
using Abp.Domain.Repositories;
using ABP.TPLMS.Entitys;
using ABP.TPLMS.Cargos.Dto;
using System;
using System.Collections.Generic;
using System.Text;
using System.Threading.Tasks; 

namespace ABP.TPLMS.Cargos
{
   public class CargoAppService :AsyncCrudAppServiceint, PagedCargoResultRequestDto,
                            CreateUpdateCargoDto, CreateUpdateCargoDto>,ICargoAppService       

    {
        public CargoAppService(IRepositoryint> repository)
            : base(repository)

    {            

    }

    }
}

 

八 创建CargoController继承自TPLMSControllerBase

1. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Core”项目中的Controller目录。 找到TPLMSControllerBase文件，添加一个新的方法JsonEasyUI。此方法的功能是实现对实体对象进行序列化为JSON字符串，并且JSON字符串的格式符合EasyUI的DataGrid要求的数据格式。代码如下。

protected dynamic JsonEasyUI(dynamic t,int total)
  {         

      var obj= new
      {         
          total = total,
           rows = t
      };

      var  json = Json(obj);
       return json;
   }

2. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Controller目录。 选择“添加” > “新建项…”。如下图。

 

3. 在弹出对话框“添加新项-ABP.TPLMS.Web.Mvc”中选择“控制器类”，然后在名称输入框中输入“CargoController”，然后点击“添加”按钮。如下图。

 

4.在CargoController.cs文件中输入如下代码，通过构造函数注入对应用服务的依赖。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Abp.Application.Services.Dto;
using Abp.AspNetCore.Mvc.Authorization;
using Abp.Runtime.Validation;
using ABP.TPLMS.Controllers;
using ABP.TPLMS.Cargos;
using ABP.TPLMS.Cargos.Dto;
using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore; 

 

namespace ABP.TPLMS.Web.Controllers
{

    [AbpMvcAuthorize]
    public class CargoController : TPLMSControllerBase
    {
        const int MaxNum= 10;
        // GET: //
        public IActionResult Index()
        {

            ViewData["SupplierId"] = "100001";
            return View();
        } 

        private readonly ICargoAppService _cargoAppService; 

        public CargoController(ICargoAppService cargoAppService)
        {
            _cargoAppService = cargoAppService;

        }

        public JsonResult 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;        
     }
    }
}

 

九、使用EasyUI创建货物管理页面

1. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Views目录。 选择“添加” > “新建文件夹”。并重命名为“Cargo”。

2. 在Visual Studio 2017的“解决方案资源管理器”中，鼠标右键单击“Cargo”文件夹，然后选择“添加” > “新建项…”。 在“添加新项-ABP.TPLMS.Web.Mvc”对话框中，选择“Razor视图”，并将名称命名为Index.cshmtl。

3. 在我们刚才创建的Index.cshmtl文件中，编写如下代码：

 

@using ABP.TPLMS.Web.Startup
@{

    ViewData["Title"] = PageNames.Cargo;
}

@section scripts
    {
    
    
}
"region:'center'" style="overflow: hidden;">
    
"containter" style="width: 1000px; height: auto; margin: 0px auto;">
        
        
"margin-bottom:1px;font-weight:bold;">
            "#" id="add" class="easyui-linkbutton" data-options="iconCls:'icon-add'" 
style="width:100px; height:30px; ">添加
            "#" id="del" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" 
style="width:100px; height:30px; ">删除
            "#" id="edit" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" 
style="width:100px; height:30px; ">修改
            "#" id="reload" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" 
style="width:100px; height:30px; ">刷新
        
        
        
"region:'center',split:false" style="height:500px;">
            

            "dgCargo">

        

    



"divAddUpdCargo" class="easyui-dialog" closed="true" data-options="buttons: '#dlg-buttons'">

    

        

            
"hidden" name="ID" id="IDUpdate" />

        
        

            
供应商：
            

                "text" id="SupplierIdUpdate" name="USupplierId" 
class="form-control input-sm" value=@ViewData["SupplierId"].ToString() />

            
            
 货物代码：
            
"text" id="UpdCargoCode" name="UCargoCode" 
class="form-control input-sm" />
            
货物名称：
            

                "text" id="CargoNameUpdate" name="UCargoName" class="form-control input-sm" />
            
        
        

            
品牌：
            

                "text" id="BrandUpdate" name="UBrand" class="form-control input-sm" />

            
            
 规格型号：
            
"3">"text" id="SpcfUpdate" name="USpcf" 
class="form-control input-sm" />
        
        

            
HSCode：
            

                "text" id="HSCodeUpdate" name="UHSCode" class="form-control input-sm" />

            
            
单价：
            

                "number" id="PriceUpdate" name="UPrice" class="form-control input-sm" />

            
            
 计量单位：
            
"text" id="UnitUpdate" name="UUnit" class="form-control input-sm" />

        
        

            
货币：
            

                "text" id="CurrUpdate" name="UCurr" class="form-control input-sm" />
            
            
包装：
            

                "text" id="PackageUpdate" name="UPackage" class="form-control input-sm" />
            
            
体积：
            

                
class="input-group">
                    "text" id="VolUpdate" name="UVol" class="form-control input-sm" readonly />
                    class="input-group-addon" id="basic-addon2">立方米

                
            
        
        

            
 长：
            


                
class="input-group">
                    "number" id="LengthUpdate" name="ULength" 
class="form-control input-sm" aria-describedby="basic-addon2">
                    class="input-group-addon" id="basic-addon2">cm *
                
            
            
宽：
            

                
class="input-group">

                    "number" id="WidthUpdate" name="UWidth" 
class="form-control input-sm" aria-describedby="basic-addon2">
                    class="input-group-addon" id="basic-addon2">cm * 

                
            
            
高：
            

                
class="input-group">
                    "number" id="HeightUpdate" name="UHeight"
 class="form-control input-sm" aria-describedby="basic-addon2">
                    class="input-group-addon" id="basic-addon2">cm
                
            
        
        

            
毛重：
            

                "number" id="GrossWtUpdate" name="UGrossWt" class="form-control input-sm" />
            
            
 净重：
            
"number" id="NetWtUpdate" name="UNetWt" class="form-control input-sm" />

            
国家：
            

                "text" id="CountryUpdate" name="UCountry" class="form-control input-sm" />

            
        
        

            
安全库存：

            

                "number" id="MinNumUpdate" name="UMinNum" class="form-control input-sm" />

            
            
 最大库存：

            
"number" id="MaxNumUpdate" name="UMaxNum" class="form-control input-sm" />

            
创建时间：
            

                "text" id="CreateTimeUpdate" name="UCreateTimey" class="form-control input-sm" />

            
        
        

            
备注：

            
"5">
                "text" id="RemarkUpdate" name="URemark" class="form-control input-sm" />

            
        
    


"dlg-buttons">
    "submit" id="btnSave" value="保存" class="btn btn-primary" />
    "submit" id="btnCancle" value="取消" class="btn btn-info" />

 4. 在Visual Studio 2017的“解决方案资源管理器”中，找到“ABP.TPLMS.Web.Mvc”项目中的Startup目录。 选择“PageNames.cs”文件，并双击打开。写入以下代码。

        public const string Cargo = "Cargo";