前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >电商详情页系统实战(2) -小型电商网站商品详情页的页面静态化架构及缺陷

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

作者头像
JavaEdge
发布2022-11-30 15:13:40
4720
发布2022-11-30 15:13:40
举报
文章被收录于专栏:JavaEdgeJavaEdge

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

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

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

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

代码语言:javascript
复制
<html>
	<title></title>
	<body>
		商品名称:#{productName}
		商品价格:#{productPrice}
		商品描述:#{productDesc}
	</body>
</html>

=>

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

product1.html

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

product表

代码语言:javascript
复制
product_name		product_price		product_desc

iphon7 plus			5599.50				这是最好的手机

=>

代码语言:javascript
复制
iphon7 plus(玫瑰)	5299.50				这是最好的手机,大降价了

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

模板的渲染

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

iphone7_plus.html

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

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

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

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

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

参考

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-07-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 参考
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档