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 :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= 10;
        // get: /<controller>/
        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
    {
    <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="3"><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="5">
                <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";