Implementierungscode für NodeJS- und BootStrap-Paging-Effekte

1. Datenverarbeitung

Rufen Sie zunächst in dynamischem JS die Anzahl der Datenbankdokumente gemäß den URL-Parametern ab, legen Sie die Paging-Größe fest, rufen Sie die Daten der aktuellen Seite ab und fügen Sie dann die Anzahl hinzu Die Seitenzahl des Dokuments, die Seitengröße, die Seitengröße und die aktuelle Seite werden an die Seite übergeben.

2. Verarbeiten des Paging-Effekts

Ich verwende JavaScript, um ihn dynamisch zu generieren. Sie können ihn auch mit den Funktionen der EJS-Unterstützung kapseln und Paging in HTML-Form generieren.

Fügen Sie zunächst die Paginierungs-UL hinzu und fügen Sie Code an der Stelle hinzu, an der er auf Ihrer Seite angezeigt werden soll:

<ul class="pagination" id="pagination">
</ul>

Dann fügen Sie den Code zur Handhabung der Paginierung in das Skript-Tag ein:

$(document).ready(function() {
if($("#pagination")){
var pagecount = <%= locals.pagecount %>;
var pagesize = <%= locals.pagesize %>;
var currentpage = <%= locals.currentpage %>;
var counts,pagehtml="";
if(pagecount%pagesize==0){
counts = parseInt(pagecount/pagesize);
}else{
counts = parseInt(pagecount/pagesize)+1;
}
//只有一页内容
if(pagecount<=pagesize){pagehtml="";}
//大于一页内容
if(pagecount>pagesize){
if(currentpage>1){
pagehtml+= &#39;<li><a rel="external nofollow" href="/course/index/&#39;+(currentpage-1)+&#39;">上一页</a></li>&#39;;
}
for(var i=0;i<counts;i++){
if(i>=(currentpage-3) && i<(currentpage+3)){
if(i==currentpage-1){
pagehtml+= &#39;<li class="active"><a rel="external nofollow" href="/course/index/&#39;+(i+1)+&#39;">&#39;+(i+1)+&#39;</a></li>&#39;;
}else{
pagehtml+= &#39;<li><a rel="external nofollow" href="/course/index/&#39;+(i+1)+&#39;">&#39;+(i+1)+&#39;</a></li>&#39;;
}
 
}
}
if(currentpage<counts){
pagehtml+= &#39;<li><a rel="external nofollow" href="/course/index/&#39;+(currentpage+1)+&#39;">下一页</a></li>&#39;;
}
}
$("#pagination").html(pagehtml);
}
});

Hinweis: locals.pagecount, locals.pagesize und locals.currentpage sind die Anzahl der Datenbanken, die Paging-Größe bzw. das aktuelle Paging. Sie können sie natürlich auch direkt in feste Daten ändern zum Testen.

Zum Beispiel:

Der eigentliche Effekt ist:

So ein einfacher Paging-Effekt kommt out

Das Obige ist der vom Herausgeber eingeführte Implementierungscode für den NodeJS- und BootStrap-Paging-Effekt. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Sie rechtzeitig. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken!

Weitere Artikel zum Implementierungscode von NodeJS und BootStrap-Paging-Effekten finden Sie auf der chinesischen PHP-Website!