在上一篇abp(net core)+easyui+efcore实现仓储管理系统——入库管理之四(四十)文章中我们已经定义了应用的接口，并在应用层实现了这些接口。接下来我们要在展示层来实现前端功能。

八创建InStockController继承自TPLMSControllerBase

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

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

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

using System;

using System.Collections.Generic;

using System.Linq;

using System.Threading.Tasks;

using Abp.Runtime.Validation;

using Abp.Web.Models;

using ABP.TPLMS.Controllers;

using ABP.TPLMS.Entitys;

using ABP.TPLMS.Helpers;

using ABP.TPLMS.InStocks;

using ABP.TPLMS.InStocks.Dto;

using ABP.TPLMS.Models.InStock;

using Microsoft.AspNetCore.Mvc; 

namespace ABP.TPLMS.Web.Controllers

{

    public class InStockController : TPLMSControllerBase

    {

        private readonly IInStockOrderAppService _inSOAppService;

        private readonly IInStockOrderDetailAppService _inSODAppService;

        private const int MAX_COUNT = ;

        public InStockController(IInStockOrderAppService InSOAppService,IInStockOrderDetailAppService InSODAppService)

        {

            _inSOAppService = InSOAppService;

            _inSODAppService = InSODAppService;

        }

        public IActionResult Index()

        {

            return View();

        }

        [DontWrapResult]

        [HttpPost]

        public string 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);

            PagedInStockResultRequestDto paged = new PagedInStockResultRequestDto();

            paged.MaxResultCount = MAX_COUNT;

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

            paged.BeginTime = DateTime.Now.AddMonths(-);

            paged.EndTime = DateTime.Now.AddDays();

            var query = _inSOAppService.GetAll(paged).GetAwaiter().GetResult();

            var isoList = query.Items;

            int total = query.TotalCount;

            var json = JsonEasyUI(isoList, total);

            return json;

        }

        [DontWrapResult]

        public string GetDetail(string no)

        {

            PagedInStockDetailResultRequestDto paged = new PagedInStockDetailResultRequestDto();

            paged.MaxResultCount = MAX_COUNT;

            paged.InStockNo = no;            

            var podList = _inSODAppService.GetAll(paged).GetAwaiter().GetResult().Items; ;

            var json = JsonEasyUI(podList);

            return json;

        }

        [HttpPost]

        [DisableValidation]

        public ActionResult Add(InStockOrderDto iso)

        {

            string result = "NO";

            try

            {

                PagedInStockResultRequestDto condition = new PagedInStockResultRequestDto();

                condition.No = iso.No;

                var isoExists = _inSOAppService.GetAll(condition).GetAwaiter().GetResult();

                if (isoExists.TotalCount > )

                {

                    return Content(result);

                }

                CreateUpdateInStockOrderDto cuIso = ObjectMapper.Map<CreateUpdateInStockOrderDto>(iso);

                // TODO: Add logic here

              var obj=  _inSOAppService.Create(cuIso);

                result = "OK";

            }

            catch(Exception ex)

            {

                result = "NO";

            }

            return Content(result);

        }

        [HttpPost]

        [DisableValidation]

        public string Update(InStockOrderDto iso)

        {

            string result = "NO";

            List<InStockOrderDetailDto> list = new List<InStockOrderDetailDto>();

            try

            {

                string deleted = Request.Form["deleted"];

                string inserted = Request.Form["inserted"];

                string updated = Request.Form["updated"];

                string head = Request.Form["postdata"];

                if (!string.IsNullOrEmpty(head))

                {

                    //把json字符串转换成对象

                    iso = JsonHelper.Instance.Deserialize<InStockOrderDto>(head);

                }

                if (!string.IsNullOrEmpty(deleted))

                {

                    //把json字符串转换成对象

                    List<InStockOrderDetailDto> listDeleted = JsonHelper.Instance.Deserialize<List<InStockOrderDetailDto>>(deleted);

                    //TODO 下面就可以根据转换后的对象进行相应的操作了

                    if (listDeleted != null && listDeleted.Count > )

                    {

                        list.AddRange(listDeleted.ToArray());

                    }

                }

                if (!string.IsNullOrEmpty(inserted))

                {

                    //把json字符串转换成对象

                    List<InStockOrderDetailDto> listInserted = JsonHelper.Instance.Deserialize<List<InStockOrderDetailDto>>(inserted);

                    if (listInserted != null && listInserted.Count > )

                    {

                        list.AddRange(listInserted.ToArray());

                    }

                }

                if (!string.IsNullOrEmpty(updated))

                {

                    //把json字符串转换成对象

                    List<InStockOrderDetailDto> listUpdated = JsonHelper.Instance.Deserialize<List<InStockOrderDetailDto>>(updated);

                    if (listUpdated != null && listUpdated.Count > )

                    {

                        list.AddRange(listUpdated.ToArray());

                    }

                }

                if (iso == null)

                {

                    return "没有表头！";

                }

   // TODO: Add update logic here

                iso.InStockOrderDetail = list;

                result = _inSOAppService.Save(iso); 

            }

            catch

            {

            }

            if (result == "OK")

            {

                return "更新成功！";

            }

            else

                return "更新失败！";

        }

        [HttpPost]

        [DisableValidation]

        public ActionResult ImportCargo(CargoModel cargos)

        {

            string result = "NO";

            try

            {                

                // TODO: 导入货物信息

                result = _inSOAppService.ImportCargo(cargos.Ids, cargos.No);

            }

            catch

            { 

            }

            return Content(result);

        }

        [HttpPost]

        [DontWrapResult]

        public ActionResult Delete(string ids)

        {

            string result = "NO";

            try

            {

                // TODO: Add Delete logic here

                bool flag = _inSOAppService.DeleteById(ids);

                if (flag)

                {

                    result = "OK";

                }

            }

            catch

            {

            }

            return Content(result);

        }

    }

}

九、使用EasyUI创建入库单管理页面

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

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

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

@using ABP.TPLMS.Web.Startup

@{

    ViewData["Title"] = PageNames.InStock;

}

@section scripts{

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

    <script type="text/javascript">

          $(function () {

            initable();

             reloaded(); 

              $('#box').tabs({

                width: ,      //选项卡容器宽度

                height: ,      //选项卡容器高度

                onSelect: function (title, index) {

                    var rcv = $("#RcvUpdate").val();

                    if (title == "入库单明细") {

                        $("#rcv").val(rcv);

                    }

                }

            });

        });

    </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="submits" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" 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="dgINSO"></table>

            </div>

        </div>

    </div>

4. 在Visual Studio 2017的“解决方案资源管理器”中，找到领域层“ABP.TPLMS.Web.Mvc”项目中的wwwroot目录下的view-resources目录。使用鼠标右键单击此目录，在弹出菜单中选择“添加” > “新建文件夹”。并重命名为“InStock”。

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

6. 在Index.js文件中，我们写入如下代码。

//-----------------------系统管理-->入库单管理-----------------------------------------//

//刷新数据

function initable() {

    $("#dgINSO").datagrid({

        url: "/InStock/List",

        //url:"api/services/app/instock/GetAllInStockOrders",

        title: "入库单管理",

        pagination: true,

        pageSize: ,

        pageList: [, , ],

        fit: true,

        fitColumns: false,

        loadMsg: "正在加载入库单信息...",

        nowarp: false,

        border: false,

        idField: "Id",

        sortName: "Id",

        sortOrder: "asc",

        frozenColumns: [[//冻结列

            { field: "ck", checkbox: true, align: "left", width:  }          

        ]],

        columns: [[

            { title: "编号", field: "Id", width: , sortable: true },

            { title: "入库单号", field: "No", width: , sortable: true },           

            {title: "状态", field: "Status", width:             },

            { title: '到货日期', field: 'ReceiveTime',  width: , align: 'center' },

            { title: "货主", field: "OwnerCode", width: , sortable: true },

            { title: "预计到货时间", field: "PreDeliveryTime", width: , sortable: false },

            { title: '客户', field: 'CustomerName', width: , align: 'center' },

            { title: '收货人',field: 'Oper', width: , align: 'center' },

            { title: '审核人',field: 'Checker', width: , align: 'center' },

            { title: '件数', field: 'PackageNum', width: , align: 'center' },

            { title: '创建时间', field: 'CreationTime', width: , align: 'center' }

        ]]

    });

} 

function reloaded() {   //reload

    $("#reload").click(function () {

        //

        $('#dgINSO').datagrid('reload'); 

    });}

7. 在Visual Studio 2017中按F5运行应用程序。登录之后，点击“[入库管理]”菜单，我们可以看到货物管理列表页面。如下图。

abp(net core)+easyui+efcore实现仓储管理系统——入库管理之五(四十一)的更多相关文章

abp(net core)+easyui+efcore实现仓储管理系统——入库管理之六(四十二)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之七(四十三)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之八(四十四)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之四(四十)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之九(四十五)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之十(四十六)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之十一(四十七)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之十二(四十八)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——入库管理之一(三十七)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...

随机推荐

SWUST OJ Gold Nuggets Distribution(0490)
Gold Nuggets Distribution(0490) Time limit(ms): 1000 Memory limit(kb): 65535 Submission: 421 Accepte ...
paxos算法学习总结
核心思想分布式系统架构下如何让整体尽快达成一致观点,也就是多个不同观点收敛到一个观点的过程. 难点可能会发生少数节点故障,但绝不是大面积故障,不然系统也没法正常工作. 由于存在单点故障,因此不可能 ...
安装NSQ
安装文档 https://nsq.io/deployment/installing.html 打开连接后,根据系统找到对应的二进制包一般都是linux则下载 https://s3.amazonaws ...
Seata-一站式分布式事务解决方案
Fescar 2019 年 1 月,阿里巴巴中间件团队发起了开源项目 Fescar(Fast & EaSy Commit And Rollback),和社区一起共建开源分布式事务解决方案. F ...
ZeroMQ，史上最快的消息队列
一.ZMQ 是什么阅读了 ZMQ 的 Guide 文档后,我的理解是,这是个类似于 Socket 的一系列接口,他跟 Socket 的区别是:普通的 socket 是端到端的(1:1的关系),而 Z ...
正则表达式之RegExp对象
1.定义 RegExp对象是原生JavaScript中表示正则表达式的对象:是正则表达式(regular expression)的简写.有一点需要明确知道,正则表达式只能对字符串进行操作. 2.语法 ...
2、【Spark】Spark环境搭建(集群方式)
Spark集群方式搭建结构如图所示,按照主从方式.
JUC-八锁现象和不安全锁
1,被 synchronized 修饰的方法,锁的对象是方法的调用者(实例对象) 2,被 static 修饰的方法,锁的对象就是 Class模板对象,这个则全局唯一问题7: 一个普通同步方法,一个静 ...
探索 Redux4.0 版本迭代论基础谈展望（对比 React context）
Redux 在几天前(2018.04.18)发布了新版本,6 commits 被合入 master.从诞生起,到如今 4.0 版本,Redux 保持了使用层面的平滑过渡.同时前不久, React 也从 ...
centos7搭建ceph集群
一.服务器规划主机名主机IP 磁盘配比角色 node1 public-ip:10.0.0.130cluster-ip:192.168.2.130 sda,sdb,sdcsda是系统盘,另外两块数 ...

abp(net core)+easyui+efcore实现仓储管理系统——入库管理之五(四十一)

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

八 创建InStockController继承自TPLMSControllerBase

九、使用EasyUI创建入库单管理页面

abp(net core)+easyui+efcore实现仓储管理系统——入库管理之五(四十一)的更多相关文章

随机推荐

热门专题

八创建InStockController继承自TPLMSControllerBase