更多內容請訪問PHP相簿http://www.phptuku.com

一．準備工作：

1.開發工具：wampserver+sublime text3

2.開發框架：thinkphp3.2.3，可到官網下載http://www.thinkphp.cn/donate/download/id/610.html

3.商城靜態模板下載地址如下（雍達商城）

二．模板與框架的整合

 1.開啟wamoserver,狀態圖示 將thinkp3.2.3解壓放到wampserver的www下，並將thinkphp3.2.3改名為ydshop，tp框架結構如下:

2.在火狐瀏覽器(firefox)位址列輸入http://localhost/ydshop

效果圖如下:

3.在ydshop/Application/Home/View下建立Index，Goods,User,三個資料夾，並將用大商城模板中default下的index.html複製到Index檔案下，把detail.html，category.html(並改名為showlist.html)複製到Goods資料夾下，將login.html,register.html複製到User資料夾下

最終的效果如下：

‚在ydshop/application/下建立Admin資料夾，在Admin資料夾下建立Controller,Model,View三個資料夾，再在View資料夾下建立Goods,Index,Manager三個資料夾，最後將雍達商城模板下的後臺純淨模板中的add.html（並改名為tianjia.html),show.html（並改名為showlist.html),update.html(並改名為xiugai.html)三個檔案複製到G

4.在ydshop/Public/目錄下建立兩個檔案件Home(存放前臺靜態模板），Admin(存放後臺模板)

‚將雍達商城中的defalut下的css,images,js複製到Home目錄下, 雍達商城後臺純淨模板下的css,img複製到Admin目錄下，結果如下：

5.在入口檔案中ydshop下的index.php入口檔案中定義如下常量

6.在Application/Common/Conf/config.php做如下配置

7.開啟Application/Home/Controller/IndexController.class.php

將this->show(....)此行改為$this->display();

8.開啟Application/Home/View/Index/index.html作如下修改

CSS,img路徑，可以用$smarty是因為剛才我們配置了smarty模板，當然也可以用tp框架自己的模板，

按住Ctrl+H組合鍵出現全部替換

所有的 圖片路徑都發生了改變，前面變為 +檔名的形式

9.此時在瀏覽器位址列中(http://localhost/ydshop/或者http://localhost/ydshop/index.php)重新整理頁面，即出現首頁效果如下：

注意網頁右下角出現的圖示

是因為我們剛才在config.php中配置了SHOW_PAGE_TRACE,

點選圖示會出現

至此，靜態頁面和框架的整合先告一段落。