Você não está conectado. Conecte-se ou registre-se

 » Webprogramação » PHP » 

[PHP] Tutorial básico - Utilização Switch para gestão de páginas.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Boas,

Neste tutorial vou vos ensinar como utilizar o PHP para facilitar a criação de paginas WEB.

O objectivo deste tutorial é ter uma pagina de base com o topo e o fundo da página (basicamente o que será igual em todas as páginas), e dentro da qual serão incluídas as restantes páginas.

Requisitos:

  • Wamp Server
  • Notepad++ / SublimeText



Neste tutorial vamos aprender a utilizar a função GET que nos permite enviar "dados" ao servidor através da barra de endereços e a função switch.

Para começar, instalem os dois programas acima referidos. 

Após isso, executem o Wamp e verifiquem que o icon na barra de ferramentas esta verde. (alguns programas podem causar conflitos, Skype por exemplo. Neste caso fechem completamente o Skype até o Wamp ficar verde e após isso podem voltar a abrir e utilizar os dois programas simultaneamente sem conflitos.)

Após isso cliquem com o botão esquerdo do rato no icon do Wamp (W verde) e depois em www directory.

Nesta pasta devem criar uma nova pasta com o nome "Tutorial".

Agora abram o vosso editor de texto (Notepad++ ou SublimeText por exemplo) e criem um novo ficheiro com o seguinte conteúdo:
Código:
<html>

<head>
    <title>Tutorial Switch</title>
</head>

<body>
    <!-- Menu -->
    <div style="width:100%;height:30px; background:#1B1E25">
        <ul>
            <a href=""><li>Pagina 1</li></a>
            <a href=""><li>Pagina 2</li></a>
        </ul>
    </div>
        <!-- Conteudo da pagina -->

        <!-- Fim do Conteudo da pagina -->

    
    <!-- Fim do Menu -->

    <!-- Footer-->
    <div style="width:100%;height:30px; background:#1B1E25">
        Copyright ©️ 2014 Rewtec.com
    </div>
    <!-- Fim do Footer-->
</body>

</html>

Guardem o ficheiro com o nome "index.php" dentro da pasta que criaram no passo anterior (geralmente C:/wamp/www/tutorial).

Agora criem um novo ficheiro e escrevam:

Código:
<h3> PAGINA 1 </h3>

Guardem o ficheiro com o nome: "pagina1.php".

Repitam o passo anterior e apenas mudem 1 para 2 ou seja PAGINA 1 fica PAGINA 2 e pagina1.php fica pagina2.php.

Agora que está tudo pronto vamos ao mais importante.

Como utilizar a função GET?


Vamos chamar o endereço do nosso site: Quarto
Variável: Caixa
Valor: Brinquedo.

Ou seja no endereço do site vamos ter uma "caixa" (variável) que pode conter um "brinquedo" (valor da variável).

Exemplo prático:
Um carro vermelho 5 portas.

temos aqui 2 variáveis:
- Cor 
- Numero de Portas

Neste caso o valor de "Cor" é "Vermelho" e o Valor de "Numero de Portas" é "5".

Ora para o nosso site o que vamos fazer é muito parecido.

Neste caso vamos ter uma Variável "pagina" e o valor que ela pode assumir vai ser "1", "2" no nosso exemplo...


E agora dizem-me vocês, onde entra o tal GET nisto tudo?

O GET é o que nos vai permitir Pegar no conteúdo da nossa variável para o podermos utilizar. Ou seja permite-nos ir a caixa buscar o brinquedo.

Vamos passar a acção!

Abram o ficheiro que criaram com o nome "index.php".

Procurem por este parte do código:
Código:
<!-- Conteudo da pagina -->

<!-- Fim do Conteudo da pagina -->

É entre estas duas "frases" que vamos fazer o trabalho principal.

Para dizermos ao servidor que ele tem de tratar o código PHP vamos escrever o seguinte " " e devem ficar com o seguindo código:
Código:
<!-- Conteudo da pagina -->
<?php




?>
<!-- Fim do Conteudo da pagina -->

É entre o "" que vamos escrever o nosso código PHP para gerir as nossas páginas.

Agora vamos utilizar um switch. Um switch é uma função que vê qual é o brinquedo que está na caixa e consoante o brinquedo vai fazer algo diferente.

Neste caso vai ver se a página é "1" ou "2" ou nenhuma das duas.

Comecem por escrever o seguinte código:

Código:
switch ($_GET['pagina'])
{
    case "1":
    break;
 
    case "2":
    break;

    default:
    break;
}


Isto é a base do vosso switch. 

Explicação do funcionamento:
Primeiro declaramos que queremos utilizar um switch. O Valor entre () é a caixa que queremos analisar (a variável). Neste caso como queremos ir buscar um valor a barra de endereços vamos utilizar o tal GET. Veremos mais a frente como fazer para atribuir um valor à variável através da barra de endereços.

Depois o case é as possibilidades que querem dar ao vosso switch.

Exemplo:
Se a caixa tiver um carro: fazer uma corrida de carros
Se a caixa tiver uma boneca: Brincar as princesas.
Se tiver outra coisa qualquer: Correr a volta do quarto

o break serve para que após escolher o que fazer não continuem mais..
Ou seja se quiserem que se tiver um carro ou uma boneca: Abrir a Janela 
vão fazer o seguinte:

Código:
case "carro":
case "boneca": Abrir a janela
break;

Ou seja ele vai continuar o código até encontrar um "break".

Fim da explicação


Agora vamos as coisas sérias. O que nos queremos é incluir a pagina "pagina1.php" se dissermos que pagina=1 e queremos incluir a pagina "pagina2.php" se dissermos que pagina=2.

Para fazer isso vamos utilizar a função "include". Esta função permite incluir paginas umas dentro de outras.

Código:
switch ($_GET['pagina'])
{
    case "1": include("pagina1.php");
    break;
 
    case "2": include("pagina2.php");
    break;

    default: include("pagina1.php");
    break;
}

O que isto vai fazer?

Este código vai ver qual pagina esta dentro da variável pagina.

Se for "1" vai incluir a "pagina1.php" dentro da pagina index.php
Se for "2" vai incluir a "pagina2.php" dentro da pagina index.php
Se for outra coisa qualquer, vai incluir a "pagina2.php" dentro da pagina index.php

Neste momento devem ter o seguinte código:
Código:
<html>
  
  <head>
    <title>
      Tutorial Switch
  </title>
  </head>
  
  <body>
    <!-- Menu -->
  <div style="width:100%;background:#1B1E25; color:white">
    <ul>
      <a href=""><li>Pagina 1</li></a>
      <a href=""><li>Pagina 2</li></a>
    </ul>
  </div><!-- Fim do Menu -->


  <!-- Conteudo da pagina -->
  <?php
     switch ($_GET['pagina'])
     {
        case "1": include("pagina1.php");
        break;

        case "2": include("pagina2.php");
        break;

        default: include("pagina1.php");
        break;
      }
  ?>
  <!-- Fim do Conteudo da pagina -->
  
  
  
  
  <!-- Footer-->
  <div style="width:100%;background:#1B1E25; color:white">
    Copyright ©️ 2014 Rewtec.com
  </div>
  <!-- Fim do Footer-->
  </body>
  
</html>

Vamos agora atacar o menu para enfim atribuirmos a página que queremos ao sistema.

Procurem agora esta parte do código:

Código:
<!-- Menu -->
  <div style="width:100%;height:30px; background:#1B1E25">
    <ul>
      <a href=""><li>Pagina 1</li></a>
      <a href=""><li>Pagina 2</li></a>
    </ul>
  </div><!-- Fim do Menu -->

Vamos nos interessar apenas aos 2 : 
Código:
<a href="">



entre os " " a seguir a href é onde vamos introduzir o link da página para onde queremos ir ao clicar no link.

Vamos então escrever o seguinte:

index.php?pagina=1

index.php?pagina=2

O GET vai então detectar a vossa variável "pagina" e guardar o valor dela .. ou seja neste caso "1" ou "2" consoante o endereço que estamos.


Após terem modificado então os endereços do menu devem ter o seguinte código:

Código:
<html>
  
  <head>
    <title>
      Tutorial Switch
  </title>
  </head>
  
  <body>
    <!-- Menu -->
  <div style="width:100%;background:#1B1E25; color:white">
    <ul>
      <a href="index.php?pagina=1"><li>Pagina 1</li></a>
      <a href="index.php?pagina=2"><li>Pagina 2</li></a>
   </ul>
  </div><!-- Fim do Menu -->


  <!-- Conteudo da pagina -->
  <?php
     switch ($_GET['pagina'])
     {
        case "1": include("pagina1.php");
        break;

        case "2": include("pagina2.php");
        break;

        default: include("pagina1.php");
        break;
      }
  ?>
  <!-- Fim do Conteudo da pagina -->
  
  
  
  
  <!-- Footer-->
  <div style="width:100%;background:#1B1E25; color:white">
    Copyright ©️ 2014 Rewtec.com
  </div>
  <!-- Fim do Footer-->
  </body>
  
</html>


Pronto agora chegou o momento de testarem o que fizeram.

Para isso acedam ao link:

[Você precisa estar registrado e conectado para ver este link.]


E pronto é tudo.
Espero que tenham gostado e que o tutorial nao esteja muito confuso. Tentei simplificar ao máximo dado exemplo claros. Mas o que para mim parece bastantes simples porque estou habituado, nao o será certamente para outras pessoas.

Por isso NAO hesitem em fazer perguntas que ajudarei o mais rapido possivel Smile

Ver perfil do usuário

Engine404

avatar
Membro
Obrigado pelo tutorial!
Em breve vou começar a estudar PHP e todo tutorial é bem-vindo.


Até!

Ver perfil do usuário
Fazes bem Smile

Se precisares de ajuda diz Wink

Ver perfil do usuário

DiogoR.

avatar
Novato
Boas,
Obrigado por compartilhar connosco.

Até.

Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum