Question

我已经开始进入NodeJS开发。我正面临着一个问题..

我有一个主模板 - layout.jade，它基本上构建了每个页面上的bootstrap顶部导航栏。这基本上是一个音乐应用程序，每个艺术家都有一些歌曲。如果你去艺术家的一个页面，你可以看到艺术家的歌曲。如果艺术家有5首歌曲，他应该有5种格式：

block waveform
    div.waveform
        div.progress.progress-striped.active(id='progress-bar-#{songCount}')
            div.progress-bar(role='progressbar', aria-valuemin='0', aria-valuemax='100')
                span.sr-only
        h3.song-name #{songName}
        wave(id = '#{songCount}')

所以我希望的布局继承是：

layout.jade
--artist.jade
----song.jade * (number of the songs the artist has)

我面临的问题是将多个song.jade插入到布局中。是的，我可以在artist.jade中生成javascript，生成html并附加5次（如果艺术家有5首歌曲）。但是有没有其他方法可以使用NodeJS和Jade而不会堵塞客户端？

另外，如果我做错了什么，请随意纠正我/提出建议：）

Answer 1

此解决方案应符合您的要求：

each song in artist.songs
  li= song.name

但是，此时插入的不是song.jade。在我看来，这种方法是不正确的。你应该改为附上歌曲的HTML模板。

NodeJS + Jade可变数量的块

1 个答案: