Angular/jQuery对于单网页应用是必要的吗？

Question

我计划做一个单页面的Page应用程序。仅仅使用服务器端的SpringMVC框架和Thymeleaf模板引擎就可以做到这一点吗?或者我还需要一些客户端的东西，比如Angular或jQuery？这样做的目的是防止每次发生变化时都必须重新加载整个网页，并为用户提供类似桌面应用程序的体验。

Answer 1

SPA TL；DR：您不能只使用SpringMVC和Thymeleaf来构建。

不幸的是，Thymeleaf是一个服务器端模板引擎，用于在服务器中构建页面，这意味着它依赖于重定向和重载，而不是SPA。

如果您想构建一个SPA应用程序，可以使用诸如Angular之类的工具，或者将Thymeleaf与诸如Angular之类的工具结合使用，以享受两者的好处。

Answer 2

您有很多选择来构建单页面应用程序。

回答你的问题：

仅使用服务器端SpringMVC框架和Thymeleaf模板引擎就可以实现吗？

是。和No.

您可以使用SpringMVC返回初始的单页面视图(index.html)，然后使用basic Javascript使XMLHttpRequests指向使用SpringMVC公开的JSON REST服务。您将需要处理JavaScript中的DOM操作，以便按照设计呈现所需的每个元素。

可选的是，您可以在接受模板参数的地方编写服务，该参数指定了您希望用来呈现服务响应的模板。因此，响应的呈现是在服务器端使用Thymeleaf进行的，服务器使用来自AJAX请求的HTML数据进行响应。然后，您可以将响应中的HTML附加为所需的DOM。

但上面解释的方法很容易出现错误，您将尝试重新发明轮子(例如。历史记录、表单提交、url路由、单元测试等)当所有这些东西在诸如Angular、Ember或React等现代Javascript框架中随时可用时。

所以，你最好从一个好的框架开始，但是每个框架的学习曲线都是相当陡峭的。如果你对jQuery感到满意，如果这个应用程序还不够复杂，你不妨从一开始就使用它。

Answer 3

正如您提到的，您的目标是避免每次发生变化时都必须重新加载整个web页面，并为用户提供类似桌面应用程序的体验。

这不能通过使用服务器端应用程序来实现，因为在服务器端应用程序中，请求到达服务器，服务器返回相应的页面，这需要一些时间才能加载。

为了让用户拥有类似桌面的体验，你必须使用Angular (我建议)构建一个SPA，因为它在市场上很流行，有一个很好的用户社区。

我对这个解决方案的看法是一个基于Spring的RestFul Web服务和一个角度前端

I你想学习Angular的一些概念，请看这一页

https://rahulrsingh09.github.io/AngularConcepts