利用freemarker做html页面静态化

1.1. 什么是freemarker

FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出。FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等。

目前企业中:主要用Freemarker做静态页面或是页面展示

1.2. Freemarker的使用方法

把freemarker的jar包添加到工程中。

Maven工程添加依赖

[html] view plaincopy

org.freemarker

freemarker

2.3.23

原理:

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_spring

使用步骤:

第一步:创建一个Configuration对象,直接new一个对象。构造方法的参数就是freemarker对于的版本号。

第二步:设置模板文件所在的路径。

第三步:设置模板文件使用的字符集。一般就是utf-8.

第四步:加载一个模板,创建一个模板对象。

第五步:创建一个模板使用的数据集,可以是pojo也可以是map。一般是Map。

第六步:创建一个Writer对象,一般创建一FileWriter对象,指定生成的文件名。

第七步:调用模板对象的process方法输出文件。

第八步:关闭流。

[java] view plaincopy@Test

publicvoidgenFile()throwsException {

// 第一步:创建一个Configuration对象,直接new一个对象。构造方法的参数就是freemarker对于的版本号。

Configuration configuration = newConfiguration(Configuration.getVersion());

// 第二步:设置模板文件所在的路径。

configuration.setDirectoryForTemplateLoading(newFile("D:/workspaces-itcast/term197/taotao-item-web/src/main/webapp/WEB-INF/ftl"));

// 第三步:设置模板文件使用的字符集。一般就是utf-8.

configuration.setDefaultEncoding("utf-8");

// 第四步:加载一个模板,创建一个模板对象。

Template template = configuration.getTemplate("hello.ftl");

// 第五步:创建一个模板使用的数据集,可以是pojo也可以是map。一般是Map。

Map dataModel = newHashMap<>();

//向数据集中添加数据

dataModel.put("hello","this is my first freemarker test.");

// 第六步:创建一个Writer对象,一般创建一FileWriter对象,指定生成的文件名。

Writer out = newFileWriter(newFile("D:/temp/term197/out/hello.html"));

// 第七步:调用模板对象的process方法输出文件。

template.process(dataModel, out);

// 第八步:关闭流。

out.close();

}

1.3. 模板的语法

1.3.1.    访问map中的key

${key}

1.3.2.    访问pojo中的属性

Student对象。学号、姓名、年龄

${key.property}

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_freemarker将xml转为html_02

1.3.3.    取集合中的数据

${student.id}/${studnet.name}

#list>

循环使用格式:

#list>

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_freemarker将xml转为html_03

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_freemarker将xml转为html_04

1.3.4.    取循环中的下标

${student_index}

#list>

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_html_05

1.3.5.    判断

#if>

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_html_06

1.3.6.    日期类型格式化

直接取值:${date}(date是属性名)如果传来的是一个Date型数据会报错

${date?date} 2016-9-13

${date?time} 17:53:55

${date?datetime} 2016-9-13 17:53:55

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_html_07

1.3.7.    Null值的处理

如果直接取一个不存在的值(值为null)时会报异常

${aaa}

处理: ${aaa!”默认值”}或者${aaa! }代表空字符串

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_HTML_08

1.3.8.    Include标签

(相当于jstl中的包含)

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_HTML_09

1.4. Freemarker整合spring

引入jar包:

Freemarker的jar包

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_HTML_10

1.4.1.    创建整合spring的配置文件[html] view plaincopy<?xmlversionxmlversion ="1.0"encoding="UTF-8"?>

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns:p="http://www.springframework.org/schema/p"

xmlns:context="http://www.springframework.org/schema/context"

xmlns:dubbo="http://code.alibabatech.com/schema/dubbo"xmlns:mvc="http://www.springframework.org/schema/mvc"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd

http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd

http://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsd

http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">

需要编写一Controller进行测试

1.4.2.    Controller

请求的url:/genhtml

参数:无

返回值:ok (String, 需要使用@ResponseBody)

业务逻辑:

1、从spring容器中获得FreeMarkerConfigurer对象。

2、从FreeMarkerConfigurer对象中获得Configuration对象。

3、使用Configuration对象获得Template对象。

4、创建数据集

5、创建输出文件的Writer对象。

6、调用模板对象的process方法,生成文件。

7、关闭流。

加载配置文件:

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_HTML_11

[html] view plaincopy@Controller

publicclass HtmlGenController {

@Autowired

private FreeMarkerConfigurerfreeMarkerConfigurer;

@RequestMapping("/genhtml")

@ResponseBody

public String genHtml()throws Exception {

// 1、从spring容器中获得FreeMarkerConfigurer对象。

// 2、从FreeMarkerConfigurer对象中获得Configuration对象。

Configuration configuration=freeMarkerConfigurer.getConfiguration();

// 3、使用Configuration对象获得Template对象。

Template template=configuration.getTemplate("hello.ftl");

// 4、创建数据集

Map dataModel=newHashMap<>();

dataModel.put("hello","1000");

// 5、创建输出文件的Writer对象。

Writer out=newFileWriter(new File("D:/temp/term197/out/spring-freemarker.html"));

// 6、调用模板对象的process方法,生成文件。

template.process(dataModel, out);

// 7、关闭流。

out.close();

return"OK";

}

}

利用freemarker做html页面静态化 相关文章

react怎么渲染html标签

react渲染html标签的方法:可以使用dangerousSetInnerHTML属性来进行渲染,如【div dangerousSetInnerHTML={{__html: textCotent}}/div】。 环境: 本文适用于所有品牌的电脑。 (学习视频分享:react视频教程) 方法介绍: 如果从后端获取到一端HTML标签的

html是网页文件吗

html是网页文件,Html文件就是平时我们所说的静态网页文件,是以“.html”或“.htm”扩展名结尾的文件;是直接通过浏览器就能打开浏览的超文本文件。 改方法适用于所有品牌电脑 Html文件就是平时我们所说的静态网页文件 ,是以“.html”或“.htm”扩展名结尾

使用HTML和CSS的新特性实现响应式布局

除了使用媒体查询和现代CSS布局(如flexbox和grid)来创建响应式网站外,我们还可以做好某些被忽视的事情来制作响应式网站。在本文中,我们将探讨许多可用的工具(围绕HTML和CSS),从响应图像到相对较新的CSS函数,无论我们是否使用媒体查询,它们都可以正

php如何实现html内容替换

php html内容替换的方法:首先创建一个HTML示例文件;然后通过“preg_match_all($pattern,htmlspecialchars_decode($a),$match);”方法修改html里面的内容即可。 推荐:《PHP视频教程》 本方法适用于任何品牌的电脑。 php修改html里面的内容 已知下面一段htm

详解利用VSCode REST插件进行API调用的方法

相关推荐:《vscode基础使用教程》 为什么要离开IDE去测试新的API?现在你不必这样做了。 我们如何获取数据 如果你已经做了很长时间的Web开发,你可能知道我们的很多工作都是围绕着数据展开的:读取数据、写入数据、操作数据,并以合理的方式在浏览器中显示

css写在html里面吗

css可以写在html里面,也可以写在一个“.css”文件中,然后使用link标签链接到HTML文件中。css写在html里的方法:1、使用style属性,在HTML标签内写css样式;2、在head部分通过style标签定义css样式。 在html中添加css样式有三种方法:内联样式、内部样式表

HTML有哪些事件属性

html事件属性有:onblur、onerror、onfocus、onsubmit、onkeydown、onkeypress、onclick、ondblclick、onmousedown、onmousemove、onmouseout等等。 HTML事件属性 Window 事件属性 针对 window 对象触发的事件。 适用于 body 标签: 属性 值 描述 onafterpri

jquery怎么获取html元素的内容

jquery获取html元素内容的方法:1、使用html(),可返回被选元素的内容,语法“$(selector).html()”;2、使用text(),可返回被选元素的文本内容,语法“$(selector).text()”。 【相关推荐:jQuery视频教程】 1、html(): 返回原始HTML文档、但是在IE中可能

详解利用phpmyadmin设置mysql的权限

下面由 phpmyadmin使用 教程 栏目给大家详解利用phpmyadmin设置mysql的权限,希望对需要的朋友有所帮助! 第一步:登陆root用户。 第二步:新建一个数据表,并且选好排序规则,此处我使用testtable。 第三步:我们新建一个用户输入相关的账户名以及密码就可

vue如何注释

vue注释的方法:1、html注释,代码为【】;2、【pug(html)】注释,代码为【div //】;3、js注释,代码为【var a = abc;】。 【相关文章推荐:vue.js】 vue注释的方法: 在每个代码块内,注释的时候,需要使用各自语言的注释语法去注释(HTML、CSS、JavaScrip

利用freemarker做html页面静态化 图文文章

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_spring_12

Eureka集群 Eureka高可用 服务注册Eureka集群 含yml配置文件

Eureka集群 Eureka高可用 服务注册Eureka集群 含yml配置文件 [var1] ??如果一个Eureka server发生宕机,某些微服务也出现故障的时候。Eureka Client中的缓存就无法更新,可能会影响微服务之间的调用,所以为了高可用性,我们在线上选择集群模式。本文代码以2

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_freemarker将xml转为html_13

resetFields和clearValidate区别

resetFields和clearValidate区别 在使用element ui 进行表单校验的时候。混用了resetFields和clearValidate造成了个莫名奇妙的bug 记录下。 this. r e f s . f o r m . r e s e t F i e l d s ( ) ; / / 移 除 校 验 结 果 并 重 置 字 段 值 t h i s . refs

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_html_14

超简单的openCV4环境配置教程

超简单的openCV4环境配置教程 目录结构 openCV4.4+VS2017+win10 配置包含目录 配置库目录 配置链接器 配置环境变量 运行测试代码 1.openCV4.4+VS2017+win10 1.1.openCV环境准备 去官网下载opencv4.4版本,选择windows的opencv版本 解压放在设定的目录下 1.2.V

freemarker 怎么从一个页面点链接跳转到另一个页面 freemarker生成html_HTML_15

u盘格式转换的方法

u盘格式转换的方法 磁盘的格式有NTFS格式和FAT32格式,目前主流的电脑磁盘格式为NTFS格式,而U盘大多都使用的是FAT32格式,因为好多电脑对U盘FAT32格式兼容性比较好,下面小编为大家分享下如何将U盘格式转换为FAT32 将U盘格式转换为FAT32格式 方法/步骤 将U