将 C# 后端连接到已创建的 ASP.net React 项目的最简单方法是什么？答案

【问题标题】：What is the easiest way to connect C# backend to an already created ASP.net react project?将 C# 后端连接到已创建的 ASP.net React 项目的最简单方法是什么？
【发布时间】：2022-12-03 06:36:47
【问题描述】：

我有一些执行 CRUD 操作和简单逻辑的 C# 代码。我有一个带有基本页面布局的 ASP.net React 项目。连接两者的最简单方法是什么？我只想展示我的 C# 代码从数据库中检索的数据，并使用我的 C# 代码和反应前端进行简单的插入。

我试图在网上寻找最好的方法来做到这一点，但运气不佳。如果有人能给我一些建议或指出正确的方向，我将不胜感激。

【问题讨论】：

标签： c# reactjs asp.net

【解决方案1】：

连接 C# 代码和 ASP.NET React 项目的最简单方法是使用 Web API。 Web API 是一组用于访问 Web 服务器的编程指令和标准，可用于在 C# 代码和 React 前端之间建立桥梁。

以下是使用 Web API 连接 C# 代码和 ASP.NET React 项目时可遵循的步骤概要：

在您的解决方案中创建一个新的 ASP.NET Web API 项目。这将是包含您的 Web API 的项目，它将充当您的 C# 代码和 React 前端之间的桥梁。

将 C# 代码添加到 Web API 项目。这可以包括您的数据库访问代码、CRUD 操作以及您要在应用程序中使用的任何其他逻辑。

为您想要向 React 前端公开的每个操作创建 Web API 控制器。例如，您可以为客户数据的 CRUD 操作创建一个 CustomersController，为您要在应用程序中使用的任何其他逻辑创建一个 LogicController。

将路由添加到您的 Web API 控制器。这将允许您的 React 前端访问您的 Web API 提供的不同操作。

在您的 React 前端中，使用 fetch 或 axios 库向您的 Web API 发出 HTTP 请求。这将允许您的 React 前端从数据库中检索数据并使用您的 C# 代码执行 CRUD 操作。

在 React 组件中使用从 Web API 检索的数据来显示页面上的信息。

这是有关如何使用 Web API 连接 C# 代码和 ASP.NET React 项目的基本概述。有许多其他方法可以解决此问题，最佳解决方案将取决于您的具体需要和要求。您可能需要做一些额外的研究和实验才能为您的项目找到最佳解决方案。

【讨论】：