在express app pug div class中使用mysql数据重复

oaxa6hgo  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(264)

现在我正在开发我的公文包页面的expressnodejs版本。您可以使用此链接访问静态网页
所以我把我的数据放在mysql服务器上。在pug模板中,我想重复div元素和inside元素。
你能给我一些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
wlp8pajw

wlp8pajw1#

在帕格你可以用 each 在一个可数上迭代。
一个来自官方帕格文档的例子

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>

请在官方文件中阅读更多信息:https://pugjs.org/language/iteration.html

相关问题