如何在Blazor-Server-App中使用cshtml(Razor页面)

时间:2019-11-19 12:03:35

标签: asp.net asp.net-mvc razor blazor blazor-server-side

我对Blazor来说还很陌生。我以前一直在使用NodeJS。对于一个新的用例,我想了解有关Blazor的更多信息,因此我目前正在对此进行调查。好吧,我打算做什么?我想测试处理包括CRUD操作在内的实体框架的组件。为此,我过去做了一些测试。我个人喜欢这个过程(非常创新和有效),因为数据模型和数据提供者会自动为CRUD操作生成“剃刀页面”。 Baaaam,它将为您创建完全工作的页面,例如“编辑”,“删除”,“更新”等。 但这就是问题出在哪里……就内容而言,这些页面是完美的。但是,它们的渲染没有任何布局或功能(可能解释错了吗?)。 所以我决定建立一个干净而新鲜的项目。

  1. 创建了服务器端的blazor应用
  2. 在“页面”文件夹中创建一个文件夹“测试”
  3. 我创建了一个包含一些演示内容的“剃刀组件”
  4. enter image description here

  5. 与“ Razor Page”相同,我喜欢这样做,因为我喜欢拆分代码和标记+稍后需要使用它来生成CRUD内容。但是现在,这只是演示内容。

  6. enter image description here

  7. List item

  8. 最后是渲染的部分。如您所见,如果我访问“测试/索引”(* .razor),一切都会像菜单,布局和单页应用程序一样完美呈现。

  9. List item

  10. 最后是“剃刀页面”(* .cshtml)的输出。内容只是呈现为没有布局,没有CSS,没有超链接解释等。

  11. List item

    您知道我在做什么错吗?我真的很喜欢与这些页面整理者一起工作。这是惊人的和高效的。也许你们对我有一些提示。

非常感谢您。

问候

1 个答案:

答案 0 :(得分:1)

  

如何在Blazor-Server-App中使用cshtml(剃刀页面)

您不能在Blazor应用程序中托管Razor Pages应用程序。但是您可以在Razor Pages应用程序中托管Blazor组件。如果托管Blazor应用程序的应用程序组件,则实际上会将整个Blazor应用程序托管在Razor Pages应用程序中。