淘寶裝修教程簡易模板設計師如何開發高級模板 
                                本講分享者：Feimayi
簡易模板和高級模板制作主要有以下幾個不同點： 

1． 高級模板制作需要淘寶SDK的開發環境。
2． 高級模板需要Php語言來編寫邏輯代碼。

接下來我對以上2點做demo演示下怎么創建一個高級模板，并制作模塊。
☆ 首先需要下載SDK的開發包，下載地址http://wiki.zx.taobao.com/index.php/%E4%BB%80%E4%B9%88%E6%98%AFSDK
☆ SDK安裝/啟動/關閉請參考

===================================創建模板====================================
☆  創建一個高級模板，以及文件結構說明 請參考：

根據wiki的步驟創建了名稱為sample的模板，筆者習慣用dreamweaver來查看文件結構，以及編寫代碼，以下將用dreamweaver做演示，大家可以根據自己的喜好來選擇IDE。
在dreamweaver里創建一個名稱為sample的站點，在wiki中可以找到各文件的作用，如下圖（圖1）所示：

圖1

注意文件編碼選擇 GB2312

====================================創建模塊=================================
接下來，創建一個模塊，創建模塊的詳細步驟參考：http://wiki.zx.taobao.com/index.php/%E6%A8%A1%E5%9D%97%E7%BC%96%E5%86%99%E8%A7%84%E8%8C%83
用wiki的方法創建一個與寶貝展示相關的模塊(itemshow)，為大家演示下官方提供的api的使用方法，以及調試的過程。

模塊創建過程如下圖（圖2）所示：

圖2

大家可以在這個界面將縮略圖，以及模塊描述填寫完整。
創建成功后模板的文件結構如下圖（圖3）所示

圖3
Modules文件夾成功創建了itemshow的文件夾，除了圖2提到的修改模塊圖片的描述方法外，大家也可以通過編輯模塊描述文件 module.xml進行修改。

===========================配置模塊到頁面中============================== 

接下來，可以將此模塊配置到頁面中（index.php），調試。如下圖所示（圖4）

圖4
注意array('id'=>'itemshow', 'domId'=>'module_1'),必須與模塊配置中的<id>itemshow</id>做好對應。

==============================配置模塊數據===============================
接下來，在模塊配置文件 module.xml 內配置一個寶貝選擇器。代碼如下圖所示（圖5）

圖5
============================編寫模塊邏輯（php）============================
接下來在itemshow.php里編寫php代碼，代碼的邏輯主要實現如果用戶選擇寶貝，加載用戶選擇的寶貝數據，否則通過分類讀取分類下的寶貝數據，以4件寶貝為例，部分代碼截圖如下圖所示（圖6）：

圖6

以上代碼僅為示例所用，未做異常處理，未考慮性能，僅供參考，完整代碼請在附件中下載。

由于本文章主要針對標準版的開發者，所以大家都有很好的CSS技術，在此css文件的編寫略過。
================================預覽調試=====================================
做完以上步驟，就可以預覽效果了，訪問入口http://localhost:8080/sample/index.htm
如下圖所示（圖7）：

圖7

此時為根據寶貝分類默認加載的數據。
接下來我們模擬用戶選擇數據，進入debug模式
如下圖所示（圖8）：

圖8
點擊編輯：勾選寶貝進行測試。目前有些排序方式在sdk環境中是無效的，最終還是需要在線調試的環境中真實的測試。
===================================發布在線測試===============================
完成模板制作后，并完成測試后，即可提交在線測試，發布。

=================================學習資源==================================
針對標準版模板制作者，Php部分的處理可能為比較薄弱的環節，故提供一些php學習的站點資料：
Php官方：http://php.net/
另外google也是最好的老師。

店鋪裝修 淘寶免費模板 淘寶SDK高級模板  http://www.zhengde168.cn

轉載文章請注明：飛螞蟻模板網（http://www.zhengde168.cn)


飛螞蟻模板網版權6