Freemarker网页静态化

1 课程计划

第九天:

1、使用freemarker实现网页静态化

       a )  FreeMarker的使用方法

       b )  FreeMarker的模板语法

       c )  FreeMarker整合springmvc

2、ActiveMq同步生成静态网页

3、Sso系统说明

2 网页静态化

可以使用Freemarker实现网页静态化。

2.1 什么是freemarker

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

 

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

2.2 Freemarker的使用方法

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

Maven工程添加依赖

<dependency>

  <groupId>org.freemarker</groupId>

  <artifactId>freemarker</artifactId>

  <version>2.3.23</version>

</dependency>

 

原理:

Freemarker网页静态化

使用步骤:

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

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

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

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

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

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

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

第八步:关闭流。

 

模板:

${hello}

@Test

      public void genFile() throws Exception {

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

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

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

            configuration.setDirectoryForTemplateLoading(new File("D:/workspaces-itcast/term197/e3-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 = new HashMap<>();

            //向数据集中添加数据

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

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

            Writer out = new FileWriter(new File("D:/temp/term197/out/hello.html"));

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

            template.process(dataModel, out);

            // 第八步:关闭流。

            out.close();

      }

2.3 模板的语法

2.3.1 访问map中的key

${key}

2.3.2 访问pojo中的属性

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

Freemarker网页静态化

Freemarker网页静态化

Freemarker网页静态化

创建模板:

Freemarker网页静态化

Freemarker网页静态化

2.3.3 取集合中的数据

Freemarker网页静态化

Freemarker网页静态化

<#list stuList as stu>

${stu.id}/${stu.name}

</#list>

Freemarker网页静态化

 

 

2.3.4 取循环中的下标

<#list studentList as student>

       ${student_index}

</#list>

Freemarker网页静态化

2.3.5 判断

<#if student_index % 2 == 0>

<#else>

</#if>

Freemarker网页静态化

2.3.6 日期类型格式化

Freemarker网页静态化

Freemarker网页静态化

Freemarker网页静态化

2.3.7 Null值的处理

Freemarker网页静态化

第一种处理!后面:为空的默认值

没值:

Freemarker网页静态化

Freemarker网页静态化

有值:

Freemarker网页静态化

2.3.8 Include标签

Freemarker网页静态化

<#include “模板名称”>

Freemarker网页静态化

Freemarker网页静态化

2.4 Freemarker整合spring

引入jar包:

Freemarker的jar包

Freemarker网页静态化

2.4.1 创建整合spring的配置文件

<?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: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">

 

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

需要编写一Controller进行测试

2.4.2 Controller

请求的url:/genhtml

参数:无

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

业务逻辑:

  1. 从spring容器中获得FreeMarkerConfigurer对象。
  2. 从FreeMarkerConfigurer对象中获得Configuration对象。
  3. 使用Configuration对象获得Template对象。
  4. 创建数据集
  5. 创建输出文件的Writer对象。
  6. 调用模板对象的process方法,生成文件。
  7. 关闭流。

 

加载配置文件:

Freemarker网页静态化

@Controller

public class HtmlGenController {

     

      @Autowired

      private FreeMarkerConfigurer freeMarkerConfigurer;

 

      @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 = new HashMap<>();

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

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

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

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

            template.process(dataModel, out);

            // 7、关闭流。

            out.close();

            return "OK";

      }

}

 

2.5 商品详情页面静态化

2.5.1 网页的静态化方案

输出文件的名称:商品id+“.html”

输出文件的路径:工程外部的任意目录。

网页访问:使用nginx访问网页。在此方案下tomcat只有一个作用就是生成静态页面。

工程部署:可以把e3-item-web部署到多个服务器上。

生成静态页面的时机:商品添加后,生成静态页面。可以使用Activemq,订阅topic(商品添加)

Freemarker网页静态化

Freemarker网页静态化

复制模板到ftl文件夹下:

Freemarker网页静态化

修改item.ftl:

删除头部jsp配置:

Freemarker网页静态化

1.修改jsp后缀为ftl

Freemarker网页静态化

2.修改jsp引入为ftl引入

Freemarker网页静态化

3.修改jsp遍历为ftl遍历

Freemarker网页静态化

4.删除jsp fmt标签

Freemarker网页静态化

 

代码逻辑:

1.配置监听消息

2.取出商品id

3.生成静态页面

 

操作:

1.e3-item-web加入jar包

Freemarker网页静态化

2.编写监听类

Freemarker网页静态化

 

3 Sso系统分析

3.1 什么是sso系统

SSO英文全称Single Sign On,单点登录。SSO是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。它包括可以将这次主要的登录映射到其他应用中用于同一个用户的登录的机制。它是目前比较流行的企业业务整合的解决方案之一。

3.2 为什么要有单点登录系统

3.2.1 传统的登录实现方式

Freemarker网页静态化

此方式在只有一个web工程时是没有问题。

3.2.2 集群环境下

Freemarker网页静态化

集群环境下会出现要求用户多次登录的情况。

解决方案:

  1. 配置tomcat集群。配置tomcatSession复制。节点数不要超过5个。
  2. 可以使用Session服务器,保存Session信息,使每个节点是无状态。需要模拟Session。

 

单点登录系统是使用redis模拟Session,实现Session的统一管理。