浅谈ASP.NET Core 2.0 部分视图(译)

2020-01-17 22:16:31

字体：大中小

来源：转载

供稿：网友

问题

如何在ASP.NET Core 2.0中使用部分视图来重用页面的公共部分？

答案

新建一个空项目，在Startup中添加MVC服务和中间件：

public void ConfigureServices(IServiceCollection services){  services.AddMvc();} public void Configure(IApplicationBuilder app, IHostingEnvironment env){  if (env.IsDevelopment())  {    app.UseDeveloperExceptionPage();  }   app.UseMvc(routes =>  {    routes.MapRoute(      name: "default",      template: "{controller=Home}/{action=Index}/{id?}");  });}

添加两个模型：

 public class EmployeeViewModel{  public int Id { get; set; }  public string Firstname { get; set; }  public string Surname { get; set; }  public AddressViewModel Address { get; set; }} public class AddressViewModel{  public string Line1 { get; set; }  public string Line2 { get; set; }  public string Line3 { get; set; }}

添加控制器，返回ViewResult并传入模型实例：

public class HomeController : Controller{  public IActionResult Index()  {    var model = new EmployeeViewModel    {      Id = 1,      Firstname = "James",      Surname = "Bond",      Address = new AddressViewModel      {        Line1 = "Secret Location",        Line2 = "London",        Line3 = "UK"      }    };    return View(model);  }}

添加视图页面Index.cshtml：

@using PartialView.Models;@model EmployeeViewModel <div style="border: 1px solid black; margin: 5px">  <h2>Employee Details (parent view)</h2>   <p>Firstname: @Model.Firstname</p>  <p>Surname: @Model.Surname</p>   @Html.Partial("_Address.cshtml", Model.Address)</div>

添加部分视图_Address.cshtml：

@using PartialView.Models@model AddressViewModel <div style="border: 1px dashed red; margin: 5px">  <h3>Address Details (partial view)</h3>   <p>Lin1: @Model.Line1</p>  <p>Line2: @Model.Line2</p>  <p>Line3: @Model.Line3</p></div>

现在，解决方案中的目录结构：