thinkphp5.1 文件引入路径问题及注意事项

(编辑:jimmy 日期: 2024/10/3 浏览:2)

Thinkphp5.1 文件引入

1、视图文件中引入其他的视图文件

文件目录如下图:

thinkphp5.1 文件引入路径问题及注意事项 

 需要实现在index.html中引入public文件夹下面的四个html模板文件,index.html引入代码如下:

{include file="/public/_meta"}
{include file="/public/_header"}
{include file="/public/_menu"}
<div>中间部分填写页面特有的内容</div>
{include file="/public/_footer"}

通过这种方式,能够将通用的,不常改变的内容抽取出来,避免了代码冗余。

2、视图文件中引入public文件下的静态文件

文件目录如下图:

thinkphp5.1 文件引入路径问题及注意事项 

 我们需要在index.html的视图模板中引入一些静态的css、js文件,这些文件一般存放在public目录下,我们现在采用相对路径的方式引入这些文件,index.html文件引入代码如下:

<link rel="stylesheet" type="text/css" href="/../static/Hadmin/static/h-ui/css/H-ui.min.css" rel="external nofollow" />
<link rel="stylesheet" type="text/css" href="/../static/Hadmin/static/h-ui.admin/css/H-ui.admin.css" rel="external nofollow" />
<link rel="stylesheet" type="text/css" href="/../static/Hadmin/lib/Hui-iconfont/1.0.8/iconfont.css" rel="external nofollow" />
<link rel="stylesheet" type="text/css" href="/../static/Hadmin/static/h-ui.admin/skin/default/skin.css" rel="external nofollow" id="skin" />
<link rel="stylesheet" type="text/css" href="/../static/Hadmin/static/h-ui.admin/css/style.css" rel="external nofollow" />

在我的测试项目中,上述代码引入成功。若实际实践过程中引入失败,不要急,介绍个方便调试的办法:首先,刷新你的网页;第二步,右键查看网页源代码;第三步,复制对应的文件引入链接,在新的页面中打开;第四步,检查浏览器实际识别到的文件路径是哪里,通过调整url调整到正确的文件路径,即能正确访问到文件内容为止;第五步,参照这个能够使用的文件路径对现有的路径进行改进即可。

3、自己定义全局变量,在模板文件中使用

需要说明一下,tp5.1更改了配置变量名,更改如下:

'tpl_replace_string'   => [

    '__STATIC__'   => '/static',
  ],

具体实现步骤:

1、在Config/template.php中加入自己需要定义的常量。

2、直接在模板中使用即可,如下:

<link rel="stylesheet" type="text/css" href="__STATIC__/Hadmin/static/h-ui/css/H-ui.min.css" rel="external nofollow" />

这个路径具体设置,根据你的实际项目目录而定,自行更改即可。

总结

以上所述是小编给大家介绍的thinkphp5.1 文件引入路径问题及注意事项,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。