React-Rest应用程序，用于从数据库中获取数据

Question

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

现在我有带有数据的Excel文件，我将它们以json格式通过python导入到后端，因此可以通过诸如here之类的REST-url在前端进行获取。 / p>

我现在正在将我的数据转换为基于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：使用本机提取Javascript方法查询数据并在客户端处理数据。

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

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

优点：

1. 更快，更容易实现
2. 更容易调试
3. 与python相比，JavaScript处理查询的方式更简单

缺点：

1. 无法应用凭据系统
2. 缺乏安全性/鲁棒性的方法
3. 客户端和服务器之间的双重连接（客户端查询和客户端API），因为仍会维护该API来存储本地信息。