abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——使用 WEBAPI實(shí)現(xiàn)CURD (十三)

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)目錄
<https://www.cnblogs.com/chillsrc/p/11231284.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——ABP總體介紹(一）
<https://www.cnblogs.com/chillsrc/p/10913047.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——解決方案介紹(二)
<https://www.cnblogs.com/chillsrc/p/10944870.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——領(lǐng)域?qū)觿?chuàng)建實(shí)體(三)
<https://www.cnblogs.com/chillsrc/p/10980974.html>

?abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——定義倉(cāng)儲(chǔ)并實(shí)現(xiàn) (四)
<https://www.cnblogs.com/chillsrc/p/11024357.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——?jiǎng)?chuàng)建應(yīng)用服務(wù)（五）
<https://www.cnblogs.com/chillsrc/p/11065667.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——展現(xiàn)層實(shí)現(xiàn)增刪改查之控制器（六）
<https://www.cnblogs.com/chillsrc/p/11096690.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——展現(xiàn)層實(shí)現(xiàn)增刪改查之列表視圖（七）
<https://www.cnblogs.com/chillsrc/p/11124614.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——展現(xiàn)層實(shí)現(xiàn)增刪改查之增刪改視圖（八）
<https://www.cnblogs.com/chillsrc/p/11159642.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——展現(xiàn)層實(shí)現(xiàn)增刪改查之菜單與測(cè)試（九）
<https://www.cnblogs.com/chillsrc/p/11195189.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——多語(yǔ)言（十）
<https://www.cnblogs.com/chillsrc/p/11231265.html>

abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——使用 WEBAPI實(shí)現(xiàn)CURD (十一)
<https://www.cnblogs.com/chillsrc/p/11269737.html>

?abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——使用 WEBAPI實(shí)現(xiàn)CURD (十二)
<https://www.cnblogs.com/chillsrc/p/11303125.html>

?

上接(abp(net core)+easyui+efcore實(shí)現(xiàn)倉(cāng)儲(chǔ)管理系統(tǒng)——使用 WEBAPI實(shí)現(xiàn)CURD (十二)
<https://www.cnblogs.com/chillsrc/p/11303125.html>)，在這一篇文章中我們創(chuàng)建視圖模型、列表視圖、添加菜單。

?

六、創(chuàng)建視圖模型

???? 1) 在Visual Studio
2017的“解決方案資源管理器”中，右鍵單擊在領(lǐng)域?qū)印癆BP.TPLMS.Web.Mvc”項(xiàng)目中的Models目錄。 選擇“添加” >
“新建文件夾”。并將文件夾命名為“Supplier”。

???? 2) 鼠標(biāo)右鍵單擊“Supplier”文件夾，然后選擇“添加” > “類(lèi)”。 將類(lèi)命名為
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) 鼠標(biāo)右鍵單擊“Supplier”文件夾，然后選擇“添加” > “類(lèi)”。 將類(lèi)命名為 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; } } }
?

七、創(chuàng)建列表視圖

?????
我們參考“ABP.TPLMS.Web.Mvc”項(xiàng)目中的Views\Users目錄中的Index.cshtml文件，來(lái)編寫(xiě)我們的Supplier的列表頁(yè)面。

???? 1. 在Visual Studio
2017的“解決方案資源管理器”中，右鍵單擊在展現(xiàn)層“ABP.TPLMS.Web.Mvc”項(xiàng)目中的Views目錄。 選擇“添加” >
“新建文件夾”。并重命名為“Supplier”。

????? 2. 在Visual Studio 2017的“解決方案資源管理器”中，鼠標(biāo)右鍵單擊“Supplier”文件夾，然后選擇“添加” >
“新建項(xiàng)…”。 在“添加新項(xiàng)-ABP.TPLMS.Web.Mvc”對(duì)話(huà)框中，選擇“Razor視圖”，并將名稱(chēng)命名為Index.cshmtl。

???? 3. 在Index視圖中，我們通過(guò)循環(huán)遍歷，輸出模塊信息。代碼如下。
@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的“解決方案資源管理器”中，打開(kāi)單擊在展示層“ABP.TPLMS.Web.Mvc”項(xiàng)目中的Startup目錄。
找到TPLMSNavigationProvider.cs文件。如下圖。

?

?????? 2. 在Visual Studio
2017的“解決方案資源管理器”中，打開(kāi)TPLMSNavigationProvider.cs文件，此文件就是ABP系統(tǒng)的菜單文件，我們進(jìn)行如下修改，添加一個(gè)新的菜單Supplier。如下圖。

?

???
.AddItem( new MenuItemDefinition( PageNames.Supplier, L("Supplier"), url: "
Supplier", icon: "people" ) )
???? 3.在Visual Studio 2017中按F5運(yùn)行應(yīng)用程序。登錄之后，點(diǎn)擊“Supplier”目錄，我們可以看到供應(yīng)商列表頁(yè)面。如下圖。

?

?

• ? 上一篇：40 篇原創(chuàng)干貨，帶你進(jìn)入 Spring Boot 殿堂！
• ? 下一篇：【Python3爬蟲(chóng)】當(dāng)爬蟲(chóng)碰到表單提交，有點(diǎn)意思