如何将 ASP.NET Core MVC 项目的视图分离到另一个项目

如何将 ASP.NET Core MVC 项目的视图分离到另一个项目

在当下这个年代 SPA 已是主流，人们早已忘记了 MVC 以及 Razor 的故事。但是在某些场景下 SSR 还是有意想不到效果。比如某些静态页面，比如寻求首屏加载速度的时间。最近在项目中回归传统效果还是不错。
有的时间我们盼望将视图（Views）从主项目中分离出来，以提高项目的模块化水平。本文将先容如何将视图分离到另一个 Razor 类库项目中。这在以前 .NET Framework 下是很常见的，但是 Core 下面的资料太少了，记录一下。
步骤 1：创建 Razor 类库项目

起首，我们需要创建一个新的 Razor 类库项目。在项目文件（.csproj）中，我们需要添加以下配置：

1. <Project Sdk="Microsoft.NET.Sdk.Razor">
3. <ItemGroup>
4.         <ProjectReference Include="path/to/your/razor/project.csproj" />
5. </ItemGroup><PropertyGroup>
6. <ItemGroup>
7.         <ProjectReference Include="path/to/your/razor/project.csproj" />
8. </ItemGroup> ...
9. <ItemGroup>
10.         <ProjectReference Include="path/to/your/razor/project.csproj" />
11. </ItemGroup><ItemGroup>
12.         <ProjectReference Include="path/to/your/razor/project.csproj" />
13. </ItemGroup><AddRazorSupportForMvc>true</AddRazorSupportForMvc>
14. <ItemGroup>
15.         <ProjectReference Include="path/to/your/razor/project.csproj" />
16. </ItemGroup><ItemGroup>
17.         <ProjectReference Include="path/to/your/razor/project.csproj" />
18. </ItemGroup><PreserveCompilationContext>false</PreserveCompilationContext>
19. <ItemGroup>
20.         <ProjectReference Include="path/to/your/razor/project.csproj" />
21. </ItemGroup><ItemGroup>
22.         <ProjectReference Include="path/to/your/razor/project.csproj" />
23. </ItemGroup><SuppressDependenciesWhenPacking>false</SuppressDependenciesWhenPacking>
24. <ItemGroup>
25.         <ProjectReference Include="path/to/your/razor/project.csproj" />
26. </ItemGroup><ItemGroup>
27.         <ProjectReference Include="path/to/your/razor/project.csproj" />
28. </ItemGroup><PackageId>XXX</PackageId>
29. <ItemGroup>
30.         <ProjectReference Include="path/to/your/razor/project.csproj" />
31. </ItemGroup></PropertyGroup>
33. <ItemGroup>
34.         <ProjectReference Include="path/to/your/razor/project.csproj" />
35. </ItemGroup><ItemGroup>
36. <ItemGroup>
37.         <ProjectReference Include="path/to/your/razor/project.csproj" />
38. </ItemGroup><ItemGroup>
39.         <ProjectReference Include="path/to/your/razor/project.csproj" />
40. </ItemGroup><FrameworkReference Include="Microsoft.AspNetCore.App" />
41. <ItemGroup>
42.         <ProjectReference Include="path/to/your/razor/project.csproj" />
43. </ItemGroup></ItemGroup>
45. </Project>

复制代码

步骤 2：复制视图到新项目

然后，我们需要将所有的视图文件从主项目复制到新的 Razor 类库项目中。
步骤 3：主项目引用新项目

接下来，我们需要在主项目中添加对新 Razor 类库项目的引用。这可以通过在主项目的项目文件中添加以下代码来实现：

1. <ItemGroup>
2.         <ProjectReference Include="path/to/your/razor/project.csproj" />
3. </ItemGroup>

复制代码

步骤 4：添加视图的扫描路径

在主项目中，我们需要配置 Razor 视图引擎的视图位置格式，以便它能找到新项目中的视图。这可以通过以下代码来实现：

1. builder.Services.Configure<RazorViewEngineOptions>(options =>
2. {
3.     options.ViewLocationFormats.Add("/Widgets/{1}/{0}" + RazorViewEngine.ViewExtension);
4.     options.ViewLocationFormats.Add("/Widgets/Shared/{0}" + RazorViewEngine.ViewExtension);
5. });

复制代码

步骤 5：调整静态资源的路径

最后，假如新项目中包含了静态资源（如 CSS、JavaScript、图片等），而且这些资源放在 wwwroot 文件夹下，那么这些资源会在编译后出现在主项目的 wwwroot/_content/{library project name} 文件夹下。因此，我们需要在 HTML 中使用以下的路径格式来引用这些静态资源：
[code][/code]以上就是将 ASP.NET Core MVC 项目的视图分离到另一个项目的步骤。盼望这篇文章能对你有所帮助！
关注我的公众号一起玩转技能

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。