Spring Boot + React Redux + PostgreSQL CRUD 示例

Postgredaxiang

17人浏览 · 2022-08-15 06:34:16

Postgredaxiang · 2022-08-15 06:34:16 发布

https://grokonez.com/spring-framework/spring-data-rest/spring-boot-react-redux-postgresql-crud-example

在本教程中,我们将构建 React Redux Http Client 和 Spring Boot Server 示例,该示例使用 Spring Data JPA 与 PostgreSQL 数据库交互,并使用 React 作为前端技术来发出请求和收到回复。

相关文章:如何在 PostgreSQL 中使用 Spring JPA |弹簧靴

技术

Java 1.8
Maven 3.3.9
Spring Tool Suite 3.9.0.RELEASE
Spring Boot 2.0.1.RELEASE
Webpack 4.4.1
反应 16.3.0
Redux 3.7.2
反应 Redux 5.0.7
axios 0.18.0
PostgreSQL 9.5.3

概述

[](https://res.cloudinary.com/practicaldev/image/fetch/s--by4CJju2--/c_limit %2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://grokonez.com/wp-content/uploads/2018/05/react-redux-spring-boot-postgresql-crud-example-result-show-books.png)

1.春季启动服务器

[](https://res.cloudinary.com/practicaldev/image/fetch/s--M1Gosa65--/c_limit%2Cf_auto %2Cfl_progressive%2Cq_auto%2Cw_880/https://grokonez.com/wp-content/uploads/2018/05/react-redux-spring-boot-postgresql-crud-example-spring-server.png)

带有 PostgreSQL 的 Spring Data JPA 示例:

如何将 Spring JPA 与 PostgreSQL 一起使用弹簧靴

2.反应 Redux 客户端

[](https://res.cloudinary.com/practicaldev/image/fetch/s--tBURABie--/c_limit%2Cf_auto %2Cfl_progressive%2Cq_auto%2Cw_880/https://grokonez.com/wp-content/uploads/2018/05/react-redux-spring-boot-postgresql-crud-example-react-client.png)

有关以下内容的更多详细信息:

Redux:一个简单实用的 Redux 例子
中间件:中间件与 Redux Thunk
将 React 与 Redux 连接:如何将 React 与 Redux 连接 - react-redux 示例

实践

项目结构

1\。春季启动服务器

[](https://res.cloudinary.com/practicaldev/image/fetch/s--f8LJH_ek-- /c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://grokonez.com/wp-content/uploads/2018/05/react-redux-spring-boot-postgresql-crud-example-react-spring-server-structure .png)

类 Book 对应于 books 集合中的文档。
BookRepository 是一个扩展 CrudRepository 的接口,将在 BookController 中自动装配以实现存储库方法和查找器方法。
BookController 是一个 REST 控制器,它具有 RESTful 请求的请求映射方法,例如:getAll、create、update、deleteBooks。
application.properties 中Spring Data JPA 属性的配置。

pom.xml 中的 Spring Boot 和 Spring Data JPA 的* 依赖项。

https://grokonez.com/spring-framework/spring-data-rest/spring-boot-react-redux-postgresql-crud-example

PostgreSQL

PostgreSQL社区为您提供最前沿的新闻资讯和知识内容

更多推荐

PostgreSQL 计数查询效率,物化视图 [重复]

问题:PostgreSQL 计数查询效率,物化视图 [重复] 可能重复: PostgreSQL 计数查询优化使用 PostgreSQL 9.2,我们试图弄清楚是否有一种方法可以跟踪查询的结果数量,并以有效的方式返回该数字。这个查询应该每秒执行几次(可能几十到几百甚至几千次)。我们现在的查询看起来像这样,但我们想知道这是否效率低下: -- Get # of rows that do not hav

PostgreSQL

多对多中的唯一性

问题:多对多中的唯一性我无法弄清楚谷歌的哪些术语,所以帮助标记这个问题或只是以相关问题的方式向我指出会有所帮助。我相信我有一个典型的多对多关系: CREATE TABLE groups ( id integer PRIMARY KEY); CREATE TABLE elements ( id integer PRIMARY KEY); CREATE TABLE groups_elements

PostgreSQL

Django 与 postgresql - manage.py syncdb 返回错误

问题:Django 与 postgresql - manage.py syncdb 返回错误我从 Django 开始。我设置了一些使用 SQLite 工作的站点,但是在将 DB 引擎更改为 postgresql manage.py syncdb 后返回错误。我已经用谷歌搜索了 2 天,但对我仍然没有任何作用。Postgres 用户 'joe' 具有超级用户权限和本地 'joe ' 数据库存在。