如何正确连接前端和后端？

Question

我是网络编程的新手。因此，我在理解如何连接前端和后端时遇到了一些麻烦。我在写Java。因此，我将spring mvc和jsp（或另一个模板引擎，如Apache FreeMarker等）用作视图层。如何集成那里的reactjs或angular2 + fron-tend框架？我应该做那个东西吗？在html（jsp）中使用Java代码或在html（erb）中使用ruby代码是否实际？如果确实是这样，那么在这种情况下如何使用前端框架？（或者不应该使用它？）也许我必须创建类似RESTful后端的东西并将其与angular 2集成（作为示例）？可能还有其他整合方式吗？您能解释一下我该如何创建我的Web应用程序吗？或与我分享此主题的一些链接？如果有几种方法可以解决我的问题，也可以吗？请解释一下每种方法的优缺点？对不起，我的英语。先感谢您。

Answer 1

前端：基于HTML / CSS / JS在浏览器中运行的内容

后端：在服务器上运行的事物，Ruby，PHP，Python，Java，JavaScript / Node，bash脚本，DBMS

前端和后端以两种方式交互：

1-一个简单的博客案例：当您键入特定帖子的URL时，您的浏览器正在向后端发出HTTP请求。后端返回一个HTTP响应，其中包含浏览器解释的HTML代码。实际上，这两个边缘之间的唯一交互是HTTP流。

2-一个由AJAX驱动的单页面应用程序：在这里更加清楚的是，唯一的交互是HTTP。基于Javascript的前端UI（或者实际上可以是任何Web，移动或桌面应用程序）向后端发送HTTP请求，以读取，创建，更新或删除数据。后端返回HTTP响应，其中包含UI / webapp更改状态，向用户显示数据等所需的信息。