通过上一篇文章(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 :AsyncCrudAppService<Cargo, CargoDto, int, PagedCargoResultRequestDto,

                            CreateUpdateCargoDto, CreateUpdateCargoDto>,ICargoAppService       

    {

        public CargoAppService(IRepository<Cargo, int> 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= ;

        // GET: /<controller>/

        public IActionResult Index()

        {

            ViewData["SupplierId"] = "";

            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 ?  : int.Parse(page);

            int pageSize = size == null ?  : int.Parse(size);

            PagedCargoResultRequestDto paged = new PagedCargoResultRequestDto();

            paged.MaxResultCount = pageSize;

            paged.SkipCount = ((pageIndex-)<?: pageIndex - ) * pageSize;

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

            int total = ;

            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

    {

    <script src="~/view-resources/Views/Cargo/cargomgr.js" asp-append-version="true"></script>

    <script type="text/javascript">

        $(function () {

            initable();

            init();

            reloaded();

            updCargoInfo();

            showCargoDialog();

            deleteCargo();

        });

    </script>

}

<div data-options="region:'center'" style="overflow: hidden;">

    <div id="containter" style="width: 1000px; height: auto; margin: 0px auto;">

        <!--toolbar-->

        <div style="margin-bottom:1px;font-weight:bold;">

            <a href="#" id="add" class="easyui-linkbutton" data-options="iconCls:'icon-add'" 
style="width:100px; height:30px; ">添加</a>

            <a href="#" id="del" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" 
style="width:100px; height:30px; ">删除</a>

            <a href="#" id="edit" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" 
style="width:100px; height:30px; ">修改</a>

            <a href="#" id="reload" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" 
style="width:100px; height:30px; ">刷新</a>

        </div>

        <!--panel-->

        <div data-options="region:'center',split:false" style="height:500px;">

            <!--表格-->

            <table id="dgCargo"></table>

        </div>

    </div>

</div>

<!---------------------------新增修改货物信息---------------------------->

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

    <table>

        <tr>

            <td><input type="hidden" name="ID" id="IDUpdate" /></td>

        </tr>

        <tr>

            <td>供应商：</td>

            <td>

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

            </td>

            <td> 货物代码：</td>

            <td><input type="text" id="UpdCargoCode" name="UCargoCode" 
class="form-control input-sm" /></td>

            <td>货物名称：</td>

            <td>

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

            </td>

        </tr>

        <tr>

            <td>品牌：</td>

            <td>

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

            </td>

            <td> 规格型号：</td>

            <td colspan=""><input type="text" id="SpcfUpdate" name="USpcf" 
class="form-control input-sm" /></td>

        </tr>

        <tr>

            <td>HSCode：</td>

            <td>

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

            </td>

            <td>单价：</td>

            <td>

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

            </td>

            <td> 计量单位：</td>

            <td><input type="text" id="UnitUpdate" name="UUnit" class="form-control input-sm" /></td>

        </tr>

        <tr>

            <td>货币：</td>

            <td>

                <input type="text" id="CurrUpdate" name="UCurr" class="form-control input-sm" />

            </td>

            <td>包装：</td>

            <td>

                <input type="text" id="PackageUpdate" name="UPackage" class="form-control input-sm" />

            </td>

            <td>体积：</td>

            <td>

                <div class="input-group">

                    <input type="text" id="VolUpdate" name="UVol" class="form-control input-sm" readonly />

                    <span class="input-group-addon" id="basic-addon2">立方米</span>

                </div>

            </td>

        </tr>

        <tr>

            <td> 长：</td>

            <td>

                <div class="input-group">

                    <input type="number" id="LengthUpdate" name="ULength" 
class="form-control input-sm" aria-describedby="basic-addon2">

                    <span class="input-group-addon" id="basic-addon2">cm *</span>

                </div>

            </td>

            <td>宽：</td>

            <td>

                <div class="input-group">

                    <input type="number" id="WidthUpdate" name="UWidth" 
class="form-control input-sm" aria-describedby="basic-addon2">

                    <span class="input-group-addon" id="basic-addon2">cm * </span>

                </div>

            </td>

            <td>高：</td>

            <td>

                <div class="input-group">

                    <input type="number" id="HeightUpdate" name="UHeight"
 class="form-control input-sm" aria-describedby="basic-addon2">

                    <span class="input-group-addon" id="basic-addon2">cm</span>

                </div>

            </td>

        </tr>

        <tr>

            <td>毛重：</td>

            <td>

                <input type="number" id="GrossWtUpdate" name="UGrossWt" class="form-control input-sm" />

            </td>

            <td> 净重：</td>

            <td><input type="number" id="NetWtUpdate" name="UNetWt" class="form-control input-sm" /></td>

            <td>国家：</td>

            <td>

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

            </td>

        </tr>

        <tr>

            <td>安全库存：</td>

            <td>

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

            </td>

            <td> 最大库存：</td>

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

            <td>创建时间：</td>

            <td>

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

            </td>

        </tr>

        <tr>

            <td>备注：</td>

            <td colspan="">

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

            </td>

        </tr>

    </table>

</div>

<div id="dlg-buttons">

    <input type="submit" id="btnSave" value="保存" class="btn btn-primary" />

    <input type="submit" id="btnCancle" value="取消" class="btn btn-info" />

</div>

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

        public const string Cargo = "Cargo";

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理二 (二十)的更多相关文章

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理一 (十九)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理三 (二十一)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理四 (二十二)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理五 (二十三)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理六(二十四)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理七(二十五)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理八(二十六)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八)
目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二) ab ...
abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...

随机推荐

开发人员需要掌握的日常Linux命令集
本文整理了开发人员日常用到的linux相关命令,供参考. 文件相关 cd # 进入某个目录,不接参数进入当前用户目录(等同于cd ~)如/home/devuser,可接绝对路径或相对路径(../..表 ...
HTML5 storage事件监听
引用<h5移动web开发指南>上的话: “当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发” 所以,localStorage st ...
Ion内存的带cahce与不带cache问题分享
一次开发中,遇到一个问题:YUV图像(由本地磁盘文件读到ION内存中)缩放时,对于缩放模块的输入源来说,使用带cache的方式要比不带cache的方式速度快数10倍. 为什么会出现这个情况呢? 在解释 ...
java后台图片上传预检失败解决方案
1.首先因为服务器端会先发送一个option请求到后台在后台返回一个post给页面页面在处理post请求给接口 2.先写一个过滤器, 我们自己定义一个过滤器 package com.adtime ...
[python]python字典
1.简介字典是python中的映射数据类型,由‘键-值’(key-value)对构成. 键:几乎所有类型的python对象都可以用作键,不过一般还是以数字或者字符串最为常用. 值:可以是任意类型的p ...
js中的所有兼容问题总结
js兼容问题总结在学习js过程中很多人都遇到过兼容问题,这些兼容问题是因为各版本浏览器不同导致的,为了解决这些兼容问题,js给我们提供了解决这些兼容问题的方案,对此,我个人进行了汇集以及总结. ...
第10讲-Java集合框架
第10讲 Java集合框架 1.知识点 1.1.课程回顾 1.2.本章重点 1.2.1 List 1.2.2 Set 1.2.3 Map 2.具体内容 2.1.Java集合框架 2.1.1 为什么需要 ...
【Offer】[4] 【二维数组中的查找】
题目描述思路分析 Java代码代码链接题目描述在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数 ...
Zabbix面试总结
zabbix官方的一句话描述zabbix: 监视任何事情适用于任何IT基础架构,服务,应用程序和资源的解决方案 Monitor anythingSolutions for any kind of IT ...
内存泄露检测工具Valgrind
内存泄露简介什么是内存泄漏内存泄漏(Memory Leak)是指程序中已动态分配的堆内存由于某种原因,程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果. 内存泄 ...

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理二 (二十)

abp(net core)+easyui+efcore实现仓储管理系统目录

八 创建CargoController继承自TPLMSControllerBase

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

abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理二 (二十)的更多相关文章

随机推荐

热门专题

八创建CargoController继承自TPLMSControllerBase