thymleaf和前端三大框架開發有什么區別？

主流的Java模板引擎

Thymeleaf

Thymeleaf是用于Web和獨立環境的現代服務器端Java模板引擎。Thymeleaf的主要目標是將優雅的自然模板帶到您的開發工作流程中—HTML能夠在瀏覽器中正確顯示，并且可以作為靜態原型，從而在開發團隊中實現更強大的協作。能夠處理HTML，XML，JavaScript，CSS甚至純文本。Thymeleaf的主要目標是提供一個優雅和高度可維護的創建模板的方式。Thymeleaf也是從一開始就設計(特別是HTML5)允許創建完全驗證的模板。Spring Boot 官方推薦使用 thymeleaf 而不是 JSP。

Freemarker

FreeMarker是一款模板引擎： 即一種基于模板和要改變的數據， 并用來生成輸出文本（HTML網頁、電子郵件、配置文件、源代碼等）的通用工具。 它不是面向最終用戶的，而是一個Java類庫。輕量級模版引擎，不需要Servlet環境就可以很輕松的嵌入到應用程序中，能生成各種文本，如html，xml，java，等，入門簡單，它是用java編寫的，很多語法和java相似。

前端三大框架

Vue

Vue.js是一套構建用戶界面的漸進式框架。Vue 只關注視圖層， 采用自底向上增量開發的設計。目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

React

React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。

Angular

AngularJS 是一個 JavaScript框架。它是一個以 JavaScript 編寫的庫。它可通過 <script> 標簽添加到HTML 頁面。通過 指令 擴展了 HTML，且通過 表達式 綁定數據到 HTML。AngularJS 是以一個 JavaScript 文件形式發布的，可通過 script 標簽添加到網頁中。

Java模板語言與前端框架區別

Java模板語言依賴于后端，后端把數據綁定到頁面的相應標簽上，還要用相應的類來解析頁面，也就是視圖解析器，這樣呈現出的頁面才是綁定數據后的樣子。

三大前端框架通過Js來操作，更多是HTML5頁面與Js之間的交互，只專注于前端。

語法不同，也完全不是一個概念，頁面出現Freemark、Thymeleaf語法，估計前端的人都看不懂也不知道數據哪里來的。前端的框架大都是基于JavaScript 的，Java 后端框架大都基于Java語言。

個人觀點，歡迎大家批評指正，一起交流學習