我相信大家通過上文的學習已經搭建好了商品詳情頁面展示工程，本文我將帶領大家一起實現商品詳情頁面展示。
首先我們來看一下商品詳情頁面程式碼，可以看到商品一般屬性在TbItem實體類中都是存在的，只是圖片需要特殊處理，因為TbItem實體類中圖片的欄位儲存的是以”,”分隔的圖片地址的字串，因此要將字串轉換成陣列才行，而TbItem實體類中是沒有images屬性的，這就需要我們再新建一個pojo類，該類要繼承自TbItem類，只是處理一下圖片即可。商品描述是在實體類TbItemDesc當中。



那麼我們把該pojo類放到什麼工程下呢？比較合理的位置是放到taotao-item-web工程當中，如下圖所示。

public class Item extends TbItem {

    public String[] getImages() {
        String image = this.getImage();
        if (image != null && !"".equals(image)) {
            return image.split(",");
        }
        return null;
    }

    public Item() {

    }

    public
 
 Item(TbItem tbItem) {
        this.setBarcode(tbItem.getBarcode());
        this.setCid(tbItem.getCid());
        this.setCreated(tbItem.getCreated());
        this.setId(tbItem.getId());
        this.setImage(tbItem.getImage());
        this.setNum(tbItem.getNum());
        this.setPrice(tbItem.getPrice());
        this
 
.setSellPoint(tbItem.getSellPoint());
        this.setStatus(tbItem.getStatus());
        this.setTitle(tbItem.getTitle());
        this.setUpdated(tbItem.getUpdated());
    }

}

下面我們就來編寫Dao層的程式碼。為了展示商品詳情頁面，我們勢必要查詢tb_item，tb_item_desc這兩張表。現在考慮一個問題，是根據一個商品id把兩張表都查出來呢？還是說根據一個商品id調一次服務查詢商品基本資訊，再調一個服務查詢商品描述呢？其實我感覺分開會好一點，分開的話，我要是查詢商品基本資訊，有的時候就根本不需要展示商品描述，只需要展示商品的基本資訊就夠了，這樣的話，我只要調個服務，根據商品id查詢一下商品基本資訊就夠了。如果我們要是取商品描述的話，可再調另外一個服務，根據商品id取商品描述，這樣我們的靈活度會更高一點。這時候，表現層只需要調兩個服務就可以得到相應的資料了。
分析完了之後，我們來編寫Dao層的程式碼，由於商品基本資訊和商品描述在不同的表中，我們寫兩個方法，分別獲取商品基本資訊和商品描述，其中獲取商品基本資訊的方法已經寫好了（下圖中的getItemById方法），現在我們要做的便是再寫一個獲取商品描述的方法（下圖中的getItemDesc方法）。

接下來就來編寫Server層的程式碼，在ItemServiceImpl實現類中實現getItemDesc方法，如下圖所示。

之所以可以通過主鍵來查詢商品描述，是因為在商品描述表中也把商品ID作為了主鍵，如下圖所示。

接著我們需要在taotao-item-web工程中引用itemService的dubbo服務，如下圖所示。

最後我們來編寫表現層的程式碼。在taotao-item-web工程下的com.taotao.item.controller中新建一個ItemController類，如下圖所示。

為了大家方便複製，現將ItemController類的程式碼貼出。

/**
 * 商品詳情頁面展示處理
 * <p>Title: ItemController</p>
 * <p>Description: </p>
 * <p>Company: www.itcast.cn</p> 
 * @version 1.0
 */
@Controller
public class ItemController {

    @Autowired
    private ItemService itemService;

    @RequestMapping("/item/{itemId}")
    public String showItemInfo(@PathVariable Long itemId, Model model) {
        // 根據商品id查詢商品基本資訊
        TbItem tbItem = itemService.getItemById(itemId);
        // 使用TbItem來初始化Item物件
        Item item = new Item(tbItem);
        // 根據商品id查詢商品描述
        TbItemDesc tbItemDesc = itemService.getItemDesc(itemId);
        // 傳遞給頁面
        model.addAttribute("item", item);
        model.addAttribute("itemDesc", tbItemDesc);
        // 返回邏輯檢視
        return "item";
    }

}

寫完了taotao-item-web工程中的程式碼之後，現在我們依次啟動taotao-manager、taotao-content、taotao-search、taotao-portal-web、taotao-search-web工程，在啟動taotao-item-web工程之前，由於taotao-manager-interface工程做了修改，因此需要重新安裝到本地Maven倉庫，至於怎麼安裝就不浪費口舌了。
成功啟動完6個工程之後，我們訪問淘淘商城首頁，搜尋”情懷”，如下圖所示，回車。

搜尋到的結果如下圖所示。我們點選搜尋到的那個商品。

詳情如下圖所示，發現正常查詢到商品詳情了！！