页面静态化
一、页面静态化介绍
每次用户访问页面都需要查询数据库获取动态数据进行展示，并且页面的访问量是比较大时，对数据库造成了很大的访问压力，且数据库中的数据变化频率并不高。那我们需要通过什么方法为数据库减压并提高系统运行性能呢？答案就是页面静态化。
页面静态化其实就是将原来的动态网页(例如通过ajax请求动态获取数据库中的数据并展示的网页)改为通过静态化技术生成的静态网页，这样用户在访问网页时，服务器直接给用户响应静态html页面，没有了动态查询数据库的过程。
那么这些静态HTML页面还需要我们自己去编写吗？其实并不需要，我们可以通过专门的页面静态化技术帮我们生成所需的静态HTML页面，例如：Freemarker、thymeleaf等。
二、Freemarker介绍
FreeMarker 是一个用 Java 语言编写的模板引擎，它基于模板来生成文本输出。FreeMarker与 Web 容 器无关，即在 Web 运行时，它并不知道 Servlet 或 HTTP。它不仅可以用作表现层的实现技术，而且还 可以用于生成 XML，JSP 或 Java 等。
三、Freemarker入门案例
1. 环境搭建
创建maven工程并导入Freemarker的maven坐标
pom.xml：
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.itheima</groupId> <artifactId>freemarkerdemo</artifactId> <version>1.0-SNAPSHOT</version> <dependencies> <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3.28</version> </dependency> </dependencies> </project>
2. 创建模板文件
模板文件中有四种元素：
1、文本，直接输出的部分
2、注释，即<#--...-->格式不会输出
3、插值（Interpolation）：即${..}部分, 将使用数据模型中的部分替代输出
4、FTL指令：FreeMarker指令，和HTML标记类似，名字前加#予以 区分，不会输出
Freemarker的模板文件后缀可以任意，一般建议为ftl。
在D盘创建ftl目录，在ftl目录中创建名称为test.ftl的模板文件，内容如下：
<html> <head> <meta charset="utf-8"> <title>freemarker入门</title> </head> <body> <#--我只是一个注释，我不会有任何输出; 在freemarker的判断中，可以使用= 也可以使用==--> ${name}你好,${message} </body> </html>
3. 生成文件
使用步骤：
第一步：创建一个 Configuration 对象，直接 new 一个对象。构造方法的参数就是 freemarker的版本 号。
第二步：设置模板文件所在的路径。
第三步：设置模板文件使用的字符集。一般就是 utf-8。
第四步：加载一个模板，创建一个模板对象。
第五步：创建一个模板使用的数据集，可以是 pojo 也可以是 map。一般是 Map。
第六步：创建一个 Writer 对象，一般创建 FileWriter 对象，指定生成的文件名。
第七步：调用模板对象的 process 方法输出文件。
第八步：关闭流。
package com.itheima.test;
import freemarker.template.Configuration;
import freemarker.template.Template;
import java.io.File;
import java.io.FileWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class FreemarkerTest {
public static void main(String[] args) throws Exception {
//创建freemarker的配置对象
Configuration configuration = new Configuration(Configuration.getVersion());
//设置模板文件所在目录
configuration.setDirectoryForTemplateLoading(new File("D:\\ftl"));
//设置字符集
configuration.setDefaultEncoding("utf-8");
//加载模板文件
Template template = configuration.getTemplate("test.ftl");
//准备模板文件中所需要的数据，通常通过map进行构造
Map map = new HashMap();
map.put("name","zhangsan");
map.put("message","hello freemarker");
//准备输出流对象，用于输出静态对象
FileWriter writer = new FileWriter(new File("D:\\html\\test.html"));
//输出
template.process(map,writer);
//关闭流
writer.close();
}
}
执行main方法，D:\\html目录下会生成test.html文件，文件内容如下：
<html> <head> <meta charset="utf-8"> <title>freemarker入门</title> </head> <body> zhangsan你好,hello freemarker </body> </html>
上面的入门案例中Configuration配置对象是自己创建的，字符集和模板文件所在目录也是在Java代码中指定的。在项目中应用时可以将Configuration对象的创建交由Spring框架来完成，并通过依赖注入方式将字符集和模板所在目录注入进去。
四、Freemark指令
模板文件中可以使用freemarker指令。
1. assign指令
assign指令用于在页面上定义一个变量
（1）定义简单类型
<#assign linkman="周先生"> 联系人：${linkman}
（2）定义对象类型
<#assign info={"mobile":"13812345678",'address':'北京市昌平区'} > 电话：${info.mobile} 地址：${info.address}
2. include指令
include指令用于模板文件的嵌套
（1）创建模板文件head.ftl
<h1>黑马程序员</h1>
（2）修改入门案例中的test.ftl，在test.ftl模板文件中使用include指令引入上面的模板文件
<#include "head.ftl"/>
3. if指令
if指令用于判断
（1）在模板文件中使用if指令进行判断
在freemarker的判断中，可以使用= 也可以使用==
<#if success=true> 你已通过实名认证 <#else> 你未通过实名认证 </#if>
（2）在java代码中为success变量赋值
map.put("success", true);
4. list指令
list指令用于遍历
（1）在模板文件中使用list指令进行遍历
<#list goodsList as goods> 商品名称： ${goods.name} 价格：${goods.price}<br> </#list>
（2）在java代码中为goodsList赋值
List goodsList=new ArrayList();
Map goods1=new HashMap();
goods1.put("name", "苹果");
goods1.put("price", 5.8);
Map goods2=new HashMap();
goods2.put("name", "香蕉");
goods2.put("price", 2.5);
Map goods3=new HashMap();
goods3.put("name", "橘子");
goods3.put("price", 3.2);
goodsList.add(goods1);
goodsList.add(goods2);
goodsList.add(goods3);
map.put("goodsList", goodsList);
5. 模板文件增加以上指令
<html> <head> <meta charset="utf-8"> <title>freemarker入门</title> </head> <body> <#include "head.ftl"/> <br> ${name}你好,${message} <br> <#assign linkman="周先生"> 联系人：${linkman} <br> <#assign info={"mobile":"13812345678",'address':'北京市昌平区'} > 电话：${info.mobile} 地址：${info.address} <br> <#assign success=false> <#if success=true> 你已通过实名认证 <#else> 你未通过实名认证 </#if> <br> <#list goodsList as goods> 商品名称：${goods.name} 价格：${goods.price}<br> </#list> </body> </html>
修改main方法：
public static void main(String[] args) throws Exception {
//创建freemarker的配置对象
Configuration configuration = new Configuration(Configuration.getVersion());
//设置模板文件所在目录
configuration.setDirectoryForTemplateLoading(new File("D:\\ftl"));
//设置字符集
configuration.setDefaultEncoding("utf-8");
//加载模板文件
Template template = configuration.getTemplate("test.ftl");
//准备模板文件中所需要的数据，通常通过map进行构造
Map map = new HashMap();
map.put("name","zhangsan");
map.put("message","hello freemarker");
map.put("success",true);
List goodsList=new ArrayList();
Map goods1=new HashMap();
goods1.put("name", "苹果");
goods1.put("price", 5.8);
Map goods2=new HashMap();
goods2.put("name", "香蕉");
goods2.put("price", 2.5);
Map goods3=new HashMap();
goods3.put("name", "橘子");
goods3.put("price", 3.2);
goodsList.add(goods1);
goodsList.add(goods2);
goodsList.add(goods3);
map.put("goodsList", goodsList);
//准备输出流对象，用于输出静态对象
FileWriter writer = new FileWriter(new File("D:\\html\\test.html"));
//输出
template.process(map,writer);
//关闭流
writer.close();
}
执行main方法，查看生成的test.html中内容：
<html> <head> <meta charset="utf-8"> <title>freemarker入门</title> </head> <body> <h1>黑马程序员</h1> <br> zhangsan你好,hello freemarker <br> 联系人：周先生 <br> 电话：13812345678 地址：北京市昌平区 <br> 你未通过实名认证 <br> 商品名称：苹果 价格：5.8<br> 商品名称：香蕉 价格：2.5<br> 商品名称：橘子 价格：3.2<br> </body> </html>
浙公网安备 33010602011771号