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="#") 删除
这样我的数据就成功渲染到页面里了