html - 坚持在 html 中显示数据库数据(使用 node.js 和 sequelize)

在我的 server.js 我有这个代码:

TABLE
.findAll({ raw: true })
.then(function(asd) {
    console.log(asd);

});

它在控制台中显示了我的 dababase 中的所有数据。
所以我的问题是:如何在我的网站上显示它？

html文件

 <form action="/gdata.html" class="form-inline" method="get">
                    <div class="form-group">
                        <button type="submit" class="btn btn-success btn-lg">show data</button> </form>

                </div>

渲染代码

router.route('gdata')
.get((req, res, next) => {
    TABLE.findAll()
        .then((users) => {
            res.render('gdata', {
                users: users
            });
        });
});

最佳答案

我建议您使用某种类型的“模板引擎”，例如 Handlebars ，它使用起来非常简单有趣，您可以简单地将数据与渲染功能一起发送并显示在您的网站上。

这里有一些带 Handlebars 的 example 。

对于您的应用程序，当您呈现您的网站并发送“用户”数据时，您只需要这样的东西:

在您的应用中导入 Handlebars

var exphbs  = require('express-handlebars');

app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');

app.get('/', function (req, res) {
    TABLE.findAll()
      .then((users) => {
            res.render('gdata', {
                 users: users
            });
      });
});

显示您的数据

<div>
   {{#each users}}
      <p>{{@index}}. {{this}}</p>
   {{/each}}
</div>

这将显示您的所有数据及其在数组中的索引。

关于html - 坚持在 html 中显示数据库数据(使用 node.js 和 sequelize)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45189263/