网站建设的宣传词,工程与建设期刊,镇江seo方案,手机网站设计案例本节课我们来学习一下模版标签中的文件的包含、输出以及加载。 一#xff0e;包含文件 1. 使用{include}标签来加载公用重复的文件#xff0c;比如头部、尾部和导航部分#xff1b; 2. 在模版 view 目录创建一个 public 公共目录#xff0c;分别创建 header、footer 和 nav…本节课我们来学习一下模版标签中的文件的包含、输出以及加载。 一包含文件 1. 使用{include}标签来加载公用重复的文件比如头部、尾部和导航部分 2. 在模版 view 目录创建一个 public 公共目录分别创建 header、footer 和 nav 3. 然后创建 Block 控制器引入控制器模版 index这个模版包含三个公用文件
{include filepublic/header,public/nav/} 4. 也可以包含一个文件的完整路径包括后缀如下
{include file../view/public/nav.html/} 5. 模版的标题和关键字可以通过固定的语法进行传递 6. 对于标题在控制器先设置一下标题变量然后设置{include}设置属性
{include filepublic/header title$title keywords关键字/} 7. 切换到 public/header.html 模版页面使用[xxx]的方式调用数据
title[title]/title
meta namekeywords content[keywords] / 二输出替换 1. 有时我们需要调用一些静态文件比如 css/js 等 2. 那么直接写完整路径比较繁长可以把这些路径整理打包 3. 在目前二级目录下view.php 中配置新增一个参数
// 模版替换输出
tpl_replace_string [
__JS__ ../static/js,
__CSS__ ../static/css,
] 4. html 文件调用端直接通过__CSS__(__JS__)配置的魔术方法调用即可
link relstylesheet typetext/css href__CSS__/basic.css
script typetext/javascript src__JS__/basic.js/script 5. 在测试的时候由于是更改的配置文件刷新每次都要删除编译文件才能生效 三文件加载 1. 传统方式调用 CSS 或 JS 文件时采用 link 和 script 标签实现 2. 系统提供了更加智能的加载方式方便加载 CSS 和 JS 等文件 3. 使用{load}标签和 href 属性来链接不需要设置任何其它参数
{load href__CSS__/basic.css/}
{load href__JS__/basic.js/} 2. 也支持 href 多属性值的写法如下
{load href__CSS__/basic.css, __JS__/basic.js} 3. {load}还提供了两个别名{js}、{css}来更好的实现可读性
{js href__JS__/basic.js}
{css href__CSS__/basic.css} 4. {js}和{css}只是别名而已识别.js 还是.css 是根据后缀的