我们可以将 React.js 与 ASP.NET Core MVC 一起使用，还是仅适用于 ASP.NET Core Web API？

Question

我想学习 React.js，但大多数教程都展示了如何将 ASP.NET Core Web API 与 React.js 集成，而我没有找到任何将 React.js 与 ASP.NET Core MVC 结合使用的教程。有什么建议吗？我是否可以假设 React.js 仅适用于 ASP.NET Core Web API，其中 React.js 用于使用从 API 返回的 JSON？

Answer 1

我想学习 React.js，但大多数教程都展示了如何将 ASP.NET Core Web API 与 React.js 集成，而我没有找到任何将 React.js 与 ASP.NET Core MVC 结合使用的教程。有什么建议吗？我是否可以假设 React.js 仅适用于 ASP.NET Core Web API，其中 React.js 用于使用从 API 返回的 JSON？

不，react.js 可以与 Asp.net core Web API 和 Asp.net core MVC 一起使用。在这种情况下，react.js 充当前端，API 和 MVC 控制器将充当后端。

为了更清楚地回答这个问题，我们需要了解前后端分离的概念。众所周知，在MVC模式中，可以分为数据层、逻辑层和视图层。这个视图层就是我们所说的前端，它映射到代码层面，即HTML、JS、CSS等代码文件。数据层和逻辑层是比较后端的部分。这些文件将在一个项目中，不会单独开发、测试和部署。

对于前后端分离的应用来说，前后端分离在不同的项目中。前端有专门的前端开发人员进行开发和测试，后端有后端开发人员进行开发和测试。他们通过API相互交互。

因此，要创建前端分离应用程序，大多数开发人员会选择创建 React.js（Angular.js 或 Vue.js）应用程序作为前端应用程序（因为 React 是用于构建用户界面的 JavaScript 库）并使用Asp.net core项目作为后端。

要将React.js与Asp.net Core MVC应用程序一起使用，您可以使用React项目模板创建一个Asp.net core应用程序（通过Visual Studio创建Asp.net Core应用程序时选择React模板），然后在React中页面中，您可以调用MVC控制器来获取数据（与API类似），然后渲染数据。像这样：