這篇文章主要介紹TP5.1如何引入public下的CSS和JS文件，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

崇州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

先來看一下還未引入CSS樣式和JS時(shí)，登錄界面在瀏覽器中運(yùn)行的效果。

按F12查看源代碼，發(fā)現(xiàn)出現(xiàn)報(bào)錯(cuò)，原因是沒有找到我們引入的樣式，因此無法導(dǎo)入文件。錯(cuò)誤顯示如下：

那么我們?nèi)绾我隒SS樣式和JS樣式呢？

1、講模板所需要的JS和CSS方式public入口文件下的static，新建一個(gè)文件夾來存放后臺(tái)需要的CSS和JS文件，這里是我將其命名為admin。

2、打開public入口文件下的index.php文件，在該文件下定義常量。

（1）本地項(xiàng)目添加：define('SITE_URL', 'http://127.0.0.1/項(xiàng)目名');

（2）線上項(xiàng)目：define('SITE_URL','http://'.$_SERVER['HTTP_HOST']);  建議使用

我這里以本地項(xiàng)目為例：

 // +----------------------------------------------------------------------  // [ 應(yīng)用入口文件 ] namespace think;  // 加載基礎(chǔ)文件 require __DIR__ . '/../thinkphp/base.php';  define('SITE_URL', 'http://127.0.0.1:8080/student'); // 支持事先使用靜態(tài)方法設(shè)置Request對(duì)象和Config對(duì)象  // 執(zhí)行應(yīng)用并響應(yīng) Container::get('app')->run()->send();

3、在config文件夾下找到template.php模板引擎文件，添加如下代碼（路徑填寫你需要引入的文件路徑）

//模板參數(shù)替換 'tpl_replace_string' => [     '__STATIC__' => SITE_URL.'/public/static',  ],

也可以按照自己的實(shí)際情況進(jìn)行配置，你也可以參考ThinkPHP5.1完全開發(fā)手冊(cè)：https://www.php.cn/xiazai/shouce/1502

注意：在config下的template.php下增加這些，其中路徑是根據(jù)自己Apache定義的根目錄開始，這個(gè)很重要，因?yàn)榫W(wǎng)上其他說的都是從static開始，是因?yàn)樗麄冊(cè)O(shè)置Apache根目錄就到了public這里，所以看清楚避免跳坑。

4、打開登錄界面代碼，修改head部分的代碼，代碼如下所示。

5、訪問，查看效果。

以上是“TP5.1如何引入public下的CSS和JS文件”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享名稱：TP5.1如何引入public下的CSS和JS文件-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/decihj.html