後端Java怎麼和前端HTML交互？

楓林紀阿林

本人計算機專業畢業，從事Java Web研發三年半，我就以個人的經歷來談談後端Java怎麼和前端HTML交互，由於主要從事Java服務端的研發，對前端HTML的認識有限，個人淺見，一起交流。

剛畢業參加工作時，首先接觸到的是Java前端技術是JSP，當時做基礎架構方面的工作，有一些管理界面需要研發，而團隊的技術線就是JSP+Spring+Duboo+Zookeeper+mysql，我當然也延續了這一技術線，前後使用了一年左右的JSP，前後端研發都一起搞，包括數據庫部署、上線維護等都有所涉及。JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產生動態網頁的處理邏輯。JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以後對這些Java代碼進行處理，然後將生成的HTML頁面返回給客戶端的瀏覽器。隨著技術的發展，JSP逐漸被團隊淘汰。

積極擁抱變化，是互聯網公司或者互聯網團隊需要做的事情，spring boot + spring cloud的技術線進入了我們的視野。基礎架構全面引入spring boot，積極推動微服務的發展成為團隊的新課題。在推動spring boot的使用中，發現其支持的thymeleaf模板引擎有諸多的優點，在leader拍板之後，團隊的前端技術就由JSP替換為thymeleaf。thymeleaf的優點是靜態html嵌入標籤屬性，瀏覽器可以直接打開模板文件，便於前後端聯調，同時也是springboot官方推薦方案。

技術總是不斷髮展的，前後端分離，面向接口編程的理念又進入我們的團隊。hymeleaf這種前後端一起部署的技術體系已經不能滿足我們的要求，為了推動前後端分離和專業的人做專業的事，將功能需求做頁面劃分，後端和前端定義接口標準，然後依此為契約，同步進行研發。發展到這裡，前端的React技術棧又進入了我們團隊的視野，由於其前端的技術太過專業，我當時只是簡單的瞭解了一下，沒有深入去學習，就專注於做服務端的接口研發。

引入該理念不久，我就跳槽後，進入新的公司新的團隊，開始使用velocity。對於這個選擇，沒有更多的理由，融入新的環境新的團隊，必須要讓自己瞭解和使用團隊的技術線，其性能良好，據說比jsp性能還要好些，但是自己沒有做過相關的測試。到目前為止也在使用velocity，但會積極推動團隊擁抱新變化，採用新的技術線來做相關的需求，比如freemarker等又成了團隊的新的選擇。

夕陽雨晴

後臺java和前端HTML的交互實質就是後臺java服務和瀏覽器中網頁的通信，其通信協議主要是http和https協議。

Servlet規範詳細描述了後臺服務外界通信的標準，實現servlet接口便可以實現服務與外界通信。基於Java語言的web server實現了標準的servlet API。現在的Spring MVC等框架就是基於Servlet規範實現的。

Ajax 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。Ajax 在瀏覽器與 Web 服務器之間使用異步數據傳輸（HTTP 請求），這樣就可使網頁從服務器請求少量的信息，而不是整個頁面。現代瀏覽器均支持ajax技術。