js+bootstrap实现分页、页码跳转

制作page.jsp，在其他页码引入，只需把最外层的form标签的id设置为myForm；

其中　　totalPages:共有多少页；totalElements：共有有多少条记录；currentPage：第几页

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>













                    

                    
                    
                    

                    

                        

                        
                            
                            
                            
class="disabled">
                            
                                href="javaScript:void(0)"
                                href="javaScript:pageTo('${currentPage-1 }')"
                                >上一页
                            
                            
                            
                            
                            
                                
                                    
class="active">
                                        ${i}
                                    
                                
                            
                            
                            
                                
                                
                                    
                                        
class="active">
                                            ${i}
                                        
                                    
                                    
...
                                    
class="active">
                                        ${totalPages}
                                    
                                
                                
                                
                                    
                                        
${1}
                                        
                                        
...
                                        
                                            
class="active">
                                                ${i}
                                            
                                        
                                        
...
                                        
class="active">
                                            ${totalPages}
                                        
                                    
                                
                                
                                
                                    
${1}
                                    

                                    
...
                                    
                                        
class="active">
                                            ${i}
                                        
                                    
                                
                            
                            
                            
                            
class="disabled">
                                href="javaScript:void(0)"
                                href="javaScript:pageTo('${currentPage+1 }')">下一页
                            
                        
                        
                        
                        

                            共有${totalPages }页,${totalElements }条记录,跳到
                                页
                                GO
                            
                        
                    

            

       

       totalPages:共有多少页；totalElements：共有有多少条记录；currentPage：第几页

展示：