小型电商商品详情页静态化处理(简单模拟)

Freemarker静态化模板处理

小型电商FreeMarker静态化模板处理: 这里可用使用freemarker/velocity模板引擎

pom.xml:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

先来个简单的goods.ftl:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
这是商品: ${goodsName}   ?????
</body>
</html>

Controller层实现:

package com.zking.controller;

import com.zking.pojo.GoodsInfo;
import freemarker.template.Configuration;
import freemarker.template.Template;
import freemarker.template.TemplateException;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * @description:
 * @author: codinglife
 * @time: 2020/12/3 16:40
 */
@Controller
@RequestMapping("/goods")
public class goodController {

    private Logger logger = LoggerFactory.getLogger(this.getClass());

    @Autowired
    private Configuration freemarkerConfiguration;


    @GetMapping("/query/goodsInfo")
    @ResponseBody
    public String queryGoodsInfo(Model model) throws IOException, TemplateException {
        //这里可以从数据库里面获取数据(此处模拟)
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            list.add("大保健" + i);
        }

        //获取模板对象
        Template template = freemarkerConfiguration.getTemplate("goods.ftl");
        Map<String, Object> params = new HashMap<>();
        FileWriter out = null;
        for (String s : list) {
            File file = new File("D:\goods\" + s + ".html"); //要生成html的地址
            out = new FileWriter(file);
            params.put("goodsName", s);  //这里要符合ftl页面的数据格式
            template.process(params, out);  //模板执行流程
            out.close();
        }
        out.close(); //记得打开了要关闭
        return null;
    }


}

执行结果:

最后,启动Nginx进行访问

结果:

流程图:

这个流程结合实际的业务场景流程如下:

没有实现静态化处理场景:

优点:不考虑效率和安全的情况下,基本功能实现了。

缺点:每个用户请求都要调用接口访问数据库获取数据,速度慢,吞吐量小,效率低。

优化一下:

减少数据库访问,在请求Mysql或者其他关系型数据库的中间加个Redis进行缓存。

优点:效率有明显提升

缺点:还是不够快,没有达到目前市场上的极致效率。

优化一下:

减少Tomcat的网络请求开销:

直接将前端页面数据渲染生成静态化模板,初始化的时候把数据渲染生成HTML模板,然后上传到服务器上面,用户请求直接请求服务器,获取模板,不请求tomcat,减少开销

优点:效率有明显提升

缺点:如果数据达到亿级或者更多,那么模板就比较庞大了,如果数据发生改变,模板数据要全量更新,耗时相当大,不够现实。

所以这种设计只适合小型电商,数据量相对少的的情况。

大型电商 市面上采用的是:异步多级缓存静态化处理

经验分享 程序员 微信小程序 职场和发展