如何在asp.net core 2.0中使用部分视图来重用页面的公共部分

科技资讯 投稿 8000 0 评论

如何在asp.net core 2.0中使用部分视图来重用页面的公共部分

我们常常会遇到一些问题,比如如何在asp.net core 2.0中使用部分视图来重用页面的公共部分等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

什么是部分视图

在ASP.NET Core 2.0 MVC中,部分视图(Partial View)是一种MVC视图,它可以在其他MVC视图中被重用。部分视图可以看做是一种web页面部分的模板(Template),它可以被多处引用,减少了重复代码的编写,使得代码更加容易维护和扩展。

如何使用部分视图

要在ASP.NET Core 2.0中使用部分视图,需要:

    在Web应用程序或者 Web API 中添加一个 Views 文件夹
    
      <Project Sdk="Microsoft.NET.Sdk.Web">
        <PropertyGroup>
           …
        </PropertyGroup>
        <ItemGroup>
          …
          <Content Update="appsettings.json">
            <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
          </Content>
          <Content Update="ClientApp\dist\**\*">
            <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
          </Content>
        </ItemGroup>
        <ItemGroup>
          …
          <Folder Include="Views\" />
        </ItemGroup>
      </Project>
  1. 在Views目录中添加一个控制器对应的子目录,如Home。
  2. 
      Views/
      └── Home/
          ├── Index.cshtml
          └── Contact.cshtml
  3. 在Views/Home中添加一个名为_PartialView.cshtml的部分视图
  4. 
      <!-- _PartialView.cshtml -->
      <div class="partial">
         This is a partial view
      </div>
  5. 在Views/Home中需要使用_PartialView的视图(如Index.cshtml、Contact.cshtml等),添加如下代码
  6. 
      <!-- Index.cshtml -->
      <div class="full">
        <h2>This is a full view</h2>
          <partial name="_PartialView" />
      </div>

    部分视图的注意事项

    ASP.NET Core 2.0 MVC支持多种在部分视图中使用的语法,因此,在使用部分视图时,我们需要注意一些问题:

    1. 部分视图要使用相对于根目录的路径
    2. 
        <partial name="/Views/Home/_PartialView" />
    3. 在使用模型绑定的时候,需要指定模型类型
    4. 
        <partial name="_PartialView" model="List<ApprenticeViewModel>" />
    5. 在使用命名空间的时候,需要使用 @using 语法
    6. 
        @using WebApplication.Controllers;  
        <partial name="_PartialView" />
    7. 部分视图中的变量,需要使用子视图模型或 ViewData 或 ViewBag 传递
    8. 
        <hr />
        <partial name="_PartialView" requestid="@ViewData["RequestId"]" />

总结

以上就是为你整理的如何在asp.net core 2.0中使用部分视图来重用页面的公共部分全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » 如何在asp.net core 2.0中使用部分视图来重用页面的公共部分

赞同 (36) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽