亿级流量电商详情页系统实战-1.小型电商网站的商品详情页的页面静态化架构以及其缺陷

1.电商网站按规模分类

电商网站里,大概可以说分成两种:

  • 小型电商
    简单的一种架构方案,页面静态化的方案
  • 大型电商
    复杂的一套架构,大电商,国内排名前几的电商,大型的详情页架构页面静态化,全量的页面静态化

2.小型电商的页面静态化的方案

2.1 静态页面生成过程

  1. 编写一个模板文件

    <html>
    	<title></title>
    	<body>
    		商品名称:#{productName}
    		商品价格:#{productPrice}
    		商品描述:#{productDesc}
    	</body>
    </html>
    
  2. 对应的数据

    product表:
    
    product_name		product_price		product_desc
    iphon7 plus			5599.50				这是最好的手机
    
  3. 经过页面渲染后

    <html>
    	<title>
    		<style css>
    		<javascript>
    	</title>
    	<body>
    		商品名称:iphon7 plus
    		商品价格:5299.50	
    		商品描述:这是最好的手机,大降价了
    	</body>
    </html>
    

2.2 静态页面修改过程

  1. 修改模板文件

    <html>
    	<title>
    		<style css>
    		<javascript>
    	</title>
    	<body>
    		商品名称:#{productName}
    		商品价格:#{productPrice}
    		商品描述:#{productDesc}
    	</body>
    </html>
    
  2. 数据变更

    product表:
    
    product_name		     product_price		       product_desc
    iphon7 plus(玫瑰)	         5299.50				  这是最好的手机,大降价了
    
  3. 经过页面渲染后

    <html>
    	<title>
    		<style css>
    		<javascript>
    	</title>
    	<body>
    		商品名称:iphon7 plus(玫瑰)
    		商品价格:5299.50	
    		商品描述:这是最好的手机,大降价了
    	</body>
    </html>
    

2.3 模板渲来的问题

假如模板改变了,那么这个模板对应的所有数据,1万个数据,全部重新渲染一遍,填充到模板中,生成最终的静态化html页面。

对于小网站,页面很少,很实用,非常简单,模板引擎(如:velocity,freemarker),页面数据管理的cms系统或内容管理系统,点击一个按钮,做成系统自动化,重新全量渲染html --> 几百个页面,推送到nginx服务器上面,直接走html。

但对于大型系统,页面太多,上亿,一个模板修改了,重新渲染一亿的商品,靠谱嘛?可能需要渲染几天。

猜你喜欢

转载自blog.csdn.net/weixin_42868638/article/details/112306133