ASP.NET ZERO 学习 —— (13) 应用开发Demo之页面呈现Person数据

使用 MVC Controller调用 GETPEOPLE 方法

现在是时候使用PhoneBookController 来获取People数据并显示在视图上了。

    public class PhoneBookController : AbpZeroTemplateControllerBase    {        private readonly IPersonAppService _personAppService;        public PhoneBookController(IPersonAppService personAppService)        {            this._personAppService = personAppService;        }        // GET: Mpa/PhoneBook        public ActionResult Index(GetPeopleInput input)        {            var output = this._personAppService.GetPeople(input);            var model = new IndexViewModel(output);            return View(model);        }    }

我们注入了IPersonAppService 并调用GetPeople方法来获取Person列表。然后我们创建一个ViewModel对象并传递至视图层。下面是IndexViewModel类

    [AutoMapFrom(typeof(ListResultDto<PersonListDto>))]    public class IndexViewModel : ListResultDto<PersonListDto>    {        public IndexViewModel(ListResultDto<PersonListDto> output)        {            output.MapTo(this);        }    }

这里，我们扩展了PersonAppService.GetPeople 方法的输出。通过构造函数获取输出并映射这个对象。我们如要使用映射，需要添加AutoMapFrom属性。

应用服务和ViewModels

我们创建应用服务（PersonAppService）并通过Controller来使用它。相对的，我们也可以通过Controller直接调用Repository，完全不使用应用服务。ASP.NET Zero在这里没有对架构做任何强制性要求，我们在SPA和MPA都使用了应用层（应用服务和DTOs）。因此，我们独立于ASP.NET MVC进行了实现，这使得应用层可以重复适用于不同的展示层。但是，如果你只会开发ASP.NET MVC，你可以在Controller里实现应用逻辑和访问Repository，这可能会简化你的架构和开发模式。

在MVC View中呈现 People

我们在页面上展示People是最基本的表单。见下面代码：

@using MyCompanyName.AbpZeroTemplate.Web.Navigation@model MyCompanyName.AbpZeroTemplate.Web.Areas.Mpa.Models.PhoneBook.IndexViewModel@{    ViewBag.CurrentPageName = PageNames.App.Tenant.PhoneBook;}<div class="row margin-bottom-5">    <div class="col-xs-12">        <div class="page-head">            <div class="page-title">                <h1>                    <span>@L("PhoneBook")</span>                </h1>            </div>        </div>    </div></div><div class="portlet light">    <div class="portlet-body">        <h3>@L("AllPeople")</h3>        <div class="list-group">            @foreach (var person in Model.Items)            {                <a href="javascript:;" class="list-group-item">                    <h4 class="list-group-item-heading">                        @person.Name @person.Surname                    </h4>                    <p class="list-group-item-text">                        @person.EmailAddress                    </p>                </a>            }        </div>    </div></div>

我们定义的@model 并使用了foreach循环来显示people，结果如下：

我们成功的将数据库中的数据显示在了页面上。

关于显示表格数据

我们通常使用基于table/grid javascript的库来显示表格数据，而不是手动渲染这样的数据。例如，在ASP.NET Zero里我们使用JTable在用户页面上显示用户数据。使用这样的组件，因为它们更简单并且提供了更好的用户体验。