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

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

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

Kill€r

Kill€r
Warez
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:

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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

Engine404

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


Até!

Kill€r

Kill€r
Warez
Fazes bem Smile

Se precisares de ajuda diz Wink

DiogoR.

DiogoR.
Novato
Boas,
Obrigado por compartilhar connosco.

Até.

Conteúdo patrocinado


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

Permissões neste sub-fórum
Não podes responder a tópicos