继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

ThinkPHP 静态资源,公共模板引用方法

mark_fork
关注TA
已关注
手记 25
粉丝 139
获赞 1134

ThinkPHP 静态资源引入


ThinkPHP 项目中静态资源一般放置在项目root目录下的Public文件夹下:

项目目录结构

在 template文件夹中放置的是一些静态资源,包含js,css,fronts,img.
一般情况下比如说网站首页,网站后台,都是采用引入公共模板的方式,传统的方式是采用frame,现在基本上是将Index页面进行拆分,确定不变的部分并拆分成为独立的公共模板,比如header,slider,footer等。

1<include file="模板表达式,绝对路径"/> 引入公共模板

在ThinkPHP项目当中,我们采用<include file=""/>标签将公共模板引入进去。
file 属性的内容可以是:'模板表达式/相对路径/绝对路径'' 三种。
<1.但是使用模板表达式需要符合ThinkPHP规范 :一般是view/Index(控制器)/header(操作名).html ,在这种情况下,我们采用 :<include file="Public:header"/>就可以将文件引入,假如现在的文件组织方式是:view/Index(控制器)/xxx/header(操作名).html ,那么引入方式为<include file="Public:xxx:header">。
<2.使用绝对路径:默认情况下我们在index.html 可以通过<include file="./Public/common/header.html">将公共头文件引入进去。因为./表示在根目录下,这种引入方式是在项目根目录下Public文件夹中存在项目需要的静态资源时,可以起效。

2 公共静态资源,js,css,引入

这个我们可以在项目每个模块中的common文件夹中设置config.php 添加'TMPL_PARSE_STRING':比如Admin模块中的config.php设置如下:

需要设置静态资源路径的配置文件

设置如下图所示:

静态资源文件路径配置
代码如下:

'TMPL_PARSE_STRING'=>array( 
   '__CSS__' => __ROOT__.'/Public/template/assets/css', 
   '__JS__' => __ROOT__.'/Public/template/assets/js',  
  '__IMG__' => __ROOT__.'/Public/template/assets/img',  
  '__FRONTS__' => __ROOT__.'/Public/template/assets/front'

可以直接复制。
这些css,js 静态文件是被header,footer.html文件所需要的,header中引入项目所需要的css,footer中引入项目所需要的js文件。

静态资源引入方式

完。

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP