商品详情模板由哪些构成

html-css014

商品详情模板由哪些构成,第1张

商品详情页项目架构应该由以下几方面构成。

1:商品的基本信息是用户在商城首页输入手机后再搜索引擎中返回商品结构,搜索引擎索引中只保存商品列表中的一部分商品展示信息,当用户点击一个商品就进入了商品详情页.

点击进入后第一个展示的就是商品的基本信息包括sku(颜色,尺寸等)规格参数,这些基本信息可以在商品显示商品详情页面的时候就查询显示个用户看.

2:商品描述的内容往往比较多,如果在加载商品详情页面的时候就显示出来就影响加载速度,为了快速响应用户,商品的描述可以延迟加载,延迟一秒钟加载。用js控制页面加载完

一秒钟以后再去用ajax去调用本项目的controller,controller去调用远程的rest接口获取然后返回商品描述html显示在页面上面,

设置延迟一秒钟可以用js的setTimeout方法,setTimeout设置延迟一秒钟,setTimeout只会执行一次.

这里的查询还可以通过jsoup直接调用远程rest服务.这里推荐使用调用前面说的controller方式。

3:商品的规格参数和评论等其他的tabs信息(按需加载)可以按需加载,当用户点击商品规格这些tabs标签页是在去加载,如果用户不点击就不用去查询,可以减少服务器压力。

同样这里的查询和商品2中的一样,可以ajax查询本地controller在去调用rest服务,也可以在页面上面直接使用jsoup跨域去调用远程的rest服务.

https://www.cnblogs.com/ganbo/p/6944332.html

添加代码流程如下:

打开卖家中心——进入店铺装修——点击左侧栏的宝贝详情页——添加一个新的宝贝详情页——在该详情页中进行编辑——添加自定义内容区——转换为源码格式——将代码加入后点击确定——点击该页面上部位置的页面属性——将该详情页模板应用到宝贝中——确定保存发布,搞定收工。