freemarker ftl模板_Web开发必会的模板引擎技术之Freemarker

曾几何时,Web开发是个多么高大上的名字,程序猿们都以能搞定Web技术为荣,此时还没有前后端之说。

然而时过境迁,今非昔比,随着互联网的发展,社会分工进一步细化,职业岗位也更加细分。慢慢开始就有了前端攻城狮和后端攻城狮。

技术也进一步细分,出现了以HTML、JS等为主的页面技术,以Java、Pyton为主的后端开发语言技术。

事实上,直到前后端分离开发模式已经逐渐成为主流的今天,前后端技术的划分也没能完全清晰。我们可能会经常听到一个叫全栈工程师的名字,这是一类野心极其大,想前后端通吃程序猿。这是要逼着其他程序猿回家种地的节奏哇。大家都是程序猿,本自同根生,相煎何太急

e40947e353bb7ac1066354f3bdd08b56.png

023ebe9cd811f32912c6998e683fb351.png

其实全栈工程师它本身就是真实的存在,听起来这好像是个病句,那我好好跟大家解释一下, 全栈工程师其实就是前端和后端技术都会的一类人而这类人基本都是后端工程师。

为什么这么说呢,以Java工程师为例,哪个Java工程师不会HTML、JS呢,否则会被人鄙视的。甚至经验丰富的老司机比真正前端工程师还要精通。

Web开发本身就是后端工程师的一部分工作。比如,在Java Web开发领域程序猿通常是既写前端代码,也写后端代码。而且Web开发有着很多很优秀的页面技术HTML、JSP等。这些优秀的页面技术,使Java在Web开发领域有着举足轻重的地位。

咱们今天要学习的也是一个在Java开发领域非常流行的页面技术模板引擎技术-Freemarker。用过Spring Boot的同学可能都知道,Spring Boot在自己体系里面默认支持的页面技术不是JSP,而是Thymleaf、Freemarker的模板引擎技术。

所以,今天咱们就来一起先来学习一下其中的一个,使用Freemarker模板引擎技术做Web开发。

那么问题来了,咱们一直在说模板引擎技术,那什么是模板引擎呢?接下来咱么先来了解一下模板引擎技术。

7105449727bb8e58a1c522f7c9de2526.png

什么是模板引擎技术

传统的页面开发过程中通常采用的HTML+ JS技术,而现在大部分网站都采用标签化+ 模块化的设计。

模板引擎其实就是根据这种方式,使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档在原有的HTML页面中来填充数据。最终达到渲染页面的目的。

说人话模板引擎就是,把数据和页面整合在一起的技术。

dff1b9ac1a69c0a1a20241ba7a4b685c.png

常用的模板引擎技术:

  • Thymleaf
  • FreeMarker
  • Velocity

今天咱么就来先学习Freemarker

什么是FreeMarker

首先咱们先来介绍下Freemarker的概念,FreeMarker是一个使用纯Java编写的基于模板生成文本输出的通用工具,通常它的文件都是.ftl结尾。

FreeMarker最初被用来在MVC模式的Web开发框架中生成HTML页面的,但是它的功能可不仅仅可以用到Web开发生成模板文件,它也可以用于非Web应用环境中,如:生成Java代码。

FreeMarker的主要特点

既然Freemarker模板技术是Spring Boot官方默认支持的,那么它有哪些特点才如此的备受青睐呢?1.轻量级不像JSP那样是Servlet要嵌入到应用程序中2.可以生成各种文本文件如:html、xml、java等3.学习成本低因为用java编写的,所以语法和java很像

接下来我们来看看Spring Boot整合Freemarker的实战操作

Freemarker渲染Web页面

首先,添加pom依赖,我们使用SpirngBoot Initializr创建SpringBoot基础工程(记得加上Web依赖,因为我是搞Web开发)。

按照我们的经验,在Spring Boot中如果想要集成什么技术只需要添加相关技术的依赖就可以,所以呢,这里我们就直接添加FreeMarker的依赖。

1b73a9511aa45e5ad730c1ca2f4f98e1.png

当然你也可以在创建项目的直接勾选需要的依赖也可以,项目在创建完成的时候自动加上这个依赖,如下图:

8fee9b52ce20567d0e3370ef356620d2.png

添加FreeMarker相关属性配置

创建好工程之后,在application.properties文件中添加FreeMarker相关配置。

c0106a1875cbef222d8109c2a194ae0e.png

创建页面

这里需要注意的是freemarker的文件名是以.ftl后缀的,我们在resourcestemplates文件夹下创建freemarker.ftl文件,需要注意的是freemarker在取值的时候使用的是插值表达式。

5e31684e9e1492ab54e20aeef2055ef1.png

创建Controller

这里需要注意,在写controller的时候,我们使用注解是@Controller,因为我们要跳转到html页面,不在是返回JSON数据了

382f2a615bac5898eebd38740ceac873.png

测试结果

最后启动Spirng Boot工程,在浏览器地址栏中输入http://localhost:8080/freemarker就可以,效果如下:

4e1cc2a6893b5a81eb7d62bc9a373258.png

好了,通过以上简单的几步就可以轻松实现Spring Boot整合FreeMarker模板引擎技术进行web开发了,是不是很激动呢。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值