ThinkPHP已有模板与TP框架结合

下载一个商模板

如图所示：

我们解压商城模板，打开如图所示点击index.html

我们把index.html复制到如下目录：

我们再进行访问

http://localhost:8989/php/ThinkPHP3/shop/index.php/Home/

如图所示：

我们现在加入样式

1）在home目录新建如下几个文件夹

2）在public目录下新建三个目录

3）将商城模板的css,js,img拷进对应的文件夹中

修改相应的js,css,img的路径

<link href="/php/ThinkPHP3/shop/Home/Public/css/style.css" rel="stylesheet" type="text/css" />

<a href="#" name="top"><img class="logo" src="/php/ThinkPHP3/shop/Home/Public/img/logo.gif"></a>

相对路径方式：灵活

修改style.css文件

输入：

http://localhost:8989/php/ThinkPHP3/shop/#

​

localhost:8989

文件的引入

css静态资源文件被模板文件引入

index.php-->IndexController--->index.html---->style.css

相对路径的设置：相对index.php

css本身引入img图片

style.css-->img

1)相对路径的方式：非常灵活，编辑代码少

练习一：修改User的login.html,输入

http://localhost:8989/php/ThinkPHP3/shop/index.php/Home/User/login

​

localhost:8989

看是否输出如下界面

练习一：修改User的register.html,输入

http://localhost:8989/php/ThinkPHP3/shop/index.php/Home/User/register

​

localhost:8989

看看是否输入是如下界面

给静态资源设定访问常量路径

define("CSS_URL",'/php/ThinkPHP3/shop/Home/Public/css/');

define("JS_URL",'/php/ThinkPHP3/shop/Home/Public/js/');

define("IMG_URL",'/php/ThinkPHP3/shop/Home/Public/img/');

如下图所示：

<?php

header("Content-Type: text/html;charset=utf-8");

define('APP_DEBUG',true);//开发调试模式

define("CSS_URL",'/php/ThinkPHP3/shop/Home/Public/css/');

define("JS_URL",'/php/ThinkPHP3/shop/Home/Public/js/');

define("IMG_URL",'/php/ThinkPHP3/shop/Home/Public/img/');

//引入接口文件

include ("../ThinkPHP/ThinkPHP.php");

?>

<link href="<?php echo CSS_URL;?>style.css" rel="stylesheet" type="text/css