FreeMarker网页静态化

时间: 2019-06-17阅读: 1476标签: 网页

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

网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同,缓存比较适合小规模的数据,而网页静态化比较适合大规模且相对变化不太频繁 的数据。另外网页静态化还有利于seo。另外我们如果将网页以纯静态化的形式展现,就可以使用Nginx这样的高性能的web服务器来部署。Nginx可以承载5万的并发,而Tomcat只有几百。


一.FreeMarker简介

FreeMarker 是一款 用 Java 语言编写的模板引擎 : 即一种基于模板和要改变的数据, 并用来生成输出文本(html网页, XML,jsP 或 Java 等)的通用工具。 它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。

中文在线文档: http://freemarker.foofun.cn/

 


二.FreeMarker使用步骤

1.第一步:工程中引入FreeMarker依赖

<!-- FreeMarker的坐标 -->
<dependency>
    <groupId>org.freemarker</groupId>
    <artifactId>freemarker</artifactId>
    <version>2.3.23</version>
</dependency> 

2.第二步:创建模板文件(test.ftl)

模板文件中有四种元素:
  • 文本,直接输出的部分

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

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

  • FTL指令:FreeMarker指令,和html标记类似,名字前加#予以区分,不会输出

<!-- 模板文件以 .ftl结尾 -->
<html>
<head>
    <meta charset="utf-8">
    <title>Freemarker入门DEMO </title>
</head>
<body>
<#--我是一个注释,我不会有任何输出  -->
${name},你好。${message}
<#-- FTL指令,引入文件 -->
<#include "foot.ftl">
</body>
</html>

3.第三步:生成文件(main方法)

执行后,可生成test.html文件。

public class FreeMarkerTest{
    public static void main(String[] args) {
        //1.创建配置类,传入自身版本号
        Configuration configuration=new Configuration(Configuration.getVersion());
        //2.设置模板所在的目录 
        configuration.setDirectoryForTemplateLoading(new 
             File("D:/dintalk/freemarkerDemo/src/main/resources/"));
        //3.设置字符集
        configuration.setDefaultEncoding("utf-8");
        //4.加载模板
        Template template = configuration.getTemplate("test.ftl");
        //5.创建数据模型
        Map map=new HashMap();
        map.put("name", "song");
        map.put("message", "欢迎来到我的叮当屋");
        //6.创建Writer对象
        Writer out =new FileWriter(new File("d:\\test.html"));
        //7.输出
        template.process(map, out);
        //8.关闭Writer对象
        out.close();
    }
}

4.第三步:生成文件(Spring环境中)

4.1resources/spring下创建applicaitonContext-freemarker.xml配置文件
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:dubbo="http://code.alibabatech.com/schema/dubbo"
       xsi:schemaLocation="http://www.springframework.org/schema/beans 
               http://www.springframework.org/schema/beans/spring-beans.xsd
            http://code.alibabatech.com/schema/dubbo 
             http://code.alibabatech.com/schema/dubbo/dubbo.xsd">

    <!-- 1.duboo端口配置,默认是20880 -->
    <dubbo:protocol name="dubbo" port="20885"></dubbo:protocol>
    <dubbo:application name="dintalk-page-service"/>
    <dubbo:registry address="zookeeper://192.168.25.130:2181"/>
    <dubbo:annotation package="com.dintalk.page.service.impl"/>
    
    <!-- 2.freemarker的配置 -->
    <bean id="freemarkerConfig"
        class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">
        <!-- 指定模板的位置和默认编码 -->
        <property name="templateLoaderPath" value="/WEB-INF/ftl/"/>
        <property name="defaultEncoding" value="UTF-8"/>
    </bean>

</beans>
4.2编写生成页面的方法(以商城生成商品详情页为例)
/**
     * 根据商品id生成sku商品详情的静态化页面
     * @param goodsId 商品id
     * @return
     */
    @Override
    public boolean genItemHtml(Long goodsId) {
        try {
            Configuration configuration = markerConfig.getConfiguration();
            Template template = configuration.getTemplate("item.ftl");
            //1.创建数据模型
            Map dataModel = new HashMap();

            //2.加载商品数据
            TbGoods tbGoods = goodsMapper.selectByPrimaryKey(goodsId);
            dataModel.put("goods", tbGoods);

            //3.加载商品描述
            TbGoodsDesc tbGoodsDesc = goodsDescMapper.selectByPrimaryKey(goodsId);
            dataModel.put("goodsDesc", tbGoodsDesc);

            //4.加载商品详情列表
            TbItemExample example = new TbItemExample();
            example.createCriteria().andGoodsIdEqualTo(goodsId);
            example.setOrderByClause("is_default desc");
            List<TbItem> itemList = itemMapper.selectByExample(example);
            dataModel.put("itemList", itemList);

            //5.创建输出对象
            FileWriter fileWriter = new FileWriter(pageDir + goodsId + ".html");
            template.process(dataModel, fileWriter);

            //关闭资源
            fileWriter.close();
            return true;
        } catch (Exception e) {
            e.printStackTrace();
            return false;
        }
    }


三.FreeMarker常用FTL指令及函数

1.FTL指令

assign 指令 :在页面上定义变量

<!-- 简单类型 -->
<#assign linkman="宋先生">
<!-- 对象类型 -->
<#assign info={"mobile":"1501****212",‘address‘:‘北京市昌平区‘} >

include 指令:引入其他模板文件

<#include "head.ftl">

if 指令:做条件判断

<#if test=1>
  test=1
<#elseif test=2>  
  test=2
<#else>
  其他
</#if>

list 指令:实现遍历

<#list goodsList as goods>
  ${goods_index+1} 商品名称: ${goods.name} 价格:${goods.price}<br>
</#list>
<!-- 如果想在循环中得到索引,使用循环变量+_index就可以得到 -->

2.内建函数

内建函数语法格式: 变量+?+函数名称
<!-- 1.获取集合大小 : ? size -->
共  ${goodsList?size}  条记录 

<!-- 2.转换jsON字符串为对象 : ? eval -->
<#assign text="{‘name‘:‘song‘,‘sex‘:‘man‘}" />
<#assign user=text?eval />
姓名:${user.name}  性别:${user.sex}

<!-- 3.日期格式化 : ? date ?time ?datetime ?string("yyy..") -->
dataModel.put("today", new Date());
当前日期:${today?date} <br>
当前时间:${today?time} <br> 
当前日期+时间:${today?datetime} <br>        
日期格式化:  ${today?string("yyyy年MM月")}

<!-- 4.数字转为字符串对象 : ?c -->
map.put("point", 102920122);
累计积分:${point}  <!-- 累计积分:102,920,122  -->
累计积分:${point?c}  <!-- 累计积分:102920122  -->

<!-- 5.空值处理运算符 -->
<!--如果你在模板中使用了变量但是在代码中没有对变量赋值,
那么运行生成时会抛出异常。但是有些时候,有的变量确实是null如何解决-->

<!-- 5.1判断变量是否存在 ?? -->
<#if aaa??>
  aaa变量存在
<#else>
  aaa变量不存在
</#if>
<!-- 5.2缺失变量默认值 ! 使用!对null值做转换处理 -->
 ${aaa!‘-‘}
<!--在代码中不对aaa赋值也不会报错,当aaa为null则返回!后边的内容- -->

3.运算符

算术运算符

FreeMarker表达式中完全支持算术运算,FreeMarker支持的算术运算符包括:+, - , * , / ,% 。

逻辑运算符

逻辑运算符有如下几个:  逻辑与:&&  逻辑或:||  逻辑非:!  逻辑运算符只能作用于布尔值,否则将产生错误。

比较运算符

表达式中支持的比较运算符有如下几个:

1  =或者== : 判断两个值是否相等。

2  != : 判断两个值是否不等。

3  >或者gt : 判断左边值是否大于右边值 。

4  >=或者gte : 判断左边值是否大于等于右边值 。

5  <或者lt : 判断左边值是否小于右边值。 

6  <=或者lte : 判断左边值是否小于等于右边值。 

注意:=和!=可以用于字符串,数值和日期来比较是否相等,但=和!=两边必须是相同类型的值,否则会产生错误,而且FreeMarker是精确比较,"x","x ","X"是不等的.其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:<#if (x>y)> 。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/3756

javascript如何获取网页的标题(title)?

网页的标题(title),一般是由HTML文件的<title>标签决定的。如果想要获取网页的标题(title),其实就是获取<title>标签中的内容。下面本篇文章就来给大家介绍一下获取方法,希望对大家有所帮助。

实现主机访问虚拟机网页的方法总结

VMware Workstation提供了两种虚拟机上网方式,一种bridge,一种NAT,bridge可以获得公网地址,而NAT只能是内网地址了。例1:在虚拟机内搭建http服务器,使用公网地址访问,例2: ssh端口映射

使用 Apache SSI(Server Side Includes) 制作多语言版静态网页

多语言版静态网页,通常都是先做一个语言的网页,比如中文版,或英文版,然后找人翻译成另一种语言,最后合作一起,上传到网页服务器。

什么是DOCTYPE声明?对网页起何作用?

要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分。那么什么是DOCTYPE声明?对网页起何作用?DOCTYPE是document type(文档类型)的简写;!DOCTYPE声明是一种指令

网站开发需要哪些知识_网页开发你需要知道的6件事

开发网站之前,你需要知道哪些事情呢?每个开发者的答案可能都不太相同,这里整理为6个方面:界面和用户体验、安全性、性能(Performance)、搜索引擎优化、技术(Technology)、解决bug

html页面锚点链接对SEO的作用,以及实现描点的三种方式

锚链链接是一个非常重要的概念,在网页中增加恰当的锚链接,会让所在网页和所指向网页的重要程度有所提升,从而影响到关键词排名。锚链接对SEO的作用主要体现在以下几个方面

网页设计十大流行趋势

最近看到越来越多的网络设计尝试个性化的风格,其中比较突出的一点是个性化字体的增多:用自己独特设计的字体代替标准印刷体,让设计更加独特,配色改变反应了人们审美需求的改变。同色系网站设计将成为主流

静态和动态网页的区别?

在静态web程序中,客户端使用web浏览器经过网络连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务区我现在需要得到哪个页面,所有的请求交给web服务器

网页设计中的css指什么?

网页设计中的css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

网页中文本朗读功能开发实现分享

同时针对大段的文本,不能整段的去读,要按照标点符号进行断句处理。重点当然就是先获取到当前标签上的文本,再把文本转化成语音即可。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!