学习: ASP.NET MVC开发入门-UI实现根据查询条件返回Model层的查询结果
UI端显示Mode层的数据时,可选择在view创建时勾选'Create a strongly-typed view',
这样工具自动生成<%%>代码,省去了些敲UI代码的工作。
在 'View data Class' / '中选择Model类中返回Entity实例的名称。
在'View content (empty, create delete, details, empty, list)'中选择了Details,
用来根据查询条件返回的某一条具体的Entity实例。
点击确定后,UI生成如下代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>AnnounceDetails</title>
</head>
<body>
<h2>AnnounceDetails</h2>
<fieldset>
<legend>Fields</legend>
<div class="display-label">ID</div>
<div class="display-field"><%: Model.ID %></div>
<div class="display-label">Title</div>
<div class="display-field"><%: Model.Title %></div>
<div class="display-label">Content</div>
<div class="display-field"><%: Model.Content %></div>
<div class="display-label">Category</div>
<div class="display-field"><%: Model.Category %></div>
</fieldset>
<p>
<%: Html.ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) %> |
<%: Html.ActionLink("Back to List", "Index") %>
</p>
</body>
</html>
<head id="Head1" runat="server">
<title>AnnounceDetails</title>
</head>
<body>
<h2>AnnounceDetails</h2>
<fieldset>
<legend>Fields</legend>
<div class="display-label">ID</div>
<div class="display-field"><%: Model.ID %></div>
<div class="display-label">Title</div>
<div class="display-field"><%: Model.Title %></div>
<div class="display-label">Content</div>
<div class="display-field"><%: Model.Content %></div>
<div class="display-label">Category</div>
<div class="display-field"><%: Model.Category %></div>
</fieldset>
<p>
<%: Html.ActionLink("Edit", "Edit", new { /* id=Model.PrimaryKey */ }) %> |
<%: Html.ActionLink("Back to List", "Index") %>
</p>
</body>
</html>
接下来在UI对应的controller中添加对应的Action如 ActionResult AnnounceDetails()
在该action中,将Model层返回的实例添加View()中
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
public ActionResult AnnounceDetails()
{
IAnnounceInfo announceInfo = new MockAnnounceService();
var announceDetail = announceInfo.GetDetails(1);
return View(announceDetail);
}
{
IAnnounceInfo announceInfo = new MockAnnounceService();
var announceDetail = announceInfo.GetDetails(1);
return View(announceDetail);
}
添加后,点击F5, 查看结果,看到UI正常显示,并返回某一个特定ID的Entity
![](https://images.cnblogs.com/cnblogs_com/myroad/res1.jpg)