水果购物车项目源于一个为时三小时的培训课程，它的愿望是创建一个完全由测试驱动的开发（TDD）风格的整个应用程序，杰夫（Jeff）也是如此。 杰夫是我这个项目的一对。 是他的小蓝莓。
在本系列文章中，我将逐步介绍使用ReactJS创建SPA的过程，该SPA从Java / Spring Boot API和Postgres数据库中获取信息。 它完全是测试驱动的：我们的测试编写我们的代码，并且在过程中与功能一样重要。 我们将把JUnit与Hamcrest库一起使用，将Jest与酶一起使用，以及（最终）将Selenium与它一起使用。
现在，我并不是要创建可以逐步重复的教程。 我的目的是反思过程并加强我所学的内容。 例如，痛点是什么？ 我们必须研究什么？ 哪些资源有价值，为什么？ 他们的痛点在哪里？ 我们希望我们拥有什么？
所以这是我们开始的地方：
Inception
我是一个有条理的人，所以我想知道我需要做什么，什么时候需要做以及为什么需要这样做。 否则，我会陷入所谓的“代码漏洞”：一个互联网蠕虫漏洞，除了文档，Stack Overflow帖子，Baeldung页面和DZone教程之外，什么都没有。 当我出现时，我常常已经一开始就忽视了我在研究什么。
为了避免代码漏洞，我们将基本的CRUD购物车拆分为用户素材。 这是确定我们想要发生的事情的简单方法。
我们最后以5个故事详细介绍了7种RESTful路线（索引，显示，新建，创建，编辑，更新，销毁），1个用于导航的故事以及2个与图像上传相关的卡片。 以下是我们希望用户在购物车上执行的操作的概述：
当用户到达目标网页时， 数据库，他们应该看到所有这些的列表（名称，描述） 水果。 否则，如果没有水果，他们会看到香蕉人和 提示添加水果。
用户还应该看到带有“添加水果”和“首页”的导航栏 选项; 导航栏将在水果车的任何“页面”上可见 应用程式。 每个水果描述和名称都是一个链接，可将用户引导至 该特定水果的显示页面（请参见下面的＃4）。
当用户单击“添加水果”消息或“添加水果”选项时 在导航栏中，将其带到带有名称和描述的表单中 带有保存按钮的字段。
提交完整的水果表格后（即用户点击 “保存”），创建水果，然后将用户带到显示页面 为了那个水果。
显示页面还显示水果的名称和描述 作为编辑水果的按钮。
当用户单击“编辑”按钮时，他们将被定向到编辑 名称和说明字段中预先填写了信息的表单。 他们进行编辑，然后提交表单以更新水果。 他们那时 重定向到新更新的显示页面，查看他们刚吃的水果 编辑。 如果他们点击导航栏中的主页链接， 将会重定向到登录页面，现在包含任何新的或更新的 他们创造的水果。
就是这样！ 其他功能将包括上载和插入图像的功能，但这可能适用于2.0版。
现在，它并不复杂。 没有登录或注销功能或社交媒体方面，但这不是重点。 重点在于：TDD和RESTful API，小的React组件和最小的依赖关系，Java和Spring Boot。 经验是重点。
接下来：登陆页面！ 让我们看看所有那些美丽的水果。 ????????????????????
from: https://dev.to//sleepycecy/fruit-cart-inception-1ne3