Node.js 如何在一个页面上显示多个类别的文章

Question

我想通过 .limit() 函数限制每个类别可以显示的帖子数量，但我不知道如何做到这一点。

我正在使用 Mongoose 和 Express。

到目前为止，我的代码如下。

router.get('/', function (req, res) {
  MainArticle.find({ category: ['Worldwide', 'U.S. News'] },  function (err, mainArticles) {
    if (err) {
      console.log(err);
    } else {
      res.render('landing', { mainArticles: mainArticles });
    }
  });
});

如果我用 EJS 输出结果，它将显示两个类别的所有结果。如果我要限制，它只会限制在我设置的整数。

我不确定要传递什么，因此我可以在网页的不同部分显示这两篇文章，并限制显示的帖子数量。

---

router.get('/profile', function (req, res) {
  // Retrieve the desired count for each category (for example, through a query parameter) defaulting to some number as needed.
  var limit = req.query.limit || 10;

  // Create an object to hold the results
  var result = {};

  // Get data for the world wide category
  MainArticle.find({
      category: ['Worldwide'],
    })
    .limit(limit)
    .exec(function (err, worldwideArticles) {
      if (err) {
        console.log(err);
      } else {
        // Add the worldwide data to the result set
        result.worldwideArticles = worldwideArticles;

        // Get data for the US news category
        MainArticle.find({
            category: ['U.S. News'],
          })
          .limit(limit)
          .exec(function (err, usArticles) {
            if (err) {
              console.log(err);
            } else {
              result.usArticles = usArticles;

              // Hand the two different sets separately to the template
              // You will obviously have to change the template code to handle the new data structure of different categories
              res.render('profile', { result: result });
            }
          });
      }
    });
});

---

EJS

<script type="text/javascript">
   var json_data = <%= JSON.stringify( result ); %>
</script>

这显示“全球”的文章，限制为 10 篇文章。

  <ul>
    <% result.worldwideArticles.forEach(function(mainArticles){ %>
    <li>
      <div class="img-container">
          <a href="/articles/<%= mainArticles._id %>"><img src="<%= mainArticles.image %>" alt=""></a>
           <div class="title-container">
            <a href="/articles/<%= mainArticles._id %>"><%=mainArticles.title %></a>
          </div>
      </div>
     <% }); %>

Answer 1

你可以看看我在这里是怎么做的。让我知道这是否有效。

router.get('/', (req, res) => {
  MainArticle
    .where('category')
    .in(['Worldwide', 'U.S. News'])
    .limit(10)
      .then(mainArticles => {
        res.render('landing', { mainArticles })
      })
      .catch(err => {
        console.log(err)
      })
  )
}

您可能需要在此处进行选择，但我无法对其进行测试。如果它不起作用，只需在 .in 之后添加要选择的属性。像.select('name', 'age', 'tags') 甚至更好的.select({}) 但我不知道没有测试什么会起作用。我只是在这里关闭文档：

http://mongoosejs.com/docs/2.7.x/docs/finding-documents.html

读取查询 API 的另一种方法是：

router.get('/', (req, res) => {
  const fetchArticles = MainArticle.find({})

  fetchArticles
    .where('category')
    .in(['Worldwide', 'U.S. News'])
    .limit(10)
      .then(mainArticles => {
        res.render('landing', { mainArticles })
      })
      .catch(err => {
        console.log(err)
      })
  )
}

.. 或者如果你想变得花哨：

router.get('/', async (req, res) => {

    function getArticles() {
        return MainArticle
            .where('category')
            .in(['Worldwide', 'U.S. News'])
            .limit(10)
            .exec()
    }

    try {
        let mainArticles = await getArticles()
        res.render('landing', { mainArticles })
    } catch (error) {
        console.log(error)
    }
}

根据您的上次提交更新。

  router.get('/', async (req, res) => {

    function getWorldwideArticles() {
        return worldwideArticles
            .where('category')
            .in(['Worldwide'])
            .limit(10)
            .exec()
    }

    function getUSArticles() {
      return usArticles
          .where('category')
          .in(['U.S. News'])
          .limit(10)
          .exec()
    }

    try {
        let worldwideArticles = await getWorldwideArticles()
        let usArticles = await getUSArticles()
        res.render('landing', { worldwideArticles, usArticles })
    } catch (error) {
        console.log(error)
    }
  }

Answer 2

我通过使用 Chirag Ravindra 发布和传递的内容解决了这个问题

<script type="text/javascript">
     var json_data = <%- JSON.stringify( result ); %>
 </script>

在我的 EJS 上的 forEach 语句上方，因为 EJS can't call variables from clientside

那我就用了

<% result.worldwideArticles.forEach(function(mainArticles){ %>
<% }); %>

<% result.usArticles.forEach(function(mainArticles){ %>
<% }); %>

我想在哪里发布这两个类别。

Answer 3

执行此操作的一种方法是分别查询每个类别并通过在结果中的不同键上设置两个find 操作的结果来为模板构建结果。

router.get('/', function(req, res) {
  // Retrieve the desired count for each category (for example, through a query parameter) defaulting to some number as needed.
  var limit = req.query.limit || 10;

  // Create an object to hold the results
  var result = {};
  // Get data for the world wide category
  MainArticle.find({
      category: ['Worldwide']
    })
    .limit(limit)
    .exec(function(err, worldwideArticles) {
      if (err) {
        console.log(err);
      } else {
        // Add the worldwide data to the result set
        result.worldwideArticles = worldwideArticles;
        // Get data for the US news category
        MainArticle.find({
            category: ['U.S. News']
          })
          .limit(limit)
          .exec(function(err, usArticles) {
            if (err) {
              console.log(err);
            } else {
              result.usArticles = usArticles;
              // Hand the two different sets separately to the template
              // You will obviously have to change the template code to handle the new data structure of different categories
              res.render('landing', result);

            }
          });
      }
    });
});