ThinkPHP已有模板与TP框架结合
时间：2023-06-11 11:39:01 | 来源：网站运营
时间：2023-06-11 11:39:01 来源：网站运营
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文件
输入：
文件的引入
css静态资源文件被模板文件引入
index.php-->IndexController--->index.html---->style.css
相对路径的设置：相对index.php
css本身引入img图片
style.css-->img
1)相对路径的方式：非常灵活，编辑代码少
练习一：修改User的login.html,输入
看是否输出如下界面
练习一：修改User的register.html,输入
看看是否输入是如下界面
给静态资源设定访问常量路径
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" />
如图所示
其他图片路径，换一换试试
在线咨询
