React-Rest 应用程序，从数据库中获取数据的位置

Question

我有一个由后端组成的 App：带有 Django 和 Django REST 的 Python，以及由 React 组成的前端。

现在我有带有数据的 Excel 文件，我使用 python 以 json 格式将其导入到后端，因此它们可用于通过 REST-url（如 here）在前端获取。

我现在正在将我的数据转换为基于 Web 的数据库，以便在我的应用程序中查询。 但我对我的应用程序结构有疑问。

我的新数据库有基于 url 的查询。 我是否应该继续在后端 REST 框架中导入查询，并从那里导入 React？ 或者我应该直接在我的 React 中使用基于 url 的查询，代替 REST url 调用？

Answer 1

您可以通过参考此网址获得一个想法。 https://www.andreasreiterer.at/connect-react-app-rest-api/

这描述了如何在 react 中使用 REST API 绑定数据。

Answer 2

我找到了一些资源，它们为我提供了两种解决问题的方法

案例 1： 在后端的服务器端导入 JSON 查询并将此数据传递给您的 API（在我的情况下为 REST）。

基本来源：https://www.valentinog.com/blog/tutorial-api-django-rest-react/

优点：

1. 不需要为我的应用程序的其余部分更改结构。数据层继续保持不变，就像我之前使用 Excel 文件一样，现在我只是更改为 JSON 查询。
2. 服务器-客户端之间的连接仍然是直截了当的
3. 可以更轻松地应用凭据系统，因为数据将存储在您的 API 中

缺点

1. 更难实施
2. python 和 url 查询之间的连接必须有单独的设置（url 查询通常是基于浏览器的，有些查询不能在 python 中执行）
3. 更难调试

案例 2：使用原生 fetch Javascript 方法查询数据并在客户端处理数据。

基本来源：https://www.robinwieruch.de/react-fetching-data/

https://blog.hellojs.org/fetching-api-data-with-react-js-460fe8bbf8f2

优点：

1. 更快、更容易实施
2. 更容易调试
3. Javascript 处理查询的方式比 python 更简单

缺点：

1. 无法应用凭据系统
2. 不太安全/稳健的方法
3. 客户端和服务器之间的双重连接（客户端查询和客户端 API），因为 API 仍将被维护以存储本地信息。