ThinkPHP已有模板與TP框架結合
時間：2023-06-11 11:39:01 | 來源：網(wǎng)站運營
時間：2023-06-11 11:39:01 來源：網(wǎng)站運營
ThinkPHP已有模板與TP框架結合：下載一個商品模板
如圖所示：
我們解壓商城模板，打開如圖所示點擊index.html
我們把index.html復制到如下目錄：
我們再進行訪問
http://localhost:8989/php/ThinkPHP3/shop/index.php/Home/如圖所示：
我們現(xiàn)在加入樣式
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靜態(tài)資源文件被模板文件引入
index.php-->IndexController--->index.html---->style.css
相對路徑的設置：相對index.php
css本身引入img圖片
style.css-->img
1)相對路徑的方式：非常靈活，編輯代碼少
練習一：修改User的login.html,輸入
看是否輸出如下界面
練習一：修改User的register.html,輸入
看看是否輸入是如下界面
給靜態(tài)資源設定訪問常量路徑
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);//開發(fā)調試模式
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" />
如圖所示
其他圖片路徑，換一換試試
在線咨詢