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

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

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

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

  • style标签的转换node

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

    clipboard.png

    因而我推测style标签的转换为:数组

    <styel>框架

    *{
           margin: 0;
       }

    </style>
    ->
    style.学习

    *{
           margin: 0;
       }

    果不其然,css成功渲染了页面spa

  • 遍历对象数组.net

    一开始觉得遍历和title的赋值同样用=,可是发现没有用code

    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

相关文章
相关标签/搜索