通过上一篇文章(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)+ ...

随机推荐

设计模式（C#）——07装饰者模式
推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 在一款战斗类的游戏中,随着故事情节的发展,玩家(即游戏中的主角,下文统一为主角)通常会解锁一些新技能.最初主角只有使 ...
使用wait/notify/notifyAll实现线程间通信的几点重要说明
在Java中,可以通过配合调用Object对象的wait()方法和notify()方法或notifyAll()方法来实现线程间的通信.在线程中调用wait()方法,将阻塞等待其他线程的通知(其他线程调 ...
CentOS搭建php + nginx环境
更新Centos的yum源 yum update 安装EPEL源和REMI源 yum install epel-release yum install http://rpms.remirepo.net ...
在.net core web api项目中安装swagger展示api接口（相当于生成api文档）
1, 建立或打开项目后,在“程序包管理器控制台”中执行以下命令添加包引用: Install-Package Swashbuckle.AspNetCore 2,在项目中打开Startup.cs文件,找 ...
KVC&KVO&运行时
运行时:要先了解程序运行的三个阶段 1.编译阶段:clang将OC代码转换成C++,查看运行机制调用的方法 2.链接阶段:与我们使用到得库文件进行链接 3.运行阶段:我们要谈的运行时主要针对这个阶段, ...
CF1025B Weakened Common Divisor 数学
Weakened Common Divisor time limit per test 1.5 seconds memory limit per test 256 megabytes input st ...
最长上升子序列模板 hdu 1087 Super Jumping! Jumping! Jumping!
Nowadays, a kind of chess game called “Super Jumping! Jumping! Jumping!” is very popular in HDU. May ...
2018年全国多校算法寒假训练营练习比赛（第二场） B TaoTao要吃鸡 01背包变形题
链接:https://www.nowcoder.com/acm/contest/74/B来源:牛客网 Taotao的电脑带不动绝地求生,所以taotao只能去玩pc版的荒野行动了, 和绝地求生一样,游 ...
字符串的api (基础)
一.基础 1.字符串.charAt(index) 根据下标获取字符串的某一个字符应用: 判断字符串的首字母是否大写任意给定的一串字母,统计字符串里面的大写字母和小写字母的个数 2.字符串.inde ...
.gitignore文件失效的解决方案
通常在idea中,我们使用git进行项目管理的时候,一些不需要的文件如.idea,.target文件不需要上传至gitlab仓库,这时,就需要在项目中定义一个.gitignore文件,用来标识这些文件 ...

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

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

八 创建CargoController继承自TPLMSControllerBase

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

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

随机推荐

热门专题

八创建CargoController继承自TPLMSControllerBase