网页静态化技术--Freemarker入门

网页静态化技术:为什么要使用网页静态化技术

　　网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道.

　　对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决.

　　网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合较大规模且相对变化不太频繁的数据.

　　另外我们如果将网页以纯静态化的形式展现,就可以使用Nginx这样的高性能的web服务器来部署.Nginx可以承载5万的并发,而Tomcat只有几百.

　　什么是Freemarker?

　　Freemarker是一款使用java写的模板引擎,它基于模板来生成文本输出.它虽然不是web的应用框架,因为FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或Http,但它很适合作为web应用框架的一个组件.它不仅可以用作表现层的实现技术,而且还可以用于生成XML.JSP.JAVA等.

特点:

1.轻量级模板引擎,不需要Servlet环境就可以很轻松的嵌入到应用程序中.

2.能生成各种文本,如html.xml.java等

3.入门简单,它是用java编写的.很多语法和java相似.

工作原理的话是:模板+数据==输出    == 就是Freemarker  可以输出到指定的位置,生成一个完成的页面.

它属于第三方公司的一个产品,而Velocity  是Apache,但是Apache也是使用FreeMarker.还有及时Struts底层就是使用Freemarker进行实现的.

Freemarker的作用?

　　自定义框架

　　自定义代码生成器.

　　MyBatis逆向工程.

下面来写一个FreeMarker工程来试试:

　　引入的依赖为:

<dependencies>
      <dependency>
            <groupId>org.freemarker</groupId>
            <artifactId>freemarker</artifactId>
            <version>2.3.23</version>
      </dependency>
  </dependencies>
  <build>
    <plugins>
        <!-- java编译插件 -->
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-compiler-plugin</artifactId>
            <version>3.2</version>
            <configuration>
                <source>1.8</source>
                <target>1.8</target>
                <encoding>UTF-8</encoding>
            </configuration>
         </plugin>
    </plugins>
  </build>

创建模板文件:模板文件中四种元素

　　1.文本,直接输出的部分

　　2.注释.即<#--..-->格式不会输出

　　3.插值(Interpolation):即${...}部分,将使用数据模型中的部分替代输出

　　4.FTL指令:FreeMarker指令,和HTML标记类似,名字前家#予以区分,不会输出.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<#--我只是一个注释,这里会在Test.ftl中进行输出-->
${zxs}
</body>
</html>

生成文件的java代码部分:

1.创建FreeMarker对象为Congruation,直接new,然后通过传入Conguration.getVersion()来进行创建.

2.设置模板所在的路径,我这里使用的ftl这个文件夹.设置字符集utf-8

3.获取模板,创建一个模板对象

4.创建一个模板使用的数据集,可以是pojo,也可以是map,一般都是map

5.创建一个Writer独享,一般创建一个FileWriter对象,指定生成的文件名.

6.调用模板的process方法输出文件,

7.关闭流

import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateException;

import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.HashMap;
import java.util.Map;

/**
 * @Auther:qingmu
 * @Description:脚踏实地,只为出人头地
 * @Date:Created in 15:34 2019/4/22
 *
 * 简单的入门
 * 1.创建FreeMarker的Conguuration对象
 * 2.设置模板路径,设置字符集
 * 3.加载模板
 * 4.使用pojo或者map添加数据
 * 5.使用Writer进行   输出
 * 6.关闭流
 */
public class FreeMarkerDemo {
    public static void main(String[] args) throws IOException, TemplateException {

//        1.创建FreeMarker对象,传入一个参数为版本.为了取出过时的构造参数.
        Configuration configuration = new Configuration(Configuration.getVersion());

//        2.设置模板所在的位置
        String dir = "G:\\idjavacode\\pyg_qingmu\\FreeMarker\\src\\ftl\\";
        configuration.setDirectoryForTemplateLoading(new File(dir));

//        3.设置字符集
        configuration.setDefaultEncoding("utf-8");

//        4.加载模板
        Template template = configuration.getTemplate("FreeMarker.ftl");

//        5.创建一个pojo或者创建一个map来存储数据
        Map map = new HashMap<>();
        map.put("zxs", "周星星");

//        6.创建writer对象
        Writer writer = new FileWriter(new File(dir + "test.ftl"));

//        7.输出
        template.process(map, writer);
//        8.关闭流
        writer.close();
        System.out.println("完成");
    }
}

执行后,在我的文件中生成的代码为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
周星星
</body>
</html>

FTL指令

assign指令:此指令用于在页面上定义一个变量.

定义简单类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<#--assign指令-->
<#assign linkname="周先生">
姓名:${linkname}
</body>
</html>

然后效果图为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
姓名:周先生
</body>
</html>

定义对象类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<#assign info={"电话":"13058752743","地址":"北京市顺义"}>
电话:${info.电话}
地址:${info.地址}
</body>
</html>

效果图为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
电话:13058752743
地址:北京市顺义
</body>
</html>

include指令:此指令用于模板文件的嵌套

创建模板文件head.ftl

<h>黑马程序员</h><br/>

引入include文件的标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<#include "head.ftl"><br/>
</body>
</html>

效果图为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<h>黑马程序员</h><br/>
</body>
</html>

if指令:在模板文件上添加:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>
<#--if指令-->
<#if success>
    审核通过
    <#else>
    审核未通过
</#if>

</body>
</html>

在代码中需要添加的是:

 map.put("success",true);

然后显示的效果图为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

    审核通过

</body>
</html>

list指令:

在java代码中自己编写代码:

     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);

在模板上添加为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

<#list goodsList as goods>
    name:${goods.name}
price:${goods.price}
</#list>

</body>
</html>

效果显示为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

    name:苹果
price:5.8
    name:香蕉
price:2.5
    name:橘子
price:3.2

</body>
</html>

内建函数   变量+?+函数名称

获取集合的大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

<#list goodsList as goods>
    name:${goods.name}
price:${goods.price}
</#list>

${goodsList?size}

</body>
</html>

效果图为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

3

</body>
</html>

转换Json字符串为对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

<#assign text="{‘bank‘:‘工商银行‘,‘account‘:‘10101920201920212‘}" />
<#assign data=text?eval>
${data.bank}
${data.account}

</body>
</html>

效果为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

工商银行
10101920201920212

</body>
</html>

日期格式化转化为:

        map.put("today",new Date());

日期转化为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

${today?date}
${today?time}
${today?datetime}
${today?string("yyyy年MM月")}

</body>
</html>

效果为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

2019-4-22
17:23:18
2019-4-22 17:23:18
2019年04月

</body>
</html>

数字转换为字符串

插入数据为:

        map.put("point",123456);
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

${point}

</body>
</html>

效果为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

123,456

</body>
</html>

因为最后输出的结果带有,所以使用内建函数c

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

${point?c}

</body>
</html>

效果为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FreeMarker入门小程序</title>
</head>
<body>

123456

</body>
</html>

//TODO

原文地址：https://www.cnblogs.com/qingmuchuanqi48/p/10751457.html

时间： 2024-08-06 23:22:28

网页静态化技术--Freemarker入门的相关文章

网页静态化技术Freemarker的详细介绍

网页静态化技术Freemarker 一.Freemarker的基本介绍 1.1为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化

网页静态化解决方案-Freemarker demo+语法

1.网页静态化技术Freemarker 1.1为什么要使用网页静态化技术 网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道. 对于电商网站的商品详细页来说,至少几百万个商品,每个商品又有大量的信息,这样的情况同样也适用于使用网页静态化来解决. 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化还有利于SEO. 另外我们如果将

网页静态化解决方案Freemarker(一)

序言: 沉淀了三个月,逐步将自己最近两年在公司中用到的技术和知识点,重新整理归纳了下,对比以前可以发现,现在技术更新越来越快,也越来越成熟,在互联网企业,用到的技术也更先进,更领先,比如微服务.分布式和高并发等等.接下来我会将自己创业的时候在客户做项目,用到的一些技术和知识点给大家分享,供大家参考学习.下面我们先从网页静态化技术开始,这在项目中还是用的比较多的,如果小伙伴还有什么希望了解的技术,可以在留言区注释,我会挑选自己擅长的地方给大家分享.下面开始今天的学习吧! ——WZY 一.什么是Fr

网页静态化—redis | freemarker

1.   学习计划 1.商品详情页面展示,动态展示 jsp + redis 2.使用freemarker实现网页静态化 3.ActiveMq同步生成静态网页 两个方案对比,方案一依赖web容器,redis的引入确实是减轻了数据库的压力,却也有明显的不足,撇开缓存的上限不说,方案一中web容器还是会去编辑和解析jsp页面,从缓存中拿数据,生成html返回给客户端:而方案二完全脱离web容器,不仅减轻了数据库的压力,也减轻了web容器的压力,性能更加优越. 下面分别演示这两种解决方案.这里对搭建工程

[项目构建 九]babasport 页面静态化技术Freemarker技术的介绍及使用实例.

一.FreeMarker简介 1.动态网页和静态网页差异 在进入主题之前我先介绍一下什么是动态网页,动态网页是指跟静态网页相对应的一种网页编程技术.静态网页,随着HTML代码的生成,页面的内容和显示效 果就不会再发生变化(除非你修改页面代码).而动态网页则不然,页面代码虽然没有发生变化,但是显示的内容却是可以随着时间.环境或者数据库操作的结果而 发生相应的变化.简而言之,动态网页是基本的HTML语法规范与java.VB.VC等高级程序设计语言.数据库编程等多种技术的融合,以实现对网站内容 和风格

静态化技术Freemarker

什么是Freemarker FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP.它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等. 目前企业中:主要用Freemarker做静态页面或是页面展示 使用Freemarker所用到的jar 把下载到的jar包(freemarker-2.3.9.jar)放到\WebRoot\WEB-INF\lib目录下.

几种常见的java网页静态化技术对比

名称 优点 缺点 使用场景 jsp 1.功能强大,可以写java代码 2.支持jsp标签(jsp tag) 3.支持表达式语言(el) 4.官方标准,用户群广,丰富的第三方jsp标签库 5.性能良好.jsp编译成class文件执行,有很好的性能表现  JSP性能太致命了,前后端分离基本都不用他了.JSP动态资源和静态资源全部耦合在一起,服务器压力大,因为服务器会收到各种http请求,例如css的http请求,js的,图片的等等? 适合初学者 老项目 不推荐项目使用 freemarker     

网页静态化

为啥要网页静态化 网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁的数据.另外网页静态化还有利于SEO. 另外我们如果将网页以纯静态化的形式展现,就可以使用Nginx这样的高性能的web服务器来部署.Nginx可以承载5万的并发,而Tomcat只有几百. Test.ftl <#--我只是一个注释,我不会有任何输出 --> ${name},你好.${message} <h3>a

FreeMarker实现网页静态化

1.FreeMarker实现网页静态化. FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出.FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP.它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等.目前企业中:主要用Freemarker做静态页面或是页面展示. 2.使用freemarker需要的jar. a).把下载到的jar包(freemarker-2.3.23.jar)放到\webapp\WEB