Jquery 结合react设置springboot项目

Jquery 结合react设置springboot项目,jquery,spring,reactjs,spring-boot,Jquery,Spring,Reactjs,Spring Boot,我计划在SpringBoot&reactjs中构建这个应用程序。我想知道什么是好的设置。经过一些研究,我得出结论,我认为我可以走三条路 1) 在SpringBoot(后端)中构建API,并在ReactJS(前端)中启动第二个项目。这将完全断开后端前端的连接,这在理论上听起来不错。但似乎还有很多工作要做 2) 在后端呈现视图,并使用React to progressive enhance+在页面上构建动态部分。(我不知道这是否可能) 3) 在后端呈现视图并抛出React,像传统项目一样使用jque

我计划在SpringBoot&reactjs中构建这个应用程序。我想知道什么是好的设置。经过一些研究,我得出结论,我认为我可以走三条路

1) 在SpringBoot(后端)中构建API,并在ReactJS(前端)中启动第二个项目。这将完全断开后端前端的连接,这在理论上听起来不错。但似乎还有很多工作要做

2) 在后端呈现视图,并使用React to progressive enhance+在页面上构建动态部分。(我不知道这是否可能)

3) 在后端呈现视图并抛出React,像传统项目一样使用jquery

我个人倾向于第二种选择。这将节省我们大量的开发时间,我们仍然可以使用React来处理网站的高度动态部分。唯一的问题是我不知道这是否可能。我似乎找到的所有信息都有完整的React应用程序


你们对此有什么看法还是有一些推荐的方法?

我已经用reactjs和spring boot制作了一个应用程序

1.)正如您所提到的,在不同的项目中处理前端和后端将是一项繁忙的工作,但这是一项更好的实践,因为它将后端和前端分开,您不必反复部署应用程序来呈现更新的更改

2.)我使用了第二种方法,即使用pusher api。我仅通过对spring controller进行ajax调用并获取json中的数据,通过react呈现数据

但第二种方法有一个问题,因为我需要编译webpack并再次部署整个应用程序,以查看页面上的更新更改


但是,使用第二种方法并不是一件困难的工作。如果您关心的是可维护性和可伸缩性,那么解决方案1是唯一明智的解决方案。(如果是小规模项目,请忽略此项)

理由
  • “关注点分离”或者更确切地说“做一件事,做好一件事”-->

  • 优秀的Javascript开发人员可能不是优秀的后端程序员,反之亦然。你真的不需要雇佣“Fullstack”开发者(顺便说一句,让我告诉你一个秘密,“Fullstack”是一个白日梦:)

  • 如果您想实现无服务器,那么很简单,前端的nodeJs/nginx可以替换为AWS S3(GCP等效-云存储),后端可以替换为AWS lambda(GCP等效-云功能)


  • 嗨,在我的实际项目中,我面临着一个类似的问题。我们的方法将类似于#1。这意味着React将向后端(Spring)请求数据,并根据请求呈现组件。这个话题听起来真的很有趣,所以任何关于不同方法的评论都很好!断开后端和前端的连接对我的经验很有帮助。找到一个开发人员来帮助其中一个部件也比同时掌握这两个部件的人容易。