关于博文机制[关闭]

Question

问题是，当我们在 blogger 或 medium.com 或其他类似的地方创建帖子时，会在主页上显示帖子的简要详细信息，并且一旦我们点击“阅读更多”按钮或帖子将导航到所有详细信息都包含在帖子中的新网址（帖子的全部内容将显示在新网址中）。 作为初级开发者l，我想知道它是怎么回事？？

如果你能用React.js + node.js + mongodb技术回答我就更好了。

我们将不胜感激。

第一张图片：是显示在博客主页上的博文。

第二张图片：在新的 url / 新的页面中展示了同一篇博客文章的全部内容。

Answer 1

确实有一百万种方法可以做到这一点，我认为更完整的答案需要关于“你想如何完成这个”的更完整的细节。

您需要研究的是“路径变量”。

在 Express 中，使用路径变量的路由将如下所示：

app.get('/articles/:article_id', (request, result) => {
  const {article_id} = request.params;
  //... Make database query using path variable
});

//Using two path variables
app.get('/articles/:article_id/:some_other', (request, result) => {
  const {article_id, some_other} = request.params;
  //... Make database query using path variables
});

在 React 中，你会想要使用 React Router 并制作一个 Route 和一些组件，如下所示：

//... surrounding parent component
<Route path='articles/:article_id'>
  <ArticlePage />
</Route>
//... surrounding parent component

文章页面：

import React from 'react';
import { useParams } from 'react-router-dom';

function ArticlePage() {
  const params = useParams();
  //... Make API call with params.article_id

  //... Render component with data from API call
}

您还需要担心“分页”或“无限滚动”来加载文章以供显示（在用户选择之前）。另一个有很多不同解决方案的问题，但我建议为这类事情寻找一个 npm 包。