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

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

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

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

  • style标签的转换

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

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

    于是我推测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

    原文作者:初遇与你
    原文地址: https://segmentfault.com/a/1190000019691528
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞