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 (十二)),在这一篇文章中我们创建视图模型、列表视图、添加菜单。

六、创建视图模型

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

2) 鼠标右键单击“Supplier”文件夹,然后选择“添加” > “类”。 将类命名为 EditSupplierModalViewModel,代码如下。

using System.Collections.Generic;
using System.Linq;
using ABP.TPLMS.Modules.Dto;namespace ABP.TPLMS.Web.Models. Supplier
{public class EditSupplierModalViewModel{public CreateUpdateSupplierDto  Supplier { get; set; }    }
}

3) 鼠标右键单击“Supplier”文件夹,然后选择“添加” > “类”。 将类命名为 SupplierListViewModel,代码如下。

using System.Collections.Generic;
using ABP.TPLMS.Suppliers.Dto; namespace ABP.TPLMS.Web.Models.Supplier
{public class SupplierListViewModel{public SupplierDto Supplier { get; set; }public IReadOnlyList<SupplierDto> Suppliers { get; set; } }
}

七、创建列表视图

我们参考“ABP.TPLMS.Web.Mvc”项目中的Views\Users目录中的Index.cshtml文件,来编写我们的Supplier的列表页面。

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

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

3. 在Index视图中,我们通过循环遍历,输出模块信息。代码如下。

@using ABP.TPLMS.Web.Startup
@model ABP.TPLMS.Web.Models.Supplier.SupplierListViewModel @{ViewData["Title"] = PageNames.Supplier;
} <div class="row clearfix"><div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><div class="card"><div class="header"><h2>@L("Supplier")</h2><button type="button" class="btn btn-primary btn-circle waves-effect waves-circle waves-float pull-right" data-toggle="modal" data-target="#SupplierCreateModal"><i class="material-icons">add</i></button><ul class="header-dropdown m-r--5"><li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="material-icons">more_vert</i></a><ul class="dropdown-menu pull-right"><li><a id="RefreshButton" href="javascript:void(0);" class="waves-effect waves-block"><i class="material-icons">refresh</i>@L("Refresh")</a></li></ul></li></ul></div><div class="body table-responsive"><table class="table"><thead><tr><th>@Html.DisplayNameFor(model => model.Supplier.Code)</th><th>@Html.DisplayNameFor(model => model.Supplier.Name)</th><th>@Html.DisplayNameFor(model => model.Supplier.LinkName)</th><th>@Html.DisplayNameFor(model => model.Supplier.Mobile)</th><th>@Html.DisplayNameFor(model => model.Supplier.Address)</th><th>@Html.DisplayNameFor(model => model.Supplier.Tel)</th><th>@Html.DisplayNameFor(model => model.Supplier.Status)</th><th></th></tr></thead><tbody>@foreach (var item in Model.Suppliers){<tr><td>@Html.DisplayFor(modelItem => item.Code)</td><td>@Html.DisplayFor(modelItem => item.Name)</td><td>@Html.DisplayFor(modelItem => item.LinkName)</td><td>@Html.DisplayFor(modelItem => item.Mobile)</td><td>@Html.DisplayFor(modelItem => item.Address)</td><td>@Html.DisplayFor(modelItem => item.Tel)</td><td>@Html.DisplayFor(modelItem => item.Status)</td><td class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="material-icons">menu</i></a><ul class="dropdown-menu pull-right">                             <li><a href="#" class="waves-effect waves-block edit-supplier" data-supplier-id="@item.Id" data-toggle="modal" data-target="#SupplierEditModal"><i class="material-icons">edit</i>@L("Edit")</a></li><li><a href="#" class="waves-effect waves-block delete-supplier" data-supplier-id="@item.Id" data-module-name="@item.Name"><i class="material-icons">delete_sweep</i>@L("Delete")</a></li></ul></td></tr>}</tbody></table>                </div></div></div>
</div>

八、添加菜单

1. 在Visual Studio 2017的“解决方案资源管理器”中,打开单击在展示层“ABP.TPLMS.Web.Mvc”项目中的Startup目录。 找到TPLMSNavigationProvider.cs文件。如下图。

2. 在Visual Studio 2017的“解决方案资源管理器”中,打开TPLMSNavigationProvider.cs文件,此文件就是ABP系统的菜单文件,我们进行如下修改,添加一个新的菜单Supplier。如下图。

 .AddItem(new MenuItemDefinition(PageNames.Supplier,L("Supplier"),url: "Supplier",icon: "people"))

3.在Visual Studio 2017中按F5运行应用程序。登录之后,点击“Supplier”目录,我们可以看到供应商列表页面。如下图。

转载于:https://www.cnblogs.com/chillsrc/p/11341288.html

abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十三)相关推荐

  1. abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之六(三十二)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统--ABP总体介绍(一) abp(net core)+ ...

  2. abp(net core)+easyui+efcore实现仓储管理系统——入库管理之一(三十七)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统--ABP总体介绍(一) abp(net core)+ ...

  3. abp(net core)+easyui+efcore实现仓储管理系统——出库管理之一(四十九)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统--ABP总体介绍(一) abp(net core)+ ...

  4. abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二)

    abp(net core)+easyui+efcore实现仓储管理系统--解决方案介绍(二) 参考文章: (1)abp(net core)+easyui+efcore实现仓储管理系统--解决方案介绍( ...

  5. abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一)

    在前面我已经介绍了ASP.NET MVC.ASP.NET Razor.WEBAPI等技术.我准备通过一个实践项目来整体应用一下之前介绍的技术.本系列是介绍基于ABP+EasyUI的Web开发框架的形成 ...

  6. 2022-2028年中国仓储管理系统行业市场深度分析及投资前景展望报告

    报告类型:产业研究 报告格式:电子版.纸介版 出品单位:智研咨询-产业信息网 仓储管理系统(WMS)是一个实时的计算机软件系统,它能够按照运作的业务规则和运算法则,对信息.资源.行为.存货和分销运作进 ...

  7. Java练手项目1:基于RFID的图书仓储管理系统(可做毕设)

    一.系统概述 基于RFID的图书仓储管理系统的设计以物联网的三层架构思想为理念,实现了图书仓储的入库.盘点.出库.查询等功能,从图书信息采集到数据传输处理再到数据应用,有效的提高了图书仓储的管理效率, ...

  8. Asp.Net Core 项目实战之权限管理系统(0) 无中生有

    0 Asp.Net Core 项目实战之权限管理系统(0) 无中生有 1 Asp.Net Core 项目实战之权限管理系统(1) 使用AdminLTE搭建前端 2 Asp.Net Core 项目实战之 ...

  9. WMS智能仓储管理系统源码 SpringMVC物流仓库管理系统源码

    淘源码:国内知名的源码免费下载平台 需要源码学习可私信我. 系统介绍: 基于SpringMVC+Hibernat+Minidao(类Mybatis)+Easyui(UI库)+ Jquery + Boo ...

  10. 【计算机毕业设计】冷冻仓储管理系统

    一.系统截图(需要演示视频可以私聊) 摘 要 随着互联网时代的到来,同时计算机网络技术高速发展,网络管理运用也变得越来越广泛.因此,建立一个B/S结构的冷冻仓储管理系统,会使冷冻仓储管理系统工作系统化 ...

最新文章

  1. MySQL8.0 - 新特性 - Instant Add Column
  2. MySQL 备份和恢复策略(二)
  3. 电视机原理图_电工电气,如何看电气原理图和接线图,如何设计图纸?
  4. makefile文件的书写规则(make和makefile)
  5. Delphi获得计算机系统配置,用Delphi获取本地计算机名称和IP地址
  6. JVM学习--(二)内存模型、可见性、指令重排序
  7. linux Pci字符驱动基本加载流程
  8. java 日期 相差的天数_JAVA计算两个日期之间相差的天数
  9. oracle时间差转换成小时分钟,oracle 时间差 具体到天:小时:分
  10. 矩阵分解:奇异值分解(SVD)详解
  11. Java虚拟机工作原理详解 (一)
  12. vue 初识MVC与MVVM,及其与vue基本代码之间的关系
  13. 阿里巴巴与小毛驴的故事——贪心算法
  14. 祝各位朋友开工顺利,业务蒸蒸日上
  15. SIM900A 通过RS232串口进行短信的发送。
  16. 计算机三员运维机构,网络安全中的“三员”管理
  17. 必读开发规范之阿里巴巴开发手册(个人整理版)
  18. 设计网站如何提高版式的设计水平?
  19. 化合物修饰壳聚糖水凝胶:丙烯酸接枝/聚乙烯醇/温敏淫羊藿苷/醛-亚胺-壳聚糖水凝胶的制备
  20. 安装andriod studio的过程中遇到的问题

热门文章

  1. python数据结构-列表-1
  2. Linux中关机,重启,注销命令
  3. concurrenthashmap为什么是线程安全_为什么 StringBuilder 不是线程安全的?
  4. 经典神经网络 -- DenseNet : 设计原理与pytorch实现
  5. 安卓手机定时启动钉钉_钉钉自动打卡辅助神器
  6. cas 单点登录_松哥手把手教你入门 Spring Boot + CAS 单点登录
  7. pytorch visdom可视化工具学习—1—详细使用-3-Generic Plots和Others
  8. mysql 原理 ~ 并行复制
  9. linux启动 mongo 不了问题
  10. github仓库主页介绍