reactjs - 我们可以将 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？

标签： reactjsasp.net-mvcasp.net-coreasp.net-core-mvc

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 核心 Web API 和 Asp.net 核心 MVC 一起使用。在这种情况下，react.js 充当前端，API 和 MVC 控制器将充当后端。

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

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

所以，要创建前端分离应用，大部分开发者会选择创建一个React.js（Angular.js或者Vue.js）应用作为前端应用（因为React是一个用于构建用户界面的JavaScript库）并使用 Asp.net 核心项目作为后端。

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