Web開發(fā)人員必會(huì)的模板引擎技術(shù)之Freemarker

時(shí)間：2023-06-07 05:42:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-07 05:42:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

Web開發(fā)人員必會(huì)的模板引擎技術(shù)之Freemarker：曾幾何時(shí)，Web開發(fā)是個(gè)多么高大上的名字，程序猿們都以能搞定Web技術(shù)為榮，此時(shí)還沒(méi)有前后端之說(shuō)。然而隨著互聯(lián)網(wǎng)的發(fā)展，社會(huì)分工進(jìn)一步細(xì)化，職業(yè)崗位也更加細(xì)分，慢慢開始有了前端攻城獅和后端攻城獅，技術(shù)也進(jìn)一步細(xì)分，出現(xiàn)了以HTML、JS等為主的頁(yè)面技術(shù)，以Java、Pyton為主的后端開發(fā)語(yǔ)言技術(shù)。


事實(shí)上，直到前后端分離開發(fā)模式已經(jīng)逐漸成為主流的今天，前后端技術(shù)的劃分也沒(méi)能完全清晰，我們可能會(huì)經(jīng)常聽到一個(gè)叫全棧工程師的名字，這是一類野心極其大想前后端通吃的程序猿，這是要逼著其他程序猿回家種地的節(jié)奏，程序猿沒(méi)有女朋友已經(jīng)夠慘了，還要這樣傷害這些單純可愛的人嗎？

大家都是程序猿，本自同根生，相煎何太急。


全棧工程師其實(shí)就是前端和后端技術(shù)都會(huì)的一類人，而這類人基本都是后端工程師；為什么這么說(shuō)呢，以Java工程師為例，哪個(gè)Java工程師不會(huì)HTML、JS呢，否則會(huì)被人鄙視的；甚至經(jīng)驗(yàn)豐富的老司機(jī)比真正前端工程師還要精通。Web開發(fā)本身就是后端工程師的一部分工作。比如，在Java Web開發(fā)領(lǐng)域程序猿通常是既寫前端代碼，也寫后端代碼；而且Web開發(fā)有著很多很優(yōu)秀的頁(yè)面技術(shù)HTML、JSP等。這些優(yōu)秀的頁(yè)面技術(shù)，使Java在Web開發(fā)領(lǐng)域有著舉足輕重的地位。

咱們今天要學(xué)習(xí)的也是一個(gè)在Java開發(fā)領(lǐng)域非常流行的模板引擎技術(shù)-Freemarker，用過(guò)Spring Boot的同學(xué)可能都知道，Spring Boot在自己體系里默認(rèn)支持的頁(yè)面技術(shù)不是JSP，而是Thymleaf、Freemarker的模板引擎技術(shù)。所以，今天咱們就先來(lái)學(xué)習(xí)一下其中的一個(gè)，使用Freemarker模板引擎技術(shù)做Web開發(fā)。

那么問(wèn)題來(lái)了，咱們一直在說(shuō)模板引擎技術(shù)，那什么是模板引擎呢？接下來(lái)咱們先來(lái)了解一下模板引擎技術(shù)。

什么是模板引擎技術(shù)

傳統(tǒng)的頁(yè)面開發(fā)過(guò)程中通常采用的HTML + JS技術(shù)，而現(xiàn)在大部分網(wǎng)站都采用標(biāo)簽化+ 模塊化 的設(shè)計(jì) 。模板引擎其實(shí)就是根據(jù)這種方式，使用戶界面與業(yè)務(wù)數(shù)據(jù)（內(nèi)容）分離而產(chǎn)生的，它可以生成特定格式的文檔，用于網(wǎng)站的模板引擎就會(huì)生成一個(gè)標(biāo)準(zhǔn)的HTML文檔在原有的HTML頁(yè)面中來(lái)填充數(shù)據(jù)。最終達(dá)到渲染頁(yè)面的目的。

說(shuō)人話就是，把數(shù)據(jù)和頁(yè)面整合在一起的技術(shù)。





常用的模板引擎技術(shù)：

? Thymleaf

? FreeMarker

? Velocity

今天咱們就來(lái)先學(xué)習(xí)Freemarker。

什么是FreeMarker

咱們先來(lái)介紹下Freemarker的概念，F(xiàn)reeMarker是一個(gè)使用純Java編寫的基于模板生成文本輸出的通用工具，通常它的文件都是.ftl結(jié)尾，F(xiàn)reeMarker最初被用在MVC模式的Web開發(fā)框架中生成HTML頁(yè)面，但是它的功能可不僅僅可以用到Web開發(fā)生成模板文件，它也可以用于非Web應(yīng)用環(huán)境中，如：生成Java代碼。

FreeMarker的主要特點(diǎn)

既然Freemarker 模板技術(shù)是Spring Boot官方默認(rèn)支持的，那么它有哪些特點(diǎn)，才如此的備受青睞呢？

? 輕量級(jí)

不像JSP那樣是Servlet要嵌入到應(yīng)用程序中

? 可以生成各種文本文件

如：html、xml、java等

? 學(xué)習(xí)成本低

因?yàn)槭怯胘ava編寫的，所以語(yǔ)法和java很像

好了，接下來(lái)我們來(lái)看看Spring Boot整合 Freemarker 的實(shí)戰(zhàn)操作。

Freemarker 渲染 Web 頁(yè)面

首先，添加pom依賴，我們使用SpirngBoot Initializr 創(chuàng)建SpringBoot基礎(chǔ)工程（記得加上Web依賴，因?yàn)槲沂歉鉝eb開發(fā)），按照我們的經(jīng)驗(yàn)，在Spring Boot中如果想要集成什么技術(shù)只需要添加相關(guān)技術(shù)的依賴就可以，所以呢，這里我們就直接添加FreeMarker的依賴。




當(dāng)然你也可以在創(chuàng)建項(xiàng)目時(shí)直接勾選需要的依賴，項(xiàng)目在創(chuàng)建完成的時(shí)候自動(dòng)加上這個(gè)依賴，如下圖：

添加FreeMarker相關(guān)屬性配置

創(chuàng)建好工程之后，在application.properties文件中添加FreeMarker相關(guān)配置。

創(chuàng)建頁(yè)面

這里需要注意的是freemarker的文件名是以.ftl后綴的，我們?cè)趓esources/templates文件夾下創(chuàng)建freemarker.ftl文件，需要注意的是freemarker在取值的時(shí)候使用的是插值表達(dá)式。

創(chuàng)建Controller

這里需要注意,在寫controller的時(shí)候，我們使用注解是@Controller，因?yàn)槲覀円D(zhuǎn)到html頁(yè)面，不在是返回JSON數(shù)據(jù)了。

測(cè)試結(jié)果

最后啟動(dòng)Spirng Boot工程，在瀏覽器地址欄中輸入http://localhost:8080/freemarker就可以，

效果如下：

好了，通過(guò)以上簡(jiǎn)單的幾步就可以輕松實(shí)現(xiàn)Spring Boot整合FreeMarker模板引擎技術(shù)進(jìn)行web開發(fā)了，是不是很激動(dòng)呢？





怎么樣，你了解了么？歡迎和我們一起探討。


更多IT技術(shù)干貨，請(qǐng)關(guān)注課工場(chǎng)，和我們一起關(guān)注前沿技術(shù)，快速提升。