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

深碍√TFBOYSˉ_ 2023-06-12 11:24 7阅读 0赞

### [abp(net core)+easyui+efcore实现仓储管理系统目录][abp_net core_easyui_efcore] ###

[abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一）][abp_net core_easyui_efcore_ABP]

[abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)][abp_net core_easyui_efcore 1]

[abp(net core)+easyui+efcore实现仓储管理系统——领域层创建实体(三)][abp_net core_easyui_efcore 2]

[abp(net core)+easyui+efcore实现仓储管理系统——定义仓储并实现 (四)][abp_net core_easyui_efcore_]

[abp(net core)+easyui+efcore实现仓储管理系统——创建应用服务（五）][abp_net core_easyui_efcore 3]

[abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之控制器（六）][abp_net core_easyui_efcore 4]

[abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之列表视图（七）][abp_net core_easyui_efcore 5]

[abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之增删改视图（八）][abp_net core_easyui_efcore 6]

[abp(net core)+easyui+efcore实现仓储管理系统——展现层实现增删改查之菜单与测试（九）][abp_net core_easyui_efcore 7]

[abp(net core)+easyui+efcore实现仓储管理系统——多语言（十）][abp_net core_easyui_efcore 8]

[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之货物管理一 (十九) ][abp_net core_easyui_efcore_EasyUI_ _ 1]

[abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理二 (二十) ][abp_net core_easyui_efcore_EasyUI_ _ 2]

[ abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理三 (二十一) ][abp_net core_easyui_efcore_EasyUI_ _ 3]

[ abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理四 (二十二) ][abp_net core_easyui_efcore_EasyUI_ _ 4]

[abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理五 (二十三) ][abp_net core_easyui_efcore_EasyUI_ _ 5]

[ abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理六(二十四) ][abp_net core_easyui_efcore_EasyUI_]

[ abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理七(二十五) ][abp_net core_easyui_efcore_EasyUI_ 1]

从篇[ abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八) ][abp_net core_easyui_efcore_EasyUI_ _]至[abp(net core)+easyui+efcore实现仓储管理系统——EasyUI之货物管理七(二十五) ][abp_net core_easyui_efcore_EasyUI_ 1]为止，我们已经通过EasyUI完成了货物信息管理的增删改功能基本实现。现在我们来完成查询功能。

**十七、查询货物信息**

1. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Views\\Cargo目录。 找到Index.cshmtl文件，添加一个查询条件相关代码。如下图。

具体代码如下：

2.在Visual Studio 2017的“解决方案资源管理器”中，右键单击“ABP.TPLMS.Application”项目的 “Cargos”文件夹中，找到Paged CargoResultRequestDto.cs文件，添加查询条件属性。代码如下。

public class PagedCargoResultRequestDto : PagedResultRequestDto
        {
            public string Keyword { get; set; }
            public string CargoName { get; set; }
            public string CargoCode { get; set; }
            public string HsCode { get; set; }
        }
    }

3. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Controller目录。找到“CargoController.cs”文件。如下图。

具体代码如下：

[DontWrapResult]
            [HttpPost]
            public string 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;
                paged.CargoName = Request.Form["Name"].ToString();
                paged.CargoCode = Request.Form["Code"].ToString();
                paged.HsCode = Request.Form["HsCode"].ToString(); 
    
                var userList = _cargoAppService.GetAll(paged).GetAwaiter().GetResult().Items;
                int total = _cargoAppService.GetAll(paged).GetAwaiter().GetResult().TotalCount; //1000;
                var json = JsonEasyUI(userList,total);
                return json;
            }

4. 在Visual Studio 2017的“解决方案资源管理器”中，找到领域层“ABP.TPLMS.Web.Mvc”项目中的wwwroot目录下的view-resources\\Cargo文件夹下，找到cargomgr.js文件，在工具栏(toolbar)中添加查询条件。如下图画框处。

5.在cargomgr.js文件添加一个查询方法Search，代码如下。

function Search() {
        var _$form = $('form[name=searchform]');
        var params = _$form.serializeFormToObject();
        $('#dgCargo').datagrid({ queryParams:params});
    }

6.在Visual Studio 2017中按F5运行应用程序。

7.在浏览器中的地址栏中输入“http://localhost:5000/”，然后输入管理员用户名进行登录。

8.在主界面的菜单中，选择“Business->货物管理”菜单项，浏览器中呈现一个带查询条件的货物信息列表与四个按钮。如下图。 ![www.wityx.com][]

9.在“货物代码”查询条件中输入“A”，然后点击“查询”按钮，然而查询结果没有变化。如下图。 ![www.wityx.com][www.wityx.com 1]

10. 在“商品编码”查询条件中输入“8548900010”，然后点击“查询”按钮，然而查询结果没有变化。如下图。 ![www.wityx.com][www.wityx.com 2]

11.通过上面的两次测试，发现查询没有起到作用。输入查询条件，还是查询出了所有记录。接下来我们来把查询条件添加到查询方法中。在Visual Studio 2017的“解决方案资源管理器”中，右键单击“ABP.TPLMS.Application”项目的 “Cargos”文件夹中，找到`CargoAppService.cs``文件`。重写CreateFilteredQuery方法。代码如下。

protected override IQueryable<Cargo> CreateFilteredQuery(PagedCargoResultRequestDto input)
            {
    
                return base.CreateFilteredQuery(input)
                     .Where(t => t.CargoName.Contains(input.CargoName))
                     .Where(t => t.CargoCode.Contains(input.CargoCode))
                     .Where(t => t.HSCode.Contains(input.HsCode))
                     ;
            }

12. 重复上面的第6、7、8步。然后在“货物代码”查询条件中输入“a”，然后点击“查询”按钮，然而查询出所有货物代码中有“a”的货物信息。如下图。

![www.wityx.com][www.wityx.com 3]

13.在“商品编码”查询条件中输入“1100120000”，然后点击“查询”按钮，然而查询出所有“商品编码”中有“1100120000”的货物信息。如下图。

14.在“商品名称”查询条件中输入“触摸屏”，然后点击“查询”按钮，然而查询出所有“商品名称”中有“触摸屏”的货物信息。如下图。

15.在“商品名称”查询条件中输入“触摸屏”，然后点击“查询”按钮，然而查询出所有“商品名称”中有“触摸屏”的货物信息，然后点击翻页。如下图。

至此，通过EasyUI进行增删改查的功能已经全部实现。

[abp_net core_easyui_efcore]: https://www.cnblogs.com/chillsrc/p/11231284.html
[abp_net core_easyui_efcore_ABP]: https://www.cnblogs.com/chillsrc/p/10913047.html
[abp_net core_easyui_efcore 1]: https://www.cnblogs.com/chillsrc/p/10944870.html
[abp_net core_easyui_efcore 2]: https://www.cnblogs.com/chillsrc/p/10980974.html
[abp_net core_easyui_efcore_]: https://www.cnblogs.com/chillsrc/p/11024357.html
[abp_net core_easyui_efcore 3]: https://www.cnblogs.com/chillsrc/p/11065667.html
[abp_net core_easyui_efcore 4]: https://www.cnblogs.com/chillsrc/p/11096690.html
[abp_net core_easyui_efcore 5]: https://www.cnblogs.com/chillsrc/p/11124614.html
[abp_net core_easyui_efcore 6]: https://www.cnblogs.com/chillsrc/p/11159642.html
[abp_net core_easyui_efcore 7]: https://www.cnblogs.com/chillsrc/p/11195189.html
[abp_net core_easyui_efcore 8]: https://www.cnblogs.com/chillsrc/p/11231265.html
[abp_net core_easyui_efcore_ WEBAPI_CURD]: https://www.cnblogs.com/chillsrc/p/11269737.html
[abp_net core_easyui_efcore_-_ _]: https://www.cnblogs.com/chillsrc/p/11448287.html
[abp_net core_easyui_efcore_EasyUI_ _]: https://www.cnblogs.com/chillsrc/p/11533414.html
[abp_net core_easyui_efcore_EasyUI_ _ 1]: https://www.cnblogs.com/chillsrc/p/11573043.html
[abp_net core_easyui_efcore_EasyUI_ _ 2]: https://www.cnblogs.com/chillsrc/p/11606969.html
[abp_net core_easyui_efcore_EasyUI_ _ 3]: https://www.cnblogs.com/chillsrc/p/11642618.html
[abp_net core_easyui_efcore_EasyUI_ _ 4]: https://www.cnblogs.com/chillsrc/p/11679387.html
[abp_net core_easyui_efcore_EasyUI_ _ 5]: https://www.cnblogs.com/chillsrc/p/11718891.html
[abp_net core_easyui_efcore_EasyUI_]: https://www.cnblogs.com/chillsrc/p/11770233.html
[abp_net core_easyui_efcore_EasyUI_ 1]: https://www.cnblogs.com/chillsrc/p/11804797.html
[www.wityx.com]: https://img2018.cnblogs.com/blog/10343/201911/10343-20191112151511913-1181733245.png
[www.wityx.com 1]: https://img2018.cnblogs.com/blog/10343/201911/10343-20191112151549062-714298569.png
[www.wityx.com 2]: https://img2018.cnblogs.com/blog/10343/201911/10343-20191112151603491-1998254891.png
[www.wityx.com 3]: https://img2018.cnblogs.com/blog/10343/201911/10343-20191112151734805-1277483082.png