Node.js Jade : Add rows to tables

Question

我使用 Node.js 和 Jade 模板引擎来创建一个测试网页，以确认某些功能可以在实际项目中使用。

根据客户端IP地址的第一位数字，我想渲染一个带有表格的Jade页面。表中的行数等于之前的第一个数字。例如，如果客户的地址是 192.198.94.227，则该表将有 1 行。如果是 92.61.131.242，则表格将有 9 行。

我知道这听起来很愚蠢，但我只是用它来测试是否可以为我的真实网站添加不同数量的表格行。

Jade 或 Node.js 代码中有什么方法可以表示这一点吗？或者如果我不能这样做，有什么解决方法吗？

Answer 1

当您使用 Jade 模板渲染页面时，您可以向模板提供一组变量。

这是处理“/example”请求的示例性表达方法。

req.render的第一个参数指定模板名称，第二个参数(对象)指定模板参数。在本例中，有两个参数:ip(客户 IP)和 ipFirstDigit - 客户 IP 地址的第一个数字。

function remoteAddr(req) {
    if (req.ip) {
        return req.ip;
    }
    var socket = req.socket;
    if (socket.socket) {
        return socket.socket.remoteAddress;
    }
    return socket.remoteAddress;
}; 

app.get('/example', function(req, res){
    var ip = remoteAddr(req);
    res.render('index', { ip: ip, ipFirstDigit:ip.charAt(0) });
});

Jade 模板可以如下所示:

  p Customer IP: #{ip}
  p Customer IP first digit: #{ipFirstDigit}

  table
    - for (var i = 0; i < ipFirstDigit; i++)
      tr
        td #{i+1}

前两行显示客户 IP 和客户 IP 的第一位数字。然后根据客户 IP 值的第一位呈现一个表格。

IP:92.61.131.242 的输出如下:

<p>Customer IP: 92.61.131.242</p>
<p>Customer IP first digit: 9</p>
<table>
  <tbody>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
    <tr><td>7</td></tr>
    <tr><td>8</td></tr>
    <tr><td>9</td></tr>
  </tbody>
</table>

我希望这对您的原型(prototype)有所帮助。