在Express应用程序中使用MySQL数据重复pug div类

现在我正在开发我的公文包页面的Express NodeJS版本。 您可以使用此工具访问静态网页

所以我把数据放在MySQL服务器上。在Pug模板中，我想重复div元素，也要重复内部元素

你能给我一些div迭代的例子，以及如何将MySQL数据放入pug模板吗

在评论行中，我想更改它，因为我想使它成为CRUD应用程序

extends layout

block content
  .container
  header.header
    .logo-container
      img.logo(src='images/logo.png')
    .profile-container
      h1.name Si Hyeong Lee
      h2.job Front-End Developer
  hr.first-hr
  article.article
    img.image-cover(src='images/coverimg.jpg')
  h2.work-title Featured Work
  .work-container
    hr.second-hr
    //- .work
    //-   img.image(src='/' + imageurl, alt='My Projects')
    //-   h2.project-name React Chat App
    //-   p.project-url
    //-     a(href='https://sangumee.herokuapp.com', target='_blank') https://sangumee.herokuapp.com/
    //- .work
    //-   img.image(src='/' + imageurl, alt='My Projects')
    //-   h2.project-name BlueInno2 Projects
    //-   p.project-url
    //-     a(href='https://github.com/sangumee/Blueinno2', target='_blank') https://github.com/sangumee/Blueinno2
    //- .work
    //-   img.image(src='/' + imageurl, alt='My Projects')
    //-   h2.project-name Public API Projects
    //-   p.project-url
    //-     a(href='https://github.com/sangumee/Public-Data-Project', target='_blank') https://github.com/sangumee/Public-Data-Project
  footer.footer
    p Copyright © 2018 Si Hyeong Lee, sangumee

---

在pug中，您可以使用

每个
迭代一个iterable

官方帕格文档中的一个示例

   ul
      each val in [1, 2, 3, 4, 5]
       li= val

返回类似于

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>


一,
二,
三,
四,
五,


请在官方文件中阅读更多信息：