express & pug之图书管理系统遇到的困难和解决方案

express 和 pug 做了一个初步的图书管理系统

今天刚学习node.js express的框架，利用express官网推荐的pug模板引擎 制作了一个初步的图书管理系统

然后来谈一下关于今天html转成pug遇到的困难和解决方法

• style标签的转换

  在官网和百度粗略查找之后，未找到相关内容，但是发现了script标签的转换，如图（图片来源于https://blog.csdn.net/qq_3816...）：

  于是我推测style标签的转换为：

     *{
         margin: 0;
     }

  
  ->
  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