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

Question

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

Jade 文件:-

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 文件中获取值，而不是 jade 文件中的静态值。

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 中正确缩进代码。