主流的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語言。

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

模板一般是有配套的建站系統，以國際域名網為例，在網站上注冊會員后，先開通建站系統，然后選擇模板，再將模板安裝一下，就可以登錄建站后臺進行編輯網站了

對于網頁而言，無論后端程序是多么的復雜，最終返回給客戶端的還是HTML文件。頁面渲染模式主要分：服務器端渲染、客戶端（前端）渲染。不管哪種渲染模式，其實都是基于模板引擎而言的。

對于普通用戶而言，采用哪種渲染模式似乎并不重要，但對于網站架構而言其中區別還是很大的。

服務器端渲染（SSR）

服務器端渲染其實就是服務器端在返回HTML給客戶端之前，先將HTML模板上特定區域填充上數據后生成完整的HTML返回給客戶端。

此時模板文件存儲在服務器端。

1、優點：由服務器端進行數據填充工作，不會影響前端性能（解析模板是有性能開銷的）、SEO友好、首屏渲染快；

2、缺點：占用了服務器端運算資源，響應體較大（因為返回的是完整的HTML文本）。

客戶端渲染

客戶端渲染指的就是借助前端的JavaScript調用后端API來實現頁面渲染。前端也是有模板引擎的，而前端模板引擎在填充數據時也是靠JS來操作DOM節點的。

此時模板文件存儲在前端。

1、優點：不占用服務器端資源，模板在前端改起來更容易，不用麻煩后端聯調；

2、缺點：由前端JS負責數據解析和填充工作，在弱網環境下頁面加載時可能會出現亂版現象，渲染起來速度可能會慢一些。另外使用前端渲染很多數據都是動態調用API進行填充的，所以不利于SEO。

以上就是我的觀點，對于這個問題大家是怎么看待的呢？歡迎在下方評論區交流 ~ 我是科技領域創作者，十年互聯網從業經驗，歡迎關注我了解更多科技知識！