3 de ago. de 2012

Query String

Oi pessoal hoje estou trazendo um tutorial muito manero em PHP, Querystring nada mais é o padrão que o protocolo HTTP utiliza para transporte de informação do cliente para o servidor, ou até mesmo cliente - cliente em alguns casos (Javascript ou VBScript), o querystring muitas vezes é intepretado de forma errada pelos programadores que tendem a entender como sendo um recurso da linguagem, mas este recurso já existia muito antes do PHP e era utilizado pelos programadores Perl, CGI e ASP.

Demonstração

Como vocês podem ver utilizo este recurso em meu humilde portfólio e se vocês navegarem pelas páginas dele, irão perceber que todas as páginas externas irão abrir dentro de uma única div e local. Este é um tutorial considerado um pouco complexo principalmente para aqueles que estão começando com PHP mas nada de muito difícil.

Veja o exemplo de um link SEM query string e COM query string:

Com: http://jorgelinhares.net23.net/index.php?local=01
Sem: http://jorgelinhares.net23.net/serviços.php

Tirei este tutorial que foi escrito por Beraldo do ScriptBrasil, caso queira ver o tutorial original clique aqui.

Começaremos com os códigos CSS e HTML:

estilo.css
body{
text-align: center;
color: #000;
font-size: 12px;
margin: 10px;
background: #ccc;
}
#tudo{
width: 560px;
height: 350px;
margin: 0 auto;
padding: 0;
border-left: solid 3px red;
border-right: solid 3px red;
}
#menu{
position: relative;
width: 300px;
height: 22px;
top: 10px;
margin: 0 auto;
padding: 2px;
font-size: 15px;
background: #000;
}
#menu ul{
list-style: none;
margin: 0;
padding: 0;
}
#menu li{
display: inline;
margin: 0 3px;
padding: 0 2px;
}
#menu a:link{
text-decoration: underline;
color: #fff;
}
#menu a:visited{
text-decoration: underline;
color: #fff;
}
#menu a:hover{
text-decoration: none;
color: blue;
}
#conteudo{
position: relative;
width: 480px;
top: 40px;
margin: 2px auto;
}


index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="estilo.css" media="screen" />
<title>Query Strings</title>
</head>
<body>
<div id="tudo">
<h1 style="margin: 2px;padding: 3px;border-bottom: solid 4px black;  font-size: 28px;">
Tutorial Query String
</h1>
<div id="menu">
<ul>
  <li><a href="index.php">Página Inicial</a></li>
  <li><a href="index.php?local=01">Link 01</a></li>
  <li><a href="index.php?local=02">Link 02</a></li>
  <li><a href="index.php?local=03">Link 03</a></li>
</ul>
</div>
<div id="conteudo">
<?php
if (isset($_GET['local'])){
    switch ($_GET['local']){
        case 01:
          include "link01.php";
          break;
        case 02:
          include "link02.php";
          break;
        case 03:
          include "link03.php";
          break;
    }
}else{
    include "principal.php";
}
?>
</div>
</div>
</body>
</html>

Feito isso seu script está pronto para uso, todas as páginas PHP irão abrir dentro da Div conteúdo.

Infelizmente não vai dar parar explicando o funcionamento do script PHP aqui no site, ou a postagem seria muito extensa e cansativa mas vou deixar o link deste tutorial para vocês poderem analisar. LINK