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

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文件。

静态资源引入方式

完。

博客搬家:大坤的个人博客
欢迎评论哦~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,983评论 25 708
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,321评论 4 31
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,621评论 24 450
  • 走了这么久,走了这么远,头一次发现自己五年来一直把有些东西深深的埋在心底,给它冻上了一层冰,自己不去触碰,不...
    帅蜗牛阅读 262评论 0 1