Question

到目前为止，我知道paginate只链接不同的页面。当我要显示的页数/帖子数量有限时，这可以很好地工作。但是，如果我有30页或更多页面分页怎么办？创建不同的页面并将它们与分页符链接起来不是一个坏主意吗？使用这种方法，在链接这么多页面的同时很难保持页面布局的一致性。有没有更好的设计，我只能显示一个页面（让我们称之为父页面），单击导航时，它应该只带来内容（来自子页面），并将其替换为父项中的前一个页？如果我没有让您理解我想说的话，请考虑以下情况。

HTML：

<div class="pagination">
  <a href="index/story0.html">&laquo;</a>
  <a href="index/story1.html">1</a>
  <a href="index/story2.html" class="active">2</a>
  <a href="index/story3.html">3</a>
  <a href="index/story4.html">4</a>
  <a href="index/story5.html">5</a>
  <a href="index/story6.html">6</a>
  <a href="index/story7.html">&raquo;</a>
</div>

在上面的方法中，我将创建7个不同的页面进行链接。为什么我为7个不同的故事创建了7个不同的html页面，其中包含许多重复的内容？你能告诉我一个更好的做法吗？请参阅下面的照片，了解我打算构建哪种类型的网页。

Answer 1

嗯，你正试图建立一些复杂的东西。

我认为这是一个个人项目，你不想使用像Wordpress这样的博客框架。

我也不知道你的编程背景是什么，但你似乎是一个初学者（对不起，如果我错了）。

对于博客网站，您需要保留博客文章，评论和那种数据，您的应用程序将需要数据库和后端应用程序（php或nodejs + express可能是最容易设置的）数据。

对于前端开发，您应该使用已经提到的框架之一（Vue似乎是最容易学习的），或者您可以依赖服务器端渲染。

我发现这个(very, very) basic example（我不是作者，我与他没有关系），这只是一个演示，一个真实世界的应用程序需要更多的时间和精力，它可能会建立在一个大框架（后端和前端）之上

以下是您可以查看的技术列表，可以选择适合您需求的技术。

首先Wordpress，它是一个博客框架，您可能不需要进行任何类型的后端开发，但如果您想应用自定义主题，则需要进行一些前端开发。

如果想从头开始构建博客网站，您可能想要学习这些技术

后端开发框架：

Python - ＆gt; Django
Ruby - ＆gt; Ruby on Rails
PHP - ＆gt; Laravel
节点 - ＆gt; ExpressJS

前端开发框架：

<强>数据库：

上一个回答

这是一个纯粹的javascript实现，但正如我在评论中所说的那样，使用像handlebars.js这样的模板引擎会更好

var pageElement = document.querySelector('.pagination');
var totalPages = 8;
var pageText = ''

for (var currentPage = 0; currentPage < totalPages; currentPage += 1) {
    var content = currentPage;
    
    if (currentPage === 0) {
      content = '&laquo;';
    } else if (currentPage === totalPages - 1) {
      content = '&raquo';
    }
    
    
    pageText += '<a href="index/story' + currentPage + '.html">' + content + '</a>\n';

}
pageElement.innerHTML = pageText;

<div class="pagination">
</div>

当我有这么多页面进行分页时，如何处理分页？

1 个答案: