Jump to content
marcelocardoso

Paginação Moderna Bootstrap

Recommended Posts

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...

  • -1 1

Share this post


Link to post
Share on other sites

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!

paginacao.jpg

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By GabrielSCastro
      Olá pessoa, terminei a faculdade e recebi algumas propostas de projetos web, mas como ainda estou iniciando não tenho muita noção de quanto cobrar.
      Para um site, eu pensei em cobrar um valor razoável de entrada , e além deste valor, definir um contrato de um valor mensal para fazer manutenções necessárias, assim eu terei o cliente e uma renda sempre. Por outro lado, o cliente pode ficar com o site por pouco tempo e não chegar ao valor que eu gostaria pelo projeto. 
      Pensei também em cobrar por projeto, no minimo R$ 1000 por um site simples, já que to começando.

      Ai entra outro falta de experiência minha. Se eu cobrar por projeto, o cliente ficaria responsável por pagar o domínio e hospedagem dele ou eu contrataria uma hospedagem com a possibilidade de hospedar varios sites para quando eu tiver mais clientes.

      Indo mais direto ao ponto, gostaria que me ajudasse em como começar, cobrar, etc.

      Agradeço a quem puder ajudar.
    • By templateonweb
      Hi,
      Many of you want Bootstrap website templates. In this way, you have to develop a wonderful website.
      As this is the cheapest and fastest way to reach over the world. If you are interested in making a website by using Bootstrap website templates, then here I am sharing a website link that provides free website designs as Bootstrap website templates.
      If you are interested in then you can visit the site and use the best quality of Bootstrap website templates.
       
      Please visit: Bootstrap Website Templates
       
               
       
       
    • By Diego-SLP
      Bom dia.
       
      Estou fazendo uma tela a qual trará "blocos" que representarão minhas OBRAS, e dentro dessas OBRAS eu tenho os EQUIPAMENTOS que estou usando nela, estou tentando fazer para trazer todas em uma tela mas não consigo. 
      Os blocos que representam as OBRAS ok, aparecem corretamente, mas seus EQUIPAMENTOS não consigo "amarrar" a CHAVE daquele bloco para a pesquisa.
       
      Se alguem puder me ajudar agradeço. 
       
      <div class="row"><!--INICIO BLOCO DA OBRA--> <?php $procura = mysqli_query($con, "SELECT fr_equipamentos.cod_equip as codequip, fr_equipamentos.equipamento as equip, fr_obras.nome as obra, fr_obras.cod_obra as codobra FROM fr_movimentacao,fr_obras, fr_equipamentos WHERE fr_equipamentos.cod_equip = fr_movimentacao.cod_equip GROUP BY fr_obras.id" ) or die (mysqli_error($procura)); while($row = mysqli_fetch_array($procura)){ $cod_obra = $row['codobra']; ?> <div class="col-md-4"><!--col md 12--> <div class="card card-widget widget-user-2"> <!-- Add the bg color to the header using any of the bg-* classes --> <div class="widget-user-header bg-gradient-secondary"> <div class="widget-user-image"> <img class="img-circle elevation-3" src="dist/img/icon-obra.png" alt="Obra"> </div> <!-- /.widget-user-image --> <h3 class="widget-user-username"><strong><?php echo $row['codobra'];?></strong></h3> <h6 class="widget-user-desc"><?php echo $row['obra'];?></h6> </div> <table class="table table-striped table-sm"> <thead> <tr> <th style="text-align: center;">Cod</th> <th style="text-align: center;">Equipamento</th> <th style="text-align: center;">Operador</th> <th style="text-align: center;">Ações</th> </tr> </thead> <tbody> <tr> <?php $procura2 = mysqli_query($con, "SELECT fr_equipamentos.cod_equip as codequip, fr_equipamentos.equipamento FROM fr_obras, fr_equipamentos, fr_movimentacao WHERE fr_equipamentos.cod_equip = fr_movimentacao.cod_equip AND fr_movimentacao.cod_obra = '".$cod_obra."' GROUP BY fr_equipamentos.cod_equip" ) or die (mysqli_error($procura2)); while($row2 = mysqli_fetch_array($procura2)){ ?> <td><?php echo $row2['codequip'];?></td> <td>RETRO</td> <td>José Silva</td> <td> <button type="button" class="btn btn-block bg-gradient-info">Movimentar</button> </td> <?php }?> </tr> </tbody> </table> </div> </div><!--col md 3--> <?php } ?> </div><!--FIM BLOCO DA OBRA-->  
    • By Diego-SLP
      Bom dia, estou com um problema que ao inserir um registro no banco a confirmação via modal não ocorre, mas se eu coloco um botao chamando o modal ele é exibido, ou seja, os scripts e plugins estão corretos né ?! 
       
      Acho que estou esquecendo de algo para chama-lo, se alguem puder ajudar agradeço.
       
      <?php if(isset($_POST['btncadastrar'])){ $obra = strtoupper($_POST['obra']); $status = strtoupper($_POST['status']); $cadastrar = "INSERT INTO tblCliente (obra_cliente,status) VALUES ('$obra','$status')"; $cadastra = mysqli_query($con,$cadastrar); ?> <div class="modal fade" id="aviso" tabindex="-1" role="dialog" aria-labelledby="avisoLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel">Usuário cadastrado com Sucesso!</h4> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="btn btn-info" data-dismiss="modal">Corrigir Cadastro</button> <a href="index.php"><button type="button" class="btn btn-success">Ok</button></a> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $('#aviso').modal('show'); }); </script> <?php } ?>  
    • By Diego-SLP
      Bom dia,
      Tenho um exemplo de gráfico e gostaria de saber como eu passo valores vindo do banco para as variaveis do grafico (elas estao inseridas manualmente no arquivo) e eu gostaria de forma dinamica via PHP pegando do meu banco MySQL.
       
      já pesquisei mas o que fiz não consegui puxar os valores, ate tentei colocar em session mas ai trouxe somente o ultimo valor e nao todos.
       
       
      var $visitorsChart = $('#movimentacao') var visitorsChart = new Chart($visitorsChart, { data : { labels : ['18th', '20th', '22nd', '24th', '26th', '28th', '30th'], datasets: [{ type : 'line', data : [100, 120, 170, 167, 180, 177, 160], backgroundColor : 'transparent', borderColor : '#007bff', pointBorderColor : '#007bff', pointBackgroundColor: '#007bff', fill : false // pointHoverBackgroundColor: '#007bff', // pointHoverBorderColor : '#007bff' }, { type : 'line', data : [60, 80, 70, 67, 80, 77, 100], backgroundColor : 'tansparent', borderColor : '#ced4da', pointBorderColor : '#ced4da', pointBackgroundColor: '#ced4da', fill : false // pointHoverBackgroundColor: '#ced4da', // pointHoverBorderColor : '#ced4da' }] }, meu PHP esta assim:
       
      $busca = mysqli_query($con,"SELECT EXTRACT(MONTH FROM DATA) mes, SUM(quantidade) AS qtd FROM dosagem_usina WHERE operacao='saida' GROUP BY mes");  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.