如何在没有JavaScript的渲染引擎的情况下渲染列表?

时间:2019-04-24 17:19:37

标签: html node.js express

没有渲染引擎,除了express之外没有框架。

我们希望不借助渲染引擎来渲染数据库查询中的任何列表。

数据列表渲染引擎的裸机代码是什么?

这是pug的示例,然后是html:

app.js


collection.query(q, function(err, docs) {
    if (err) {
        res.status(500).send({
            error: err
        });
        return;
    }

    console.log("Got docs: ",docs);

    res.render('layout', {
        data : docs
    });

});

HTML

<ul type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

您如何编码这些数据以使其不带有哈巴狗,且数据来自查询响应?

ul
    each item in data
        li=item.name

1 个答案:

答案 0 :(得分:1)

const createList = items => `<ol>${items.map(i => `<li>${i}<li/>`).join("")}<ol/>`;

collection.query(q, function(err, docs) {
    if (err) {
        res.status(500).send({
            error: err
        });
        return;
    }

    console.log("Got docs: ",docs);

    res.send(createList(docs))

});

这是使用箭头功能和模板文字的,如果您使用的是旧版的nodejs,则可以将箭头功能更改为普通的functions,并将模板文字的文字更改为由+连接的字符串。