上一節，我們講到如何實現產品分類的搜索，用戶點擊當前的分類可以快速的跳轉的所在的類目產品，那麼有了這個功能後，我們就需要開始進行產品的點擊，點擊產品後，我們就會進入產品的詳情頁面。
我們這個淘寶客系統是基於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="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，如果有什麼意見或者想法歡迎在下方留言