上一节，我们讲到如何实现产品分类的搜索，用户点击当前的分类可以快速的跳转的所在的类目产品，那么有了这个功能后，我们就需要开始进行产品的点击，点击产品后，我们就会进入产品的详情页面。
我们这个淘宝客系统是基于PHP+mysql+MUI环境开发，如果对环境安装不是很了解的话，可以自行了解一下，也可以给我留言。
那么我们开始我们今天要说的产品详情页的设计，这里我们需要淘宝API来实现这个功能。具体效果如下,点击图片一的某个商品，然后进入详情页面
大概了解页面的信息之后，我们可以进行开发详情页面了
首先，我们需要设计一个产品的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
<?php
$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
}
]
}
}
有了这些数据，我们就可以对数据进行解析了，我这里把图片和标题解析出来，具体操作如下；
<div class="mip2e17db281116c65b product_info">
<?php
echo" <img src=\"". $resp -> results -> n_tbk_item[0] -> pict_url ."\">";
?>
</div>
<p style="margin: 30px 15px 20px;">
<?php
echo"".$resp -> results -> n_tbk_item[0] -> title;
?>
</p>
这样，我们就实现了我们的搜索的功能了，我也把最新的功能放上网站供大家测试了，测试地址
http://yeehot.com/DaoGou/index.php
那么今天讲到这里，欢迎继续关注我的头条号：一点热,如果有什么问题，欢迎留言咨询，我看到之后会第一时间回复大家的。也欢迎收藏与转发，如果需要转载到其他网站，请与我联系，yeehot.com，如果有什么意见或者想法欢迎在下方留言
上一节我们说到如何利用淘宝联盟的API进行数据详情的展示，但是由于淘宝联盟本身会有访问的限制，那么我们可以利用大淘客的API进行数据详情的采集，不过我经常发现，大淘客的数据并不是与官网的数据是同步的，所以有一些数据根据商品的ID会提取不到产品的详情，这里如何解决我留到下一节再讨论，那么我们这个淘宝客系统是基于PHP+mysql+MUI环境开发，如果对环境安装不是很了解的话，可以自行了解一下，也可以给我留言。
源码我已经更新到官网上去了,点击源码下载就会进入淘宝客系统源码
http://www.yeehot.com/
整体效果如下：
那么我们这里首先是申请一个大淘客的APPKEY，具体地址http://www.dataoke.com/ucenter/myApi.asp
申请到后，我们可以获得一个appkey,有了这个APPKEY,我们可以利用大淘客提供的API进行操作
我们这里需要查询商品的详细信息，我们可以利用大淘客的详情API,阅读API的具体地址为
http://www.dataoke.com/personSetCms/index.php?r=api
看完文档后，知道请求示例：http://api.dataoke.com/index.php?r=port/index&appkey=您申请的appkey&v=xxx&id=xxx这样来操作，那么我们直接开始写代码了
就需要创建一个查询商品的PHP文件，我这里以dataokeproduct.php为例子
由于我们需要访问网络，所以我们可以利用PHP的curl来进行操作，代码如下
function getinfo($url) {
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_HEADER, 0);
$output = curl_exec($ch);
curl_close($ch);
return $output;
}
写好后，我们需要拼接访问的地址
http://api.dataoke.com/index.php?r=port/index&appkey=您申请的appkey&v=xxx&id=xxx
其中这里的v是我们采用json返回的数据，所以直接填2，id是我们商品的id，那么我们可以这些来获取整个json数据，并将它转换成数组。
$appkey = $dataoke_appkkey;
$id = $_GET['pid'];
$url ="http://api.dataoke.com/index.php?r=port/index&appkey=". $appkey ."&v=2&id=". $id;
$info = getinfo($url);
$info1 = json_decode($info, TRUE);
注意$dataoke_appkkey这个数据是由于我们为了方便大家配置，我创建了一个配置文件config.inc.php
里面可以全局配置变量，代码如下
<?php
//支付宝的AppKey
$zhifubao_appkkey="";
$zhifubao_secretKey="";
//大淘客的AppKey
$dataoke_appkkey="";
?>
了解这些后，我们可以就可以将刚刚返回的数组数据在mui上进行解析了代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>导购</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/app.css" />
<script src="js/jquery-3.1.1.min.js"></script>
</head>
<body>
<header id="header" class="mipdb281116c65b3a8e mui-bar mui-bar-transparent">
<a class="mip1116c65b3a8e1455 mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mipc65b3a8e1455d8d3 mui-title"></h1>
</header>
<div class="mipb45f3c7dde8e427a mui-content">
<!--静态图片-->
<div class="mip3c7dde8e427a9d8d product_info">
<?php
echo" <img src=\"". $info1['result']['Pic'] ."\">";
?>
</div>
<p style="margin: 30px 15px 20px;">
<?php
echo"". $info1['result']['Title'];
?>
</p>
</div>
<script src="js/mui.min.js"></script>
</body>
</html>
最好我们在index.php上加上我们点击商品的链接，部分代码如：
$link ="dataokeproduct.php?pid=".$row1['shopid'];
这样就可以进入到我们这个产品详情的页面了。
那么我们这里就讲到这里了，我也把最新的功能放上网站供大家测试了，测试地址
http://yeehot.com/DaoGou/index.php
同时也把源码放上去了，欢迎下载学习了
欢迎继续关注我的头条号：一点热,如果有什么问题，欢迎留言咨询，我看到之后会第一时间回复大家的。也欢迎收藏与转发，如果需要转载到其他网站，请与我联系，yeehot.com，如果有什么意见或者想法欢迎在下方留言
相关问答
返回的就是一个对象,很方便的,比如response.total_results就是2967返回的就是一个对象,很方便的,比如response.total_results就是2967
不建议将别人的淘宝详情页直接复制使用,因为这可能涉及到版权问题和商业竞争问题。而且,淘宝有自己的API接口,开发者可以通过申请API接口来获取淘宝商品的相关...
TOP是TaobaoOpenPlatform的简称,意思是淘宝开放平台,是一个提供API接口和相关开发环境的开放平台。软件开发者可通过淘宝API来获取淘宝用户信息、淘宝商品信...
通过一淘网在淘宝上买可以查询到你通过一推以登录淘宝联盟后台查询到走返利订单的详细数据。一淘返利是指通过一淘平台购买返利商品,用户消费成功后...
[回答]淘点金取“点石成金”之意,定位为网站类非广告位流量管理和变现工具。通过API+TAG+API.JS的方式,将各类网站媒体的“泛电商内容”和“碎片化流量”...
[回答]1、app的优势和劣势在移动互联网刚刚兴起的时候,app确实是重要的应用载体,它的优势体现在:对硬件资源的利用更加淋漓尽致,基于系统级别的API,app可...
是一套专业的淘宝客建站系统。无需API、无需SEO、自动采集文章、百万热词、无限DIY、站群链轮等特点。全站采用DIV+CSS框架布局,功能强大,操作人性化,内置超强...
淘宝客订单明细报表下载、服务费订单明细下载、渠道效果订单明细下载、会员效果订单明细下载等下载报表中,新增“定金付款时...淘宝付完定金付尾款还能走返利...
1、广告收入线下商城的广告位是商城收入来源之一;而淘宝的主要盈利方式,是来自阿里妈妈的营收,也就是商家花的各种广告费用。包括直通车、钻展、淘宝客以...
[回答]1、app的优势和劣势在移动互联网刚刚兴起的时候,app确实是重要的应用载体,它的优势体现在:对硬件资源的利用更加淋漓尽致,基于系统级别的API,app可...
