学习: 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生成如下代码:

 

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

 

接下来在UI对应的controller中添加对应的Action如 ActionResult AnnounceDetails()

在该action中,将Model层返回的实例添加View()中

 

View Code
 public ActionResult AnnounceDetails()
        {
            IAnnounceInfo announceInfo = new MockAnnounceService();
            var announceDetail = announceInfo.GetDetails(1);
            return View(announceDetail);
        }

 

添加后,点击F5, 查看结果,看到UI正常显示,并返回某一个特定ID的Entity

 

posted @ 2012-10-21 22:17  叶一  阅读(455)  评论(0编辑  收藏  举报