zoukankan      html  css  js  c++  java
  • jade复用

    jade复用说白了就是模板的继承。

    使用 block 标识符,设置一个可修改的代码片段

    layout.jade

    doctype html
    html
      head
        block title
          title Default title
      body
        block content

    test.jade 使用extends继承layout.jade,block后对应代码片段的文字

    extends ./layout.jade
    
    block title
      title Article Title
    
    block content
      h1 My Article

    生成html

    <!DOCTYPE html>
    <html>
      <head>
        <title>Article Title</title>
      </head>
      <body>
      </body>
    </html>

     也可以通过include 引入 

    include ./layout.jade

    如果想要追加代码片段,可以使用 append 和 prepend 指令。append 用于在原有代码片段之后追加,prepend 用于在原有代码片段之前追加。

    layout.jade

    doctype html
    html
      head
        block title
          title Default title
      body
        block content
            p hello

    test.jade

    extends ./layout.jade
    
    block title
      title Article Title
    
    block append content
      h1 My Article

    输出html

    <!DOCTYPE html>
    <html>
      <head>
        <title>Article Title</title>
      </head>
      <body>
        <p>hello</p>
        <h1>My Article</h1>
      </body>
    </html>
  • 相关阅读:
    Kibana安装
    elasticsearch安装
    分布式_zookeeper
    通信协议_三次握手_四次挥手
    Spring中的IOC_源码_随笔
    Spring设计模式_策略模式/其他
    Spring设计模式_工厂模式
    spring设计模式_代理模式
    docker常用指令01
    ubuntu18下安装docker
  • 原文地址:https://www.cnblogs.com/tinyphp/p/5686749.html
Copyright © 2011-2022 走看看