个人理解,有两种形式:

1.从后端开发的角度来看,一般来说,某个商品详情页后端代码一般是这样的

// Action (C)

public class Product{

//商品详情页方法

function item($pid){

....

$["data"] = .... //data数据一般根据$pid在此处从数据库中拿到。

return "/xxx.jsp"; //返回某个页面

}

}

//View (v)

如果是java的话一般jsp,freemarker,volicity模板

php的话就是smarty模板

node的话就是 jade等

模板的原理都是一样的,把公共的部分提取出来,不同的地方用标签代替。比如

{{title}}
{{sex2}}

后端返回的内容直接用模板渲染出来,由于pid(商品id)不同,所以可以看到不同的商品详情页的内容都不同,而实际上用的都是同一套模板,只是返回的数据不同而已。

2.从前端的角度,原理也差不多

后端并不直接返回某个页面,而是根据pid提供其对应的数据,通过ajax返回给前端,然后前端拿到数据以后填充前端模板进行渲染,打开不同的url(xxx.com/item/pid=1001)不同的pid的数据不同,所以渲染的页面不同。

php商品详情显示页面代码,商品详情页是怎么生成的?相关推荐

  1. 旅游系统(SSM框架+MySQL+Redis+VUE)前端页面代码

    旅游系统(SSM框架+MySQL+Redis+VUE)前端页面代码 文章目录 旅游系统(SSM框架+MySQL+Redis+VUE)前端页面代码 主页 登录页 注册页 注册成功 头部 尾部 收藏 我的 ...

  2. HTML完成如下网页效果代码,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例...

    本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能.分享给大家供大家参考.具体如下: JavaScript实现HTML代码预览功能,直接在网页上显示代码运行的效果,就例如点击&qu ...

  3. html在线浏览代码,Js实现HTML代码预览功能,直接显示网页代码运行效果

    直接页面显示器 BODY{MARGIN-TOP: 0px;FONT-SIZE: 9pt;MARGIN-LEFT: 4px;MARGIN-RIGHT: 0px;FONT-FAMILY: "微软 ...

  4. 商品详细信息的代码html_电商网站的商品详情页系统架构

    小型电商网站的商品详情页系统架构 小型电商网站的页面展示采用页面全量静态化的思想.数据库中存放了所有的商品信息,页面静态化系统,将数据填充进静态模板中,形成静态化页面,推入 Nginx 服务器.用户浏 ...

  5. php主页显示商品预览图代码,在ECSHOP留言板页面显示商品缩略图方法

    这里所说的留言板页面,是指独立的ecshop那个留言板栏目(message.php),而不是指商品详情页面底部的"用户评论"区,通过这个方法,用户可以引用商品的信息,进行商品的讨论 ...

  6. 小红书商品详情API接口(商品详情页面数据接口)

    小红书商品详情API接口(商品详情页面数据接口)代码对接如下: 1.公共参数 名称 类型 必须 描述 key String 是 调用key(必须以GET方式拼接在URL中,点击获取请求key和secr ...

  7. 微服务商城系统实战 后台管理页面、商家管理页面、商品列表跳转详情页

    文章目录 一.后台管理 1.根据点击的 div 展示相应页面 2.解决 height: 100% 不起作用问题 3. th:onclick 引用的函数参数是 model值 二.商家管理 1.th:ea ...

  8. 拼多多分类ID搜索商品数据分析接口(商品列表数据,商品销量数据,商品详情数据)代码对接教程

    拼多多分类ID搜索商品数据分析接口(商品列表数据,商品销量数据,商品详情数据)代码对接教程如下: 1.公共参数 名称 类型 必须 描述(接口代码教程wx19970108018) key String ...

  9. 拼多多商品详情采集上传京东店铺(拼多多商品详情接口,京东商品详情接口,整店宝贝采集接口,一键采集宝贝详情接口,无货源商品详情采集接口)代码对接教程

    拼多多商品详情采集上传京东店铺(拼多多商品详情接口,京东商品详情接口,整店宝贝采集接口,一键采集宝贝详情接口,无货源商品详情采集接口)代码对接教程如下: 1.公共参数 名称 类型 必须 描述(接口代码 ...

最新文章

  1. php网页添加图片的代码,天天查询-PHP版的kindeditor编辑器加图片上传水印功能
  2. 使用MySQL组复制的限制和局限性
  3. Stixel_World(single)学习笔记
  4. .NET Framework开源详细配置
  5. Dirichlet分布与多项分布的共轭性
  6. springmvc使用spring自带日期类型验证
  7. 同步服务老是报错_悬而未决:MYSQL配置好主从同步后没有报错,但数据一直没有同步过来是什么原因? | 学步园...
  8. Apache Hadoop下一代MapReduce框架(YARN)简介 (Apache Hadoop NextGen MapReduce (YARN))
  9. 苹果cms V8模板 黑色自适应电影模板
  10. sql一个表中两个字段合并求和
  11. mac下mysql忘记root密码的解决办法
  12. js中改变原数组的方法以及解决改变原数组的方法
  13. PETERSON互斥算法解析
  14. 【杂题总汇】HDU多校赛第十场 Videos
  15. 计算机怎么开启tftp服务器,Win7系统如何开启TFTP服务器?
  16. 仿京东首页点击轮播图进入唱片页面
  17. 【操作系统】第二章--进程的描述与控制--深入与解释(1)
  18. this的五种绑定方式
  19. 《抡语》 kong子 (收集)
  20. 领英工具:如何使用领英精灵在领英上有序归类分组管理客户?

热门文章

  1. 极客大学产品经理训练营 认识产品经理下 第2课总结
  2. fedora 28 KDE桌面切换到wayland
  3. 应用物理专业c语言,应用物理学专业大学排名
  4. 软件工程8 白盒测试
  5. 专业 DAW 音频插件:Voxengo Plug-ins Bundle for Mac(Voxengo系列音频插件合集)
  6. 使用ArcCatalog、ArcSDE连接Oracle
  7. “终于我从字节离职了....”一个年薪40W的测试工程师的自白....
  8. 语音处理-傅里叶分析和Z变换
  9. 数据结构与算法(java):树-二叉树(二叉查找树(BST)、线索化二叉树、哈夫曼树、平衡二叉树【AVL】、二叉树的前中后序遍历)
  10. 温梦欣:跨界创业—太空经济时代的创业故事|创新社创新课堂