Início
Nº MensagensBoas,
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:
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:
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:
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:
É 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:
É 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:
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:
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.
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:
Vamos agora atacar o menu para enfim atribuirmos a página que queremos ao sistema.
Procurem agora esta parte do código:
Vamos nos interessar apenas aos 2 :
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:
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
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
