首頁 >php框架 >ThinkPHP >解決ThinkPHP樣式無法載入問題(CSS,JS)

解決ThinkPHP樣式無法載入問題(CSS,JS)

藏色散人
藏色散人轉載
2021-01-04 17:37:383542瀏覽

下面由thinkphp框架教學欄位介紹解決ThinkPHP樣式無法載入問題(CSS,JS)的方法,希望對需要的朋友有幫助!

1.專案入口檔index.php

<?php
define(&#39;APP_NAME&#39;,&#39;APP&#39;);
define(&#39;APP_PATH&#39;,&#39;./APP/&#39;);
define(&#39;APP_DEBUG&#39;, true);
require_once &#39;./ThinkPHP/ThinkPHP.php&#39;;

2.專案設定檔APP/Conf/config.php中加入如下程式碼

&#39;TMPL_PARSE_STRING&#39; => array(        
&#39;__PUBLIC__&#39; =>__ROOT__.&#39;/APP/Tpl/Public&#39;,        
&#39;__JS__&#39; => __ROOT__.&#39;/APP/Tpl/Public/Js&#39;,        
&#39;__CSS__&#39; => __ROOT__.&#39;/APP/Tpl/Public/Css&#39;,
    ),

之前CSS這裡設定的是'__CSS__' => __PUBLIC__.'/Css' 然後就出現了無法載入CSS的問題
解決ThinkPHP樣式無法載入問題(CSS,JS)

ROOT是系統常數,指示網站根目錄位址,如我的localhost設定的是E:\www這個地方,然後在E:\www\ThinkPHPbbs創建了ThinkPHPbbs這個項目,那麼ROOT指示的就是localhost/ThinkPHPbbs

JS設定同

3 .配置html
CSS:<link rel="stylesheet" href="__CSS__/lrtk.css" type="text/css">

#JS :<script src="__JS__/jquery.min.js"></script>

##正常載入效果如圖


解決ThinkPHP樣式無法載入問題(CSS,JS)

#檔案結構如圖


解決ThinkPHP樣式無法載入問題(CSS,JS) (一些資料夾前面的紅叉對整個的運行不會有影響,編輯器zend studio)

建議如果遇到無法載入樣式的問題的話,可以查看下連結的路徑,如我之前配置如下

'__CSS__' => __PUBLIC__.'/Css'

查看網頁元素的話就會如下顯示


解決ThinkPHP樣式無法載入問題(CSS,JS)

這裡

PUBLIC並沒有解析出來

像後來那樣配置

'__CSS__' => __ROOT__.'/APP/Tpl/Public/ Css'

檢視樣式


解決ThinkPHP樣式無法載入問題(CSS,JS)

解析正常

#

以上是解決ThinkPHP樣式無法載入問題(CSS,JS)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除