express & pug之圖書管理系統遇到的困難和解決方案

express 和 pug 作了一個初步的圖書管理系統

今天剛學習node.js express的框架，利用express官網推薦的pug模板引擎 製做了一個初步的圖書管理系統

而後來談一下關於今天html轉成pug遇到的困難和解決方法

• style標籤的轉換

  在官網和百度粗略查找以後，未找到相關內容，可是發現了script標籤的轉換，如圖（圖片來源於https://blog.csdn.net/qq_3816...）：

  因而我推測style標籤的轉換爲：

  <styel>

  *{
         margin: 0;
     }

  </style>
  ->
  style.

  *{
         margin: 0;
     }

  果不其然，css成功渲染了頁面

• 遍歷對象數組

  一開始覺得遍歷和title的賦值同樣用=，可是發現沒有用

  each value in list
         tr
             td  = value.id
             td  = value.name
             td  = value.author
             td  = value.category
             td  = value.desc
             td
                 a(href="#") = 修改 
                 |
                 a(href="#") = 刪除

  後面發現須要使用#{val}，以下

  each value in list
         tr
             td  #{value.id}
             td  #{value.name}
             td  #{value.author}
             td  #{value.category}
             td  #{value.desc}
             td
                 a(href="#") 修改 
                 |
                 a(href="#") 刪除

  這樣個人數據就成功渲染到頁面裏了

end