Paginação Moderna Bootstrap

[marcelocardoso 6]

pessoal

estou na busca de exemplos de paginação feitas em bootstrap e ASP, alguém possui exemplos para contribuir?
links, códigos.....

[marcelocardoso 6]

exemplos de paginação em ASP e CSS, alguém tem?
tentei a do TEDK, mas não consegui rodar no MySQL...

agradeço sugestões e contribuições....

[marcelocardoso 6]

Galera,
Já que ninguém me deu um ALÔ, corri atrás como bom trabalhador e esforçado. Segue aí um exemplo para quem precisar, funcionando 100% em ASP e MySQL:::

Assim como eu precisei e passei muito trabalho para resolver, pode servir para alguém:
Ficou ótima.

 

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>

<style>
    .wrapper {
        margin: 60px;
    }

    h1 {
        margin-bottom: 1.25em;
        text-align: center;
    }

    #conteudo {
        padding: 5px;
        width: 100%;
        color: #222222;
        font-size: 11px;
        border-radius: 15px;
        background-color: rgba(206, 206, 206, 0.15)
    }
        
    #barra_linha {
        border-top: 1px solid rgba(206, 206, 206, 0.35); 
        margin-top: 30px;
        color: dimgrey;
    }
    #barra_registro {
        padding: 5px; 
        font-size: 15px;
        border-radius: 25px;
        background-color: #2a7dd0;
        color: white;
        width: 100px;
        height: 100px;
    }
    #barra_numero {
        padding: 5px; 
        background-color: rgba(206, 206, 206, 0.35);
    }
    #barra_total {
        padding: 5px; 
        background-color: rgba(206, 206, 206, 0.35);
    }
    
</style>
<div class="wrapper">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1>Paginação Dinâmica</h1>
                <%
                   servidor = "localhost"
                   banco    = "db_verdesmares"
                   usuario  = "root"
                   senha    = "marmmc"
                   porta    = "3306"
                   opcao    = "3"

                   SET conexao = Server.CreateObject("ADODB.Connection")
                       conexao.Open "DRIVER={MYSQL ODBC 5.3 ANSI Driver};SERVER="&servidor&";DATABASE="&banco&";UID="&usuario&";PWD="&senha&";OPTION="&opcao&";"


                         SQL = "SELECT * FROM vm_noticias "
                   SET strRS = Server.CreateObject("ADODB.RECORDSET")
                       strRS.Open SQL, conexao, 3, 3

                   IF strRS.EOF THEN
                      Response.Write "Não existem registros a serem exibidos..."
                   ELSE
                   
                       PageLen = 1
                        PageNo = Request.QueryString("numpagina")  

                           IF PageNo = "" THEN PageNo = 1

                                TotalRecord = UBound(strRS.GetRows,2)+1  
                                  PageStart = ((PageLen*PageNo)-PageLen)  
                                    PageEnd = PageLen

                                IF TotalRecord <= PageLen THEN
                                          TotalPage = 1  
                                  ELSEIF (TotalRecord MOD PageLen = 0) THEN  
                                          TotalPage = (TotalRecord/PageLen)  
                                  ELSE  
                                          TotalPage = (TotalRecord/PageLen) + 1  
                                          TotalPage = Cint(TotalPage)  
                                END IF  

                          strRS.close    
                                     SQL = SQL & "ORDER BY id DESC LIMIT "& PageStart &" , "& PageEnd &""
                          strRS.Open SQL, conexao, 1, 3  
                WHILE NOT strRS.EOF
                %>
                <div class="col-md-11 text-left" style="padding: 6px;"><b><%=strRS("vmares_data")%></b> - <%=strRS("vmares_titulo")%></div>
                <%
                strRS.MoveNext
                      Wend
                END IF
                %>

                
                <!-- PAGINAÇÃO COMPLETA -->
                    <script type="text/javascript">
                        $(document).ready(function() {
                            
                        });
                    </script>
                    <div id="barra_linha" class="col-md-12"></div>
                    <div class="col-md-6 text-left">
                        <ul class="pagination pagination-sm">
                            <% 
                            IF Cint(PageNo) = 1 THEN 
                            %>
                            <li class="page-item disabled">
                                <a class="page-link fa fa-home" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=1" tabindex="-1"></a>
                            </li>
                            <li class="page-item disabled">
                                <a class="page-link" aria-label="Previous" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=PageNo-1%>" tabindex="-1">Anterior</a>
                            </li>
                            <% 
                            ELSE 
                            %>
                            <li class="page-item">
                                <a class="page-link fa fa-home" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=1" tabindex="-1"></a>
                            </li>
                            <li class="page-item">
                                <a class="page-link" aria-label="Previous" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=PageNo-1%>" tabindex="-1">Anterior</a>
                            </li>
                            <% 
                            END IF
                            FOR intID = 1 TO TotalPage
                             IF intID = Cint(PageNo) THEN  
                            %>
                                <li class="page-item active"><a class="page-link" href="#"><b><%=intID%></b></a></li>
                            <%
                            ELSE
                            %>
                                <li class="page-item"><a class="page-link" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=intID%>"><%=intID%></a></li>
                            <%
                               END IF
                            NEXT 
                            IF Cint(PageNo) = TotalPage THEN 
                            %>
                            <li class="page-item disabled">
                                <a class="page-link" aria-label="Next" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=PageNo+1%>">Proxima</a>
                            </li>
                            <li class="page-item disabled">
                                <a class="page-link fa fa-arrow-circle-right" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=TotalPage%>"></a>
                            </li>
                            <%
                            ELSE
                            %>
                            <li class="page-item">
                                <a class="page-link" aria-label="Next" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=PageNo+1%>">Proxima</a>
                            </li>
                            <li class="page-item">
                                <a class="page-link fa fa-arrow-circle-right" href="<% Request.ServerVariables("SCRIPT_NAME")%>?numpagina=<%=TotalPage%>"></a>
                            </li>
                            <%
                            END IF
                            %>
                        </ul>
                    </div>
                                    
                                    
                    <div class="col-md-6">
                        <div class="col-md-12 text-right" style="padding-top: 25px; font-size: 10px;">
                            Navegando na página <b id="barra_numero"><%= PageNo %></b> de <b id="barra_total"><%= TotalPage %></b>
                        </div>
                        <div class="col-md-12 text-right" style="padding-top: 10px; font-size: 10px; color: dimgray;">
                            TOTAL DE <b id="barra_registro"><%= TotalRecord %></b> REGISTROS
                        </div>
                    </div>
                    <!-- PAGINAÇÃO COMPLETA -->
                            
                                                        
            </div>
        </div>
    </div>
</div>
                
                
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js'></script>
                    

<% 
      strRS.close
    conexao.close

SET strRS = Nothing 
SET conexao = Nothing  
%>

No mais agradeço.
Obrigado.

Melhorias, postem...

[marcelocardoso 6]

Colegas...
Consegui resolver de outra maneira, mas mesmo assim, obrigado pelos que tentaram e se doaram em ajudar...
Muchas Gracias...

FINALIZADO

[Fábio BN 17]

Olá.
Eu criei uma paginação em ASP formatada em Boot Strap, não muda nada da antiga, apenas troco os links pelos modelos formatados CSS do Boot Strap.
A minha a partir da página 2 abre o botão de "Anterior", e o botão de "Próximo" aparece acima de 1 página e desparece na última, veja anexo como fica!
Se você tiver algum problema na sua, escreva!

Ver anexo
Abraços!

[marcelocardoso 6]

Ok, fábio depois de algumas pesquisas, consegui desenvolver uma...
semelhante a sua, mas tá de boa, ficou ótima as duas, a sua e a minha....

valeu....

[cesarhtc 0]

Que anexo?

[xanburzum 169]

Tem alguns exemplos que postei, dá uma olhada vai te ajudar

[houseinf 0]

Em 21/11/2017 at 09:20, marcelocardoso disse:

Ok, fábio depois de algumas pesquisas, consegui desenvolver uma...
semelhante a sua, mas tá de boa, ficou ótima as duas, a sua e a minha....

valeu....

olá Marcelo. aquele código que você postou lá em cima que começa com:

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>

<style>
    .wrapper {

seria para o início do código ?

digo, para o início do default.asp (arquivo principal do site)

definindo tudo isso ele se torna responsivo ?

 

Obrigado. Mario

 

 

[marcelocardoso 6]

obrigado por lembrar....
mas já faz um tempão isso, já consegui...
muito obrigado.