TP5加载静态资源(js、css、img)的几种方法

TP5加载静态资源(js、css、img)的几种方法。tp3升级到tp5之后整体发生了很大的变化,其中最长使用到且发生变化的就是js、css等静态资源的加载。在tp3模板中加载静态资源一般是放在public目录中,加载方法是:

<link rel="stylesheet" href="__PUBLIC__/css/index.css">
<link rel="stylesheet" href="__PUBLIC__/img/logo.img">
<link rel="stylesheet" href="__PUBLIC__/js/index.js">
TP5加载静态资源(js、css、img)的几种方法
TP5加载静态资源(js、css、img)的几种方法

 

在tp5中则大不一样,以加载css文件举例,主要有以下几种方法:

<link rel="stylesheet" href="__STATIC__/adminFile/css/index.css">
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="/static/adminFile/css/index.css">
{css href="/static/adminFile/css/index.css" /}

现在来分析下这几种加载方式的区别:

第一种方式类似于tp3的__PUBLIC__方法,__STATIC__方法是直接定位到public目录下的static目录,这个目录是专门放置css。js等静态资源的。为了区分前端和后端,以及资源类型等用户可以自己新建不同的目录结构,例如文章中的路径就是:后端静态文件——css文件——xxxx.css

第二种方式是直接定位到css目录,这个目录是同样是在public目录下,自己新建的(必须有这个css目录且名称不能变,否则不生效)。

第三种方式由于tp5的网站根目录是public(默认情况下)。所以可以直接写相对路径即可

第四种方式,是tp5中对第三种方式的缩写,如果要加载js文件则把前面的css改成js即可,但是注意:没有img的缩写。

 

本文链接:https://www.dreamcs6.com/2019-11-20-641.html

Author: 智宇愚

1 thought on “TP5加载静态资源(js、css、img)的几种方法

发表评论

电子邮件地址不会被公开。 必填项已用*标注