全端勇士之路 Node.js 基礎學習-Express template 篇

發表於 2019-06-30 分類於 Nodejs

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

新的章節又開啟了，接下來將會講到 template，tempalte 在開發上是非常常見的一個技術，所以這邊這篇就先來介紹一下吧

前言

新的章節又開啟了，接下來將會講到 template，tempalte 在開發上是非常常見的一個技術，所以這邊這篇就先來介紹一下吧

以往我們開發前端都是靜態的 HTML 頁面，當若頁面有 100 頁，那可能有一天 header 要做調整，那就變成要調整 100 頁，其實這對於開發來講非常的沒有效率，所以就出現了 template 這個東西，那業界常見的 template 又有那些呢?這邊來主要介紹兩個

如果是新手入門的話，我建議使用 EJS　template，因為與寫 HTML 並沒有太大的差異，所以學習曲線上是比較低的，那叫做 template 語言，所以它就可以寫一些變數、迴圈或是設置 layout，舉例來講，若要傳入變數或撰寫程式碼，都會使用 <% %> 包覆

<p>
<% title %>
</p>

<% if (user) { %>
  <h2><%= user.name %></h2>
<% } %>

這樣就是代表一個程式碼區間的意思

那它每一種標籤的形式都不太一樣，這邊可以去官網看更詳細

若要拿 EJS 與 pug 做比較的話，好比 SCSS VS SASS，大家都知道後者 SASS 的學習曲線會較 SCSS 高，那 PUG 也是，而 PUG 撰寫的方式稍微有點不太一樣，會非常的簡寫，程式碼區間則是沒有特別的標記符號，但變數則是使用等於(=)

1
2
3

ul
  each val in [1, 2, 3, 4, 5]
    li= val

如果想更了解的話可以看看官網

基本上這兩種 template 都可以了解一下，畢竟各有好壞。