tp5.1 关于引用css、js文件问题

大家都知道tp5.0的引用方式,现在tp5.1与5.0还是有区别的,或许你还没有用过,那么这两个版本都介绍一下:

一、tp5.0

1、直接在config.php文件中加入以下代码:

<?php

return [
    //模板参数替换
    'view_replace_str' => array(
        '__CSS__' => '/static/admin/css',      ===== 这里写你自己需要的路径
        '__JS__'  => '/static/admin/js',       ===== 这里写你自己需要的路径
        '__IMG__' => '/static/admin/images',   ===== 这里写你自己需要的路径
        '__STATIC__' => '/static',             ===== 这里写你自己需要的路径
    ),

];

这样在html文件中引用:

<link href="__CSS__/style.css" rel="stylesheet">

<script src="__JS__/layer/layer.js"></script>

这样引用就可以了!

二、tp5.1

1、首先我们先看没有做处理时报错:

tp5.1 关于引用css、js文件问题

2、在你的入口文件下定义常量如下:define('SITE_URL', 'http://127.0.0.1/项目名');

tp5.1 关于引用css、js文件问题

3、在config文件夹下找到template.php模板引擎文件,添加如下代码(路径填写你需要引入的文件路径):

//模板参数替换
'tpl_replace_string' => array(
    '__CSS__' => SITE_URL.'/public/static/admin/css',
    '__JS__'  => SITE_URL.'/public/static/admin/js',
    '__IMG__' => SITE_URL.'/public/static/admin/images',
    '__STATIC__' => SITE_URL.'/public/static',
),

4、做这样处理后,我们再访问试试:

tp5.1 关于引用css、js文件问题

这样就ok啦!