上一节,我们讲到如何实现产品分类的搜索,用户点击当前的分类可以快速的跳转的所在的类目产品,那么有了这个功能后,我们就需要开始进行产品的点击,点击产品后,我们就会进入产品的详情页面。
我们这个淘宝客系统是基于PHP+mysql+MUI环境开发,如果对环境安装不是很了解的话,可以自行了解一下,也可以给我留言。
那么我们开始我们今天要说的产品详情页的设计,这里我们需要淘宝API来实现这个功能。具体效果如下,点击图片一的某个商品,然后进入详情页面
注册获取淘宝apiKey
大概了解页面的信息之后,我们可以进行开发详情页面了
首先,我们需要设计一个产品的php文件,我们定义为productdetail.php
设计后,我们由于是使用淘宝的API来设计,那么我就就需要申请到淘宝客的appkey
和app secretKey,这里具体怎么申请我就不在这里说明了,如果需要了解,欢迎可以给我留言。
申请后,我们就可以下载淘客的PHP的SDK,SDK怎么下载可以看下方的连接。
http://open.taobao.com/docs/doc.htm?spm=a219a.7386781.3.9.CDvxwQ&docType=1&articleId=101618&treeId=1
完成上面的步骤后,我们就可以进行再商品的PHP文件引入SDK了,我们只需要引入下载目录的TopSdk.php,我在TopSdk.php文件的上一层创建了一个taobaoapi文件夹,所以我的引入方式为
include”taobaoapi/TopSdk.php”;
接着,我们还需要通过活动产品ID来获取商品,这个商品ID来自首页的点击
$pid=$_GET[‘pid’];
获得pid后,我们可以调用SDK
$c = new TopClient;
$c -> appkey = $appkey;
$c -> secretKey = $secret;
$c -> format =”json”;
$req = new TbkItemInfoGetRequest;
$req -> setFields(“num_iid,title,pict_url,small_images,reserve_price,zk_final_price,user_type,provcity,item_url”);
$req -> setPlatform(“1”);
$req -> setNumIids($pid);
$resp = $c -> execute($req);
?>
这里$resp 就是我们要输出的结果了。我这里使用json格式输出
{
“results”:{
“n_tbk_item”:[
{
“num_iid”:123,
“title”:”连衣裙”,
“pict_url”:”http://gi4.md.alicdn.com/bao/uploaded/i4/xxx.jpg”,
“small_images”:{
“string”:[
“http://gi4.md.alicdn.com/bao/uploaded/i4/xxx.jpg”
]
},
“reserve_price”:”102.00″,
“zk_final_price”:”88.00″,
“user_type”:1,
“provcity”:”杭州”,
“item_url”:”http://detail.m.tmall.com/item.htm?id=xxx”,
“nick”:”demo”,
“seller_id”:123,
“volume”:1
}
]
}
}
有了这些数据,我们就可以对数据进行解析了,我这里把图片和标题解析出来,具体操作如下;
echo” results -> n_tbk_item[0] -> pict_url .””>”;
?>
echo””.$resp -> results -> n_tbk_item[0] -> title;
?>
这样,我们就实现了我们的搜索的功能了,我也把最新的功能放上网站供大家测试了,测试地址