现在是时候使用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属性。
我们创建应用服务(PersonAppService)并通过Controller来使用它。相对的,我们也可以通过Controller直接调用Repository,完全不使用应用服务。ASP.NET Zero在这里没有对架构做任何强制性要求,我们在SPA和MPA都使用了应用层(应用服务和DTOs)。因此,我们独立于ASP.NET MVC进行了实现,这使得应用层可以重复适用于不同的展示层。但是,如果你只会开发ASP.NET MVC,你可以在Controller里实现应用逻辑和访问Repository,这可能会简化你的架构和开发模式。
我们在页面上展示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在用户页面上显示用户数据。使用这样的组件,因为它们更简单并且提供了更好的用户体验。