电商详情页系统实战(2) -小型电商网站商品详情页的页面静态化架构及缺陷

举报
JavaEdge 发表于 2021/06/04 00:59:48 2021/06/04
【摘要】 商品详情页的系统架构 => 缓存架构 => 高并发 => 高可用 电商网站里,大概可以说分成两种 小型电商 简单的一种架构方案,页面静态化的方案大型电商 复杂的一套架构,大电商,国内排名前几的电商,用得应该咱们这里讲解的这套大型的详情页架构 页面静态化,全量的页面静态化 <html> <title></...

商品详情页的系统架构 => 缓存架构 => 高并发 => 高可用

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

  • 小型电商
    简单的一种架构方案,页面静态化的方案
  • 大型电商
    复杂的一套架构,大电商,国内排名前几的电商,用得应该咱们这里讲解的这套大型的详情页架构

页面静态化,全量的页面静态化

<html>
	<title></title>
	<body>
		商品名称:#{productName}
		商品价格:#{productPrice}
		商品描述:#{productDesc}
	</body>
</html>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

=>

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

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

product1.html

假设是放在一个数据库里的

product表

product_name		product_price		product_desc

iphon7 plus			5599.50 这是最好的手机

  
 
  • 1
  • 2
  • 3

=>

iphon7 plus(玫瑰)	5299.50 这是最好的手机,大降价了

  
 
  • 1

…1万行数据,1万个页面

模板的渲染

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

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

iphone7_plus.html

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

对于小网站,页面很少,很实用,非常简单,模板引擎,velocity,freemarker,页面数据管理的cms系统,内容管理系统

点击一个按钮,做成系统自动化,重新全量渲染

html --> 几百个页面,推送到nginx服务器上面,直接走html

页面太多,上亿,一个模板修改了,重新渲染一亿的商品,靠谱,几天

参考

(第二版)亿级流量电商详情页系统实战-缓存架构+高可用服务架构+微服务架构

文章来源: javaedge.blog.csdn.net,作者:JavaEdge.,版权归原作者所有,如需转载,请联系作者。

原文链接:javaedge.blog.csdn.net/article/details/96052942

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。