使用freemarker实现网页静态化，ActiveMq同步生成静态网页

时间  2020-12-27

使用freemarker实现网页静态化

这是Freemarker需要的模板

1.1. 什么是freemarker

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

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

1.2. Freemarker的使用方法

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

Maven工程添加依赖

<dependency>

  <groupId>org.freemarker</groupId>

  <artifactId>freemarker</artifactId>

  <version>2.3.23</version>

</dependency>

 

原理

使用步骤：

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

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

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

第四步：加载一个模板，创建一个模板对象。

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

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

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

第八步：关闭流。

示例

模板：

${hello}

 

@Test

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

      }

宜立方商城中运用

ActiveMq同步生成静态网页

1.1. 商品详情页面静态化

1.1.1.    网页的静态化方案

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

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

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

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

生成静态页面的时机：商品添加后，生成静态页面。可以使用Activemq，订阅topic（商品添加）（这就是我们需要的消息来源发送消息方）

这里我们的服务层需要一个发送来的消息


//发送一个商品添加信息
jmsTemplate.send(topicDestination, new MessageCreator() {
    @Override
    public Message createMessage(Session session) throws JMSException {
        //设置消息内容为商品id值需要转换一下类型为字符串
        TextMessage textMessage = session.createTextMessage(itemId+"");
        return textMessage;
    }
});

项目表现层模块划分结构

Item.java代码

/**
 * 2、根据商品id查询商品信息(tb_item)得到一个TbItem对象，缺少images属性，
 * 可以创建一个pojo继承TbItem，添加一个getImages方法。在e3-item-web工程中。
 */
public class Item extends TbItem {
    /**
     * 初始化所有值
     * @param tbItem
     */
     public Item(TbItem tbItem){
         this.setId(tbItem.getId());
         this.setTitle(tbItem.getTitle());
         this.setSellPoint(tbItem.getSellPoint());
         this.setPrice(tbItem.getPrice());
         this.setNum(tbItem.getNum());
         this.setBarcode(tbItem.getBarcode());
         this.setImage(tbItem.getImage());
         this.setCid(tbItem.getCid());
         this.setStatus(tbItem.getStatus());
         this.setCreated(tbItem.getCreated());
         this.setUpdated(tbItem.getUpdated());
     }

    /**
     * 返回字符串images
     * @return
     */
     public String[] getImages(){
         String image2 = this.getImage();
         if (image2!=null && !"".equals(image2)){
             String[] strings = image2.split(",");
             return strings;
         }
         return  null;
     }

HtmlGenListtener.java代码

resource.properties


/**
 * 监听商品添加信息，生成对应的静态页面
 * @Auther: Administrator
 * @Date: 2018/5/30 0030 17:06
 * @Description:
 */
public class HtmlGenListener implements MessageListener {
    @Autowired
    private ItemService itemService;
    @Autowired
    private FreeMarkerConfigurer freeMarkerConfigurer;
    @Value("${HTML_GEN_PATH}")
    private String HTML_GEN_PATH;
    @Override
    public void onMessage(Message message) {
        try {
            //从消息中取出商品id
            TextMessage textMessage= (TextMessage) message;
            String text = textMessage.getText();
            Long itemId= Long.valueOf(text);
            System.out.println(itemId);
           //等待事务提交
            Thread.sleep(1000);
            //根据商品id查询商品信息
            TbItem tbItem = itemService.getItemById(itemId);
            Item item=new Item(tbItem);
            //根据商品id查询商品描述信息
            TbItemDesc tbItemDesc = itemService.selectTbItemDesc(itemId);
            //创建一个数据集，把商品数据封装
            Map data=new HashMap();
            data.put("item",item);
            data.put("itemDesc",tbItemDesc);
            //加载模板对象
            Configuration configuration = freeMarkerConfigurer.getConfiguration();
            Template template = configuration.getTemplate("item.ftl");
            //创建一个输出流，指定输出的目录和文件名
            Writer out = new FileWriter(HTML_GEN_PATH + itemId + ".html");
            // 使用模板生成静态页面
            template.process(data,out);
            //关闭流
            out.close();

        } catch (Exception e) {
            e.printStackTrace();
        }
    }

applicationContent-activemq.xml配置文件写入

<!-- 真正可以产生Connection的ConnectionFactory，由对应的 JMS服务厂商提供 -->
<bean id="targetConnectionFactory" class="org.apache.activemq.ActiveMQConnectionFactory">
    <property name="brokerURL" value="tcp://192.168.25.128:61616" />
</bean>
<!-- Spring用于管理真正的ConnectionFactory的ConnectionFactory -->
<bean id="connectionFactory"
      class="org.springframework.jms.connection.SingleConnectionFactory">
    <!-- 目标ConnectionFactory对应真实的可以产生JMS Connection的ConnectionFactory -->
    <property name="targetConnectionFactory" ref="targetConnectionFactory" />
</bean>
<!--这个是主题目的地，一对多的 -->
<bean id="topicDestination" class="org.apache.activemq.command.ActiveMQTopic">
    <constructor-arg value="itemAddTopic" />
</bean>
<!-- 监听商品添加消息，同步索引库 -->
<bean id="htmlGenListener" class="com.e3mall.item.listener.HtmlGenListener"/>
<bean class="org.springframework.jms.listener.DefaultMessageListenerContainer">
    <property name="connectionFactory" ref="connectionFactory" />
    <property name="destination" ref="topicDestination" />
    <property name="messageListener" ref="htmlGenListener" />
</bean>

springmvc.xml配置freemarker

<!--配置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>

这是Freemarker生成的html页面存放位置

我们这里配置一些Windows 7 下Nginx


解压Nginx文件


在conf文件中找到nginx.conf文件打开配置红色的端口号和存放的Freemarker文件的路径

成功页面

联系我们 沪ICP备13005482号-10