宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

过去,Web开发是一个多么伟大的名字,程序猿们以能够处理Web技术为荣,但此时还没有先后的语言。 但是随着互联网的发展,社会分工进一步细化,职业也进一步细分,慢慢开始形成前端攻城狮和后端攻城狮,技术也进一步细分,以HTML、JS等为中心的页面技术、Java、Pyton为

html静态网页代码模板优秀web前端简历实例-风君子博客

实际上,在前后端分离开发模式逐渐成为主流的今天之前,前后端技术的划分也还不完全清楚。 我们可能经常听到全栈工程师这个名字。 这是一篇野心极大,前后端想吃的序曲。 这是让其他序曲回家种地的节奏。 罗格没有女朋友已经很惨了。 这样伤害单纯可爱的人们吗?

大家都是程序猿,本来都是同根生的,你干嘛这么着急?

html静态网页代码模板优秀web前端简历实例-风君子博客

全栈工程师其实就是会前端和后端技术的类型的人,这样的人基本上都是后端工程师,为什么以Java工程师为例,哪个Java工程师不会HTML、JS呢? 不这样做的话会被鄙视的。 甚至经验丰富的老司机也比真正的前端工程师更熟悉。 Web开发本身是后端工程师工作的一部分。 例如,在Java Web开发领域,程序猿通常同时编写前端代码和后端代码,并且Web开发中有很多优秀的页面技术HTML、JSP等。 由于这些优秀的页面技术,Java在Web开发领域占有重要的地位。

我们今天学习的也是在Java开发领域非常受欢迎的模板引擎技术Freemarker。 使用过Spring Boot的学生可能都知道,Spring Boot在自己的体系中默认支持的页面技术不是JSP,而是Thymleaf、Freemarker的模板引擎技术。 所以,今天让我们先学习其中一个,利用Freemarker模板引擎技术进行Web开发。

那么,我们在谈论模板引擎技术,什么是模板引擎呢? 接下来,让我们来看看模板引擎技术。

html静态网页代码模板优秀web前端简历实例-风君子博客

什么是模板引擎技术

传统页面开发过程中普遍采用的HTML JS技术现在大多数网站都采用了标签化、模块化的设计。 通过这种方式,模板引擎将用户界面与业务数据内容)分开,从而可以生成特定格式的文档。 网站的模板引擎还会生成标准的HTML文档,并在原始HTML页面中输入数据。 最终达到渲染页面的目的。

说人的话,就是整合数据和页面的技术。

html静态网页代码模板优秀web前端简历实例-风君子博客

常用模板引擎技术:

• Thymleaf

框架

贝罗西蒂

今天先学习Freemarker吧。

什么是FreeMarker

首先介绍一下Freemarker的概念吧。 Freemarker是使用纯Java模板生成文本输出的常用工具,通常以. ftl结尾。 Freemarker最初用于在MVC模式的Web开发框架中生成HTML页面,但其功能不仅仅是Web开发生成

FreeMarker的主要特点

Freemarker模板技术是Spring Boot官方默认支持的,所以有什么特点,这么受欢迎吗?

莱特级战舰

servlet并不像JSP那样嵌入在APP中

可以生成各种文本文件

例如html、xml、java等

学习成本低

因为是用java写的,所以语法和java很像

接下来,我们来看看Spring Boot集成Freemarker的实战操作。

Freemarker 渲染 Web 页面

首先,添加pom依赖关系。 我们使用SpringBoot初始化器制作SpringBoot基础工程。 因为我是做Web开发的,所以记得加上Web依赖。 根据我们的经验,如果想用SpringBoot整合什么的话

技术只需要添加相关技术的依赖就可以,所以呢,这里我们就直接添加FreeMarker的依赖。

html静态网页代码模板优秀web前端简历实例-风君子博客

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

html静态网页代码模板优秀web前端简历实例-风君子博客

添加FreeMarker相关属性配置

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

html静态网页代码模板优秀web前端简历实例-风君子博客

创建页面

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

html静态网页代码模板优秀web前端简历实例-风君子博客

创建Controller

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

html静态网页代码模板优秀web前端简历实例-风君子博客

测试结果

最后启动Spirng Boot工程,在浏览器地址栏中输入如下地址就可以了,

效果如下:

html静态网页代码模板优秀web前端简历实例-风君子博客

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

怎么样,你了解了么?欢迎和我们一起探讨。

更多IT技术干货,请关注课工场,和我们一起关注前沿技术,快速提升。

一分快三推荐实战操作。

Freemarker 渲染 Web 页面

首先,添加pom依赖关系。 我们使用SpringBoot初始化器制作SpringBoot基础工程。 因为我是做Web开发的,所以记得加上Web依赖。 根据我们的经验,如果想用SpringBoot整合什么的话

技术只需要添加相关技术的依赖就可以,所以呢,这里我们就直接添加FreeMarker的依赖。

html静态网页代码模板优秀web前端简历实例-风君子博客

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

html静态网页代码模板优秀web前端简历实例-风君子博客

添加FreeMarker相关属性配置

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

html静态网页代码模板优秀web前端简历实例-风君子博客

创建页面

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

html静态网页代码模板优秀web前端简历实例-风君子博客

创建Controller

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

html静态网页代码模板优秀web前端简历实例-风君子博客

测试结果

最后启动Spirng Boot工程,在浏览器地址栏中输入如下地址就可以了,

效果如下:

html静态网页代码模板优秀web前端简历实例-风君子博客

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

怎么样,你了解了么?欢迎和我们一起探讨。

更多IT技术干货,请关注课工场,和我们一起关注前沿技术,快速提升。