Jade高階使用

2021-07-11 15:52:20 字數 1078 閱讀 3500

要使用jade,其實不是那麼容易接受的,幾個優點我列出來。 

1. 熟悉的話,開發確實比較快,適合全棧開發。 

2. 強制使用縮排,但比較簡潔,也不像html又要寫開頭又要寫結尾。 

3. 模板繼承方便

pages //放置頁面 

layout.jade

var express = require('express')

var port = process.env.port || 3000

/設定預設的模板引擎

/監聽console.log("啟動服務")

',function(req,res) ,,,

,,,,

,]})})

head.jade**如下

//其他任何共同放的**

header.jade**如下

.header

h1 #

small 廣州領聘資訊科技****

layout用來組織includes的檔案,然後被具體頁面所呼叫。(人為規範這樣子使用而已)

doctype

html

head

meta(charset="utf-8")

title #

include ./includes/head

body

include ./includes/header

block content

使用模板繼承,模組清晰,簡潔,也容易維護。

extend ../layout

block content

table

trtd 姓名

td 職位

each item in

members

trtd #

td #

重啟服務,效果如下 

jade模板引擎的基本使用

jade和ejs很大的不同是通過縮排的方式解決巢狀和成對標籤的問題,比較適合有 潔癖的同學。jade官方有基礎的語法 安裝jade npm install g jade試用 建立 test.jade 編譯jade test.jade 編譯檔案 jade p test.jade 編譯成帶格式的html...

jade 學習筆記

特別注意 縮排要麼用空格,要麼用tab,不能同時用兩種 子元素和父元素要有縮排 標籤和文字之間要有空格 doctype html html head title this is title body section divp ulstrong hr加class p.後跟 塊 表示換行 jade 也可...

jade學習筆記

1 編譯檔案 jade 檔名 p w 2 大段文字的寫法 內容前加 或者採用.元素名.內容 例 3 注釋 單行注釋 jade注釋 僅在jade中注釋,不會顯示在html檔案裡 塊注釋 下面一行並縮排的 都會被解釋成塊注釋 僅在jade中注釋,html中不顯示 例 4 宣告變數和替換資料 1.直接在j...