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

    xiaoxiao2021-03-25  104

    使用 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在用户页面上显示用户数据。使用这样的组件,因为它们更简单并且提供了更好的用户体验。

    转载请注明原文地址: https://ju.6miu.com/read-5067.html

    最新回复(0)