abp(net core)+easyui+efcore实现仓储管理系统——供应商管理升级之上(六十三)

有了前面两篇关于升级的文章，组织管理和模块管理，并在升级过程中解决了一些升级中出现的问题。我们对供应商管理这个模块进行升级，这次的升级涉及到前端页面的一些问题。

1.在Visual Studio 2022的解决方案资源管理器中，选中“ABP.TPLMS.Web.Mvc”项目，然后单击鼠标右键，在弹出菜单中选中“设为启动项目”。按F5运行应用程序。

2.在浏览器将呈现登录页面，然后输入管理员用户名进行登录。浏览器跳转到首页面。如下图。

3.在主界面的菜单中，选择“Business->供应商管理”菜单项，浏览器立即报了一个错误。如下图。

4.这是AutoMapper.Mapper方法造成的。这是由于在升级的时候，AutoMapper也升级了。由于NET模型映射器AutoMapper 9.0之后，官方宣称不再支持静态方法调用，之前直接升级编译报错无法使用。我简单的在代码的构造函数中使用注入方式，注入Mapper。现在实际运行时，发现这种方式，如果没有在startup.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.Auditing;

using Abp.Runtime.Validation;

using ABP.TPLMS.Controllers;

using ABP.TPLMS.Suppliers;

using ABP.TPLMS.Suppliers.Dto;

using ABP.TPLMS.Web.Models.Supplier;

using Microsoft.AspNetCore.Mvc;

using Microsoft.EntityFrameworkCore;

// For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860

namespace ABP.TPLMS.Web.Controllers

{

    [AbpMvcAuthorize]

    [Audited]

    public class SupplierController : TPLMSControllerBase

    {

        const int MaxNum= 10;

        // GET: /<controller>/

        [DisableAuditing]

        public async Task<IActionResult> Index()

        {

            SupplierDto cuModule=null;

            var module = (await _supplierAppService.GetAllAsync(new PagedSupplierResultRequestDto { MaxResultCount = MaxNum })).Items; // Paging not implemented yet

            if (module.Count>0)

            {

                cuModule = module.First();

            }

            var model = new SupplierListViewModel

            {

                Supplier = cuModule,

                Suppliers=module

            };

            return View(model);

        }

        private readonly ISupplierAppService _supplierAppService;

        AutoMapper.Mapper m_map;

        public SupplierController(ISupplierAppService supplierAppService,AutoMapper.Mapper map)

        {

            _supplierAppService = supplierAppService;

            m_map = map;

        }

        public async Task<ActionResult> EditSupplierModal(int supplierId)

        {

            var module = await _supplierAppService.GetAsync(new EntityDto<int>(supplierId));

            CreateUpdateSupplierDto cuSupplier = m_map.Map<CreateUpdateSupplierDto>(module);

            var model = new EditSupplierModalViewModel

            {

                Supplier = cuSupplier

            };

            return View("_EditSupplierModal", model);

        }

    }

}

5.幸好发现有一个ABP.ObjectMapper.Map方法可以使用，我们将代码修改为：

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.Auditing;

using Abp.Runtime.Validation;

using ABP.TPLMS.Controllers;

using ABP.TPLMS.Suppliers;

using ABP.TPLMS.Suppliers.Dto;

using ABP.TPLMS.Web.Models.Supplier;

using Microsoft.AspNetCore.Mvc;

using Microsoft.EntityFrameworkCore;

// For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860

namespace ABP.TPLMS.Web.Controllers

{

    [AbpMvcAuthorize]

    [Audited]

    public class SupplierController : TPLMSControllerBase

    {

        const int MaxNum= 10;

        // GET: /<controller>/

        [DisableAuditing]

        public async Task<IActionResult> Index()

        {

            SupplierDto cuModule=null;

            var module = (await _supplierAppService.GetAllAsync(new PagedSupplierResultRequestDto { MaxResultCount = MaxNum })).Items; // Paging not implemented yet

            if (module.Count>0)

            {

                cuModule = module.First();

            }

            var model = new SupplierListViewModel

            {

                Supplier = cuModule,

                Suppliers=module

            };

            return View(model);

        }

        private readonly ISupplierAppService _supplierAppService;

        public SupplierController(ISupplierAppService supplierAppService)

        {

            _supplierAppService = supplierAppService;

        }

        public async Task<ActionResult> EditSupplierModal(int supplierId)

        {

            var module = await _supplierAppService.GetAsync(new EntityDto<int>(supplierId));

            CreateUpdateSupplierDto cuSupplier = ObjectMapper.Map<CreateUpdateSupplierDto>(module);

            var model = new EditSupplierModalViewModel

            {

                Supplier = cuSupplier

            };

           return View("_EditSupplierModal", model);

        }

}

}

6.在Visual Studio 2022的解决方案资源管理器，按F5运行应用程序。

7.在浏览器将呈现登录页面，然后输入管理员用户名进行登录。浏览器跳转到首页面，在主界面的菜单中，选择“Business->供应商管理”菜单项，浏览器中呈现一个供应商信息列表页面，我们发现此页面的顶部与右边的菜单部分缺失css，样式不好看。如下图。

8. 在Visual Studio 2017的“解决方案资源管理器”中，右键单击在领域层“ABP.TPLMS.Web.Mvc”项目中的Views\Supplier目录。找到Index.cshmtl文件，修改顶部的代码与按钮的代码。具体代码如下：

@using ABP.TPLMS.Web.Startup

@model ABP.TPLMS.Web.Models.Supplier.SupplierListViewModel

@{

    ViewData["Title"] = PageNames.Supplier;

}

@section scripts

    {

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

}

<section class="content-header">

    <div class="container-fluid">

        <div class="row">

            <div class="col-sm-6">

                <h1>@L("Supplier")</h1>

            </div>

            <div class="col-sm-4 text-sm-right">

                <a id="RefreshButton" href="javascript:void(0);"><i class="fas fa-redo-alt"></i></a>

            </div>

            <div class="col-sm-2">

                <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="fa fa-plus-square">Add</i>

                </button>

            </div>

        </div>

    </div>

</section>

<div class="row clearfix">

    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

        <div class="card">

            <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 >

                                    <a href="#" class="btn btn-sm bg-secondary edit-supplier" data-supplier-id="@item.Id" 
data-toggle="modal" data-target="#SupplierEditModal"><i class="fas fa-pencil-alt"></i>@L("Edit")</a>

                                    <a href="#" class="btn btn-sm bg-danger delete-supplier" data-supplier-id="@item.Id" 
data-supplier-name="@item.Name"><i class="fas fa-trash"></i>@L("Delete")</a>

                                </td>

                            </tr>

                        }

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

<div class="modal fade" id="SupplierCreateModal" tabindex="-1" role="dialog" aria-labelledby="SupplierCreateModalLabel" 
data-backdrop="static">

    <div class="modal-dialog" role="document">

        <div class="modal-content">

            <div class="modal-header">

                <h4 class="modal-title">

                    <span>@L("CreateNewSupplier")</span>

                </h4>

            </div>

            <div class="modal-body">

                <form name="SupplierCreateForm" role="form" class="form-validation">

                    <div>

                        <div class="row clearfix">

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                       <label asp-for="@Model.Supplier.Code" class="form-label"></label>

                                        <input type="text" name="Code" class="form-control" required maxlength="50" />

                                    </div>

                                </div>

                            </div>

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.Name" class="form-label"></label>

                                        <input type="text" name="Name" class="form-control" required maxlength="50" />

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-12">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.Address" class="form-label"></label>

                                        <input type="text" name="Address" class="form-control" required maxlength="255" />

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.LinkName" class="form-label"></label>

                                        <input type="text" name="LinkName" class="form-control" />

                                    </div>

                                </div>

                            </div>

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.Mobile" class="form-label"></label>

                                        <input type="text" name="Mobile" class="form-control" />

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.Tel" class="form-label"></label>

                                        <input type="text" name="Tel" class="form-control" required maxlength="255" />

                                    </div>

                                </div>

                            </div>

                            <div class="col-sm-6">

                                <div class="form-group form-float">

                                    <div class="form-line">

                                        <label asp-for="@Model.Supplier.Status" class="form-label"></label>

                                        <input type="text" name="Status" class="form-control" />

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row clearfix">

                            <div class="col-sm-6">

                                <div class="form-line">

                                    <label asp-for="@Model.Supplier.Sex"></label>

                                    <input name="Sex" type="text" class="form-control" />

                                </div>

                            </div>

                            <div class="col-sm-6">

                                <div class="form-line">

                                    <label asp-for="@Model.Supplier.Email"></label>

                                    <input name="Email" type="text" class="form-control" />

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">@L("Cancel")</button>

                        <button type="submit" class="btn btn-primary waves-effect">@L("Save")</button>

                    </div>

                </form>

            </div>

        </div>

    </div>

</div>

<div class="modal fade" id="SupplierEditModal" tabindex="-1" role="dialog" aria-labelledby="SupplierEditModalLabel" 
data-backdrop="static">

    <div class="modal-dialog" role="document">

        <div class="modal-content">

        </div>

    </div>

</div>

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实现仓储管理系统——使用 WEBAPI实现CURD (十三)
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实现仓储管理系统——使用 WEBAPI实现CURD (十四)
abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...
abp(net core)+easyui+efcore实现仓储管理系统——使用 WEBAPI实现CURD (十五)
core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+easyui+e ...
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总体介绍(一) abp(net core)+easyui+efcore实现仓储管理系统——解决方案 ...
abp(net core)+easyui+efcore实现仓储管理系统——EasyUI前端页面框架 (十八)
目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+easyui+efcore实现仓储管理系统——解决方案介绍(二) ab ...
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)+ ...

随机推荐

Weblogic禁用不安全的http请求
参考链接: https://blog.csdn.net/linfanhehe/article/details/78470733
1.1 [zabbix5.4]-部署
一.从容器安装 1.0 官网 https://www.zabbix.com/documentation/5.0/zh/manual/installation/containers # 官方文档 h ...
Spring5 feamework modules
一.Spring框架的组成由 core container(核心容器) Data Access and DataIntegration(数据读取和数据整合) web AOP(面向切面编程) Inst ...
IBM MQ 配置SSL 连接
图示为思路: 下面介绍具体的步骤参考文档: https://www.jianshu.com/p/2865965a42d9 http://www.hackdig.com/?01/hack-7976.h ...
后台运行&和nohup使用
这里首先先介绍一下 ctrl+z bg fg jobs 命令下面为了观察效果,test1.sh脚本不停的输出hello ctrl + z ,会使一个正在运行的进程挂起(暂停)到后台,而且执行jobs ...
ElementPlus 表单 resetFields 无效问题解决方法
最近在写一个项目,一个表单递交或者使用resetFields关闭后,再打开,原来的值还存在,后查了一下网上的方法,确定是el-form-item,必须要加prop,其值要与model相同,此问题得到完 ...
K8S 性能优化 - 大型集群 CIDR 配置
前言 K8S 性能优化系列文章,本文为第三篇:Kubernetes 大型集群 CIDR 配置最佳实践. 系列文章: <K8S 性能优化 - OS sysctl 调优> <K8S 性能 ...
Spring-设计模式
1.1开闭原则开闭原则(open-closed principle,OCP)是指一个软件实体(如类,模块和函数)应该对扩展开放,对修改关闭.所谓的开闭,也正是对扩展和修改两个行为的一个原则. 强调用 ...
SpringBoot笔记--自动配置（高级内容）（中集）
@Enable*注解使用该注解,需要导入相应的依赖坐标,其中的groupId标签里面写入Bean的Java文件所在的包的路径下面 spring-enable-other 还需要在SpringBoot ...
Maven学习笔记1：Maven基本介绍和安装配置
一.认识Maven 官网 http://maven.apache.org/ 上面有最权威的说明,其中包括下载.安装.运行示例,但是是英文版的. Maven是什么 Maven是一个项目管理工具. 它有何 ...

abp(net core)+easyui+efcore实现仓储管理系统——供应商管理升级之上(六十三)

abp(net core)+easyui+efcore实现仓储管理系统——供应商管理升级之上(六十三)的更多相关文章

随机推荐

热门专题