美文网首页
12月13日晚上:父模板和子模板的创建规则

12月13日晚上:父模板和子模板的创建规则

作者: FKTX | 来源:发表于2017-12-13 21:35 被阅读0次

模板继承,那么首先就要有个父模板

由于很多页面有的地方很相似,因此,只需要将相似的地方提取出来,做成父模板,然其他模板继承共享就可以了。而我们只需要编写不同地方的代码即可。

补充:前面我对于{include file="public/footer" /}这样的语句不是太理解。实际上是因为当前这个页面的默认路径是在view下,因此只写public/footer在电脑看来,就是view/public/footer这样的路径。即使当前index.html页面的路径是public/index.html,只要用了{include file="" /}那么默认路径就是在view下

父模板的创建路径就在application/index/view/public下,取名为base.html。这里我发现一个规律,控制器的命名规范都是开头字母大写,比如Base.php,而页面都是小写字母。

由于已经将index.html中的内容都复制到了base.html中来制作模板,所以就像下图这样,用block块进行操作

像这样就基本差不多做好了基础模板。

然后开始在index.html页面中进行继承,并且删除之前的{include file="" /},这是因为基础模板中已经有{include file="" /}了。

开始用{extend name="public/base" /}来继承上面做好的基础模板,千万别忘了。只有继承之后,再用{block name="content"}{/block}这样的标签将对应基础模板的内容括起来。当然,名字是自己在基础模板中自己根据特点命名好的。

这个index.html最后没有js脚本,所以这里就意思一下,给它一个空的block

有几个注意点:

基础模板中,正常只有{include file="" /}标签和{block name=""}{/block}标签

子模板中(只限当前所讲知识中)只能出现{extend name="" /}和{block name=""}{/block}标签

若父模板多出来的{block name=""}{/block}子模板没有套用。那么这个多出来的模块也是可以使用的,并且默认是父模板中的内容。

最后,若想在子模板中引入父模板的内容,那么可以这样{__block__}:

显示效果类似这样:

这个的前提是,父模板这个地方写的内容是:

{block name="seo"}       这里是什么什么内容           {/block}

之后,按照上面的引用方法才管用。

其他的一些细节部分,比如但标签{extend name="" /}不能忘了/,设置html中的某个标签的content=""属性的时候,可以这么写content="$content|default='文章内容'",这种表示就能表示默认值了。。。

相关文章

  • 12月13日晚上:父模板和子模板的创建规则

    模板继承,那么首先就要有个父模板 由于很多页面有的地方很相似,因此,只需要将相似的地方提取出来,做成父模板,然其他...

  • 学习vue组件之间的跳转

    写好子组件模板以后在父组件模板中通过@click=‘componentName=‘子组件名字’’,定义跳转的子组件...

  • TP5的模板继承

    模板继承语法 在view文件夹下创建父模板layoutextend.html 在view文件夹下创建base文件夹...

  • 4.使用工具类和模板

    1.创建模板,mapper文件模板和mybatis主配置文件模板 创建模板的步骤 点击new 有模板内容 工具类 测试类

  • 18 vue-组件 -slot

    slot 插槽(内容分发)混合父组件的内容与子组件自己的模板---》内容分发父组件模板的内容在父组件作用域内编辑;...

  • html_继承速查

    一、模板的继承操作步骤 注:模板只能继承一个 获取父类中被block 包裹的父类 在templates 下创建一个...

  • vue 个人中心会员卡片组件

    项目需求: 项目个人中心页会员卡片组件 slot插槽规则: 父级模板里的所有内容都是在父级作用域中编译的;子模板里...

  • 7.4使用slot分发内容

    7.4.2作用域 父组件模板的内容是在父组件作用域内编译,子组件模板的内容是在子组件作用域内编译 如果想数据在子组...

  • Halcon模板匹配之形状匹配

    一、匹配流程 就是:创建模板和匹配模板,其中: 创建模板: 通过BLOB分析处理图像创建ROI,或读取ROI拿到模...

  • 爱家(租房系统)---- 注册功能

    定义模板 父类模板 -- base.html 父类基础模板 -- base_main.html链接资源文件中的父目...

网友评论

      本文标题:12月13日晚上:父模板和子模板的创建规则

      本文链接:https://www.haomeiwen.com/subject/kwwzixtx.html