上一节，我们讲到如何实现产品分类的搜索，用户点击当前的分类可以快速的跳转的所在的类目产品，那么有了这个功能后，我们就需要开始进行产品的点击，点击产品后，我们就会进入产品的详情页面。
我们这个淘宝客系统是基于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="mipede27e9258f5e2e4 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="mip7e9258f5e2e44909 mui-bar mui-bar-transparent">
<a class="mip58f5e2e449099c20 mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mipe2e449099c20f965 mui-title"></h1>
</header>
<div class="mip81224d1f952ef9b9 mui-content">
<!--静态图片-->
<div class="mip4d1f952ef9b93498 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，如果有什么意见或者想法欢迎在下方留言
相关问答
你好,我收集了以下答案淘口令链接的生成,需要使用淘宝客API中的taobao.tbk.tpwd.create接口,该接口用于生成淘口令。你好,我收集了以下答案淘口令链接的生...
API淘宝可以通过官方提供的开发文档和示例代码来学习和使用。首先,需要申请API权限并获取相应的AppKey和AppSecret,然后根据文档中的接口说明和参数要求,编...
淘宝API很多都已经下线了,不对普通用户开放,去年11月份基础权限就停了。我现在都是自己开发采集工具,没有API也能取到淘宝商品数据。淘宝API很多都已经下线...
不建议将别人的淘宝详情页直接复制使用,因为这可能涉及到版权问题和商业竞争问题。而且,淘宝有自己的API接口,开发者可以通过申请API接口来获取淘宝商品的相关...
[回答]没办法,只能一个价格。换个宝贝,要么亏钱卖。做的挺大的,也挺正规,可信度很高,推荐这家电脑显示器用hdmi连接和用dvi连接的区别如下:一、定义不同...
淘客cms系统花卷云淘客CMS是一套专业的淘宝客建站系统。无需API、无需SEO、自动采集文章、百万热词、无限DIY、站群链轮等特点。全站采用DIV+CSS框架布局,功...
1、广告收入线下商城的广告位是商城收入来源之一;而淘宝的主要盈利方式,是来自阿里妈妈的营收,也就是商家花的各种广告费用。包括直通车、钻展、淘宝客以...
[回答]淘客app:提供优质的用户界面,能够与移动硬件的底层更好的交互,数据承载量更大。独立存在手机里,对本地设置接口的调用更简单,花卷云淘客可随时调动...
对接订单接口,这个需要从(jd/淘宝)API开发文档去查询,找到对应的接口,然后在自己的网站或者软件通过调用数据来实现同步显示。这个具体的需要专业的编程人...
不建议采集同行宝贝。因为淘宝对采集同行宝贝的行为是禁止的,如果被发现会被封号处理。同时,同行宝贝的数据可能会存在恶意刷单等不可靠因素,也不适合作为自己...
