要使用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...