在node.js、express和jade中使用mysql值填充选择菜单

Question

我是 node.js 的新手，我想知道如何在页面加载时使用 mysql 值填充选择菜单。我正在使用 nodejs、expressjs 和jade/pug。我无法在谷歌中找到任何解决方案。

玉文件：-

block sale
 form(action = "/get_sale", method = "GET")
  select(id="cbosale", name="cbosale", class="custom-select custom-select-sm")
   each sale in ["24", "34"]
    option(value="#{sale}") #{sale}

App.js 文件：-

app.get('/get_sale', function(req, res){
 db.connect(function(err){
  db.query("SELECT DISTINCT(SaleNo), Season FROM tcatalogue",function(err, result, fields){
  Object.keys(result).forEach(function(key){
    var row = result[key];
    console.log(row.SaleNo)
  })
})
})
})

应该从 app.js 文件中获取值，而不是玉文件中的静态值。

Answer 1

当您尝试获取路线时，您需要在数据库上触发选择查询并将数据发送到 pug 并呈现为：

app.get('/output',function(req,res,next){
   con.query("SELECT * FROM tableName", function (err, result, fields) 
    {
    if (err) 
      throw err; 
    else
      res.render('output',{page_title:"Output",data:result}); 
   }); 
 });

现在您的output.pug 页面将生成数据，您可以将其填充为选择菜单的选项。

html
    head
        title= 'Output'
    body
      select
        each variable in data
        option(value=variable.saleNo)

在 pug 中正确缩进代码。