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”目錄，我們可以看到供應商列表頁面。如下圖。

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

Spring Boot 2.X 如何快速整合jpa？

本文目錄一、JPA介紹二、Spring Data JPA類結構圖1、類的結構關係圖三、代碼實現1、添加對應的Starter2、添加連接資料庫的配置3、主要代碼一、JPA介紹 JPA是Java Persistence API的簡稱，中文名Java持久層API，是JDK 5.0註解或XML描述對象－ ...
python day2-爬蟲實現github登錄

GitHub登錄分析登錄頁面開發者工具分析請求從session請求分析得知： 1.請求的URL為：https://github.com/session 2.該請求為post請求，即需要上傳data表單，所以我們需要分析form-data 由form-data分析得知： 1.login：GitH ...
伺服器免密碼登錄

伺服器數量過多，每次採用ip+埠輸入密碼的方式登錄比較繁瑣，就採用了免密碼和埠登錄。普通登錄方式： ssh p 27479 [email protected] 更換免密碼登錄：本地操作：本地的公鑰位置： ~/.ssh/id_rsa.pub ~/.ssh目錄下創建一個config文件， ...
[Spring cloud 一步步實現廣告系統] 17. 根據流量類型查詢廣告

廣告檢索服務功能介紹媒體方（手機APP打開的展示廣告，走在路上看到的大屏幕廣告等等）請求數據對象實現從上圖我們可以看出，在媒體方向我們的廣告檢索系統發起請求的時候，請求中會有很多的請求參數信息，他們分為了三個部分，我們來編碼封裝這幾個參數對象信息以及我們請求本身的信息。Let's code. ...
小白之旅30-1

Filter 過濾器概念：當訪問伺服器的某些資源時，過濾器可以將請求先進行攔截，在完成了一定的特殊功能後，可以讓此請求繼續執行。一. 實現步驟 1、實現Filter介面 2、重寫方法 3、配置web.xml 二. 過濾器的url配置完全匹配：攔截指定資源擴展名匹配： .擴展名，攔截指定尾碼的 ...
線程和偏向鎖、輕量級鎖、重量級鎖的知識整理

xl_echo編輯整理，歡迎轉載，轉載請聲明文章來源。歡迎添加echo微信(微信號：t2421499075)交流學習。百戰不敗，依不自稱常勝，百敗不頹，依能奮力前行。——這才是真正的堪稱強大！！參考文章列表： "Java併發編程：Synchronized底層優化（偏向鎖、輕量級鎖）" "輕量級鎖 ...
asp.net core EF code first

以連接mysql資料庫為例一安裝組件 Microsoft.EntityFrameworkCore Microsoft.EntityFrameworkCore.Relational Microsoft.EntityFrameworkCore.Tools MySqlConnector Pomelo. ...
工作流設計過程

1.業務場景：用戶登錄，收到消息通知，審批業務，根據配置的流程繼續流轉，最終審核發送回給申請人(終審同意結束，終審不同意申請人可以繼續修改提交)。 2.思路過程： 3..資料庫設計： 4.代碼過程： ...