大石桥网站建设公司,做网站线上线下价格混乱,河南中国建设厅官方网站,邯郸哪里做网站优化本文主要讲述模板中如何使用包含文件、引入css/js文件及路径优化。 包含文件
使用{include}标签来加载公用重复的文件#xff0c;比如头部、尾部和导航部分 包含用法
1.创建公用文件
在模版 view 目录创建一个 common公共目录#xff0c;分别创建 header、footer 和 nav
… 本文主要讲述模板中如何使用包含文件、引入css/js文件及路径优化。 包含文件
使用{include}标签来加载公用重复的文件比如头部、尾部和导航部分 包含用法
1.创建公用文件
在模版 view 目录创建一个 common公共目录分别创建 header、footer 和 nav
在控制器渲染模版 index
public function index()
{return view(test/index);
} 2.index模板文件包含三个公用文件
!DOCTYPE html
html langen
headmeta charsetUTF-8title模板篇之文件包含、替换、加载/title
/head
body{include filecommon/header/}{include filecommon/nav/}{include filecommon/footer/}
/body
/html 加载多文件
{include filecommon/header,common/nav,common/footer/} 加载完整路径
1.单应用
{include file../view/common/header.html/}
2.多应用
若视图文件不在全局view中时
{include file../app/应用名称/view/common/header.html/}
此处的路径地址是相对入口文件index.php的位置 标题和关键字传递
1.控制器中设置标题和热搜词传递给index.html模板
{include filecommon/header title$title keywords$keywords/}
2.common/header.html 模版文件使用[xxx]的方式接收调用数据
title[title]/title
meta namekeywords content[keywords] 路径替换
在渲染模板时需要调用一些样式和动态特效文件如 css/js 等
直接写完整路径有时路径比较长这些路径替换优化 增加配置
在config/view.php 配置文件中新增参数
// 模版替换输出
tpl_replace_string [__JS__ /js,__CSS__ /css,
]
此处路径为相对于入口文件位置
因为我的配置文件为public/js、public/css故如此配置
如果不相同请进行相应修改。 修改静态地址
html 模板文件中直接修改为__CSS__、__JS__ 方法调用
link relstylesheet href__CSS__/bootstrap.min.css
script src__JS__/jquery.min.js/script 删除编译文件
由于是更改的配置文件刷新每次都要删除编译文件才能生效。 文件加载
标签优化
可以在刚才文件路径替换的基础上对路径进行进一步优化。
系统提供了{load}标签和 href 属性来加载 CSS 和 JS 文件
不再需要设置其它参数。
{load href__CSS__/bootstrap.min.css}
{load href__JS__/jquery.min.js}
注意修改完成后记得删除编译文件 加载多个文件
{load href__CSS__/bootstrap.min.css, __JS__/jquery.min.js} 设置别名
通过设置{js}、{css}来更好的实现可读性
{css href__CSS__/bootstrap.min.css}
{js href__JS__/jquery.min.js}
{js}和{css}只是别名而已识别js、css 是根据后缀的
