Express的模板引擎 - Jade學習筆記

THUDMTEAM 李相赫

 

---

介紹

• Jade是一種Express的模板引擎
• 模板引擎是爲了使用戶界面與業務數據(內容)分離而產生的，他能夠生成特定格式的文檔，用於網站的模板引擎就會生成一個標準的HTML文檔。

 

Jade Syntax Highlight

  Jade 在vim中暫時不支持syntax highlight，這致使在vim中編寫程序的過程帶來了很多的不便。

1.先安裝pathogen

2.修改vim驅動文件

3.安裝vim-pug

 

Jade的語法

form　

form(method="post",action='/login')

　　div.input

　　　　span.id Username:

　　　　input(type="text",name="password")

 

　　div.input

　　　　span.password PassWord:

　　　　input(type="password",name="password")

　　　　input(type='submit',value="Login")

　

常常會把按鈕的內容寫在input的外面如input(type='submit'） Login這種形式，要注意這麼寫是錯誤的。

 

最後點擊Login按鈕，咱們輸入的值能夠在router.post中收到。

router.post('/signup', function(req, res, next) {

　　console.log(req.body.username);

　　console.log(req.body.password);

　　res.render('signup');

});

---

 裏面的內容會不時地更新！