更多内容请访问PHP图库http://www.phptuku.com

一．准备工作：

1.开发工具：wampserver+sublime text3

2.开发框架：thinkphp3.2.3，可到官网下载http://www.thinkphp.cn/donate/download/id/610.html

3.商城静态模板下载地址如下（雍达商城）

http://download.csdn.net/detail/qq_31589453/9328187

二．模板与框架的整合

 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)三个文件复制到Goods文件夹下，把index.html,head.html,left.html,right.html复制到Index文件夹下，将login.html复制到Manager.html,效果如下

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,

点击图标会出现

至此，静态页面和框架的整合先告一段落。