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

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

1Raphael_xD 

Raphael_xD
Membro

Seg 23 Dez 2013, 12:03 am
Oi pessoal, vamos aprender a fazer um sistema de noticia em php com loop!


Então vamos lá, pegue seu Café e preste atenção!


Vamos ao Código!


Primeiro iremos abrir o nosso PHP usando esse código aqui:


Código:
<?php
e para fechar o código PHP você usará:
Código:
?>
Tendo essas noções super básicas do PHP agora vamos ao Código de Noticias:
Para que o loop Funcione você precisa fazer com que o conteudo fique entre Um Pacote de Códigos sem ter fechado eles.


Então Vamos Lá :)


Primeiro iremos abrir nosso PHP como ensinado acima, e para isso usaremos o:
Código:
<?php




Para Conectar à DB e pegar o conteudo dele iremos usar essas Seguintes Linhas de Código:
Código:
$n = mysql_query("SELECT id, thumb, titulo, texto, categoria FROM nomedasuatabela")
         or die(mysql_error());
if(@mysql_num_rows == '0'){
   echo "Sem Noticias Cadastradas No Momento!";
}else{


Agora vamos entender o Código:
Criei a Variavel $n que é responsável de conectar-se a TABELA da Noticia, apos isso usei o mysql_query que serve para enviar um consulta para o TABELA pedindo as informações.


Apos abrir parenteses usei o "SELECT" que seleciona as Linhas da TABELA que é de onde Tiramos a Informação(No fim do post irei ensinar a fazer o banco de dados e a tabela :)) aonde eu peguei as minhas Tabelas, no Caso o ID a Thumb(Foto de Previa), Texto, Titulo e Categoria; após isso me conectei a TABELA usando o "FROM".


O Código:
Código:
or die(Mysql_error());
Serve para que caso aja um erro com  conexão ou de pegar informações ele mostre no site o erro e a linha do erro!


e aí vem o nosso lindo e maravilhoso Código Opcional:


Código:
if(@mysql_num_rows == '0'){
   echo "Sem Noticias Cadastradas No Momento!";
}else{
Agora você me pergunta "Oque isso faz?, é necessário?" É necessário caso você queira que seu BLOG/PORTAL seja organizado!
Mas oque isso faz? Simples, isso informa se existem noticias cadastradas na Tabela, agora vamos entender esse código!




Código:
IF = Caso.


@mysql_num_rows serve para contas a quantidade de linhas.


Então se:


@mysql_num_rows == '0' significa que se caso o Número de linhas na tabela for 0 ira aparecer a mensagem contida no Echo


Else = Outros(Caso não seja 0 e tenha linhas ele ira mostrar as linhas!).


Echo = Eco (Ele ecoa oque está escrito dentro das Aspas).






Feito isso nosso sistema de se conectar a TABELA está pronto, agora vamos Confirmar as Tabelas e Fazer o loop :).


Vamos Lá, Let's GO, Andiamo(Italiano).


Primeiro iremos confirmar as LINHAS da nossa TABELA!
OBS: NÂO FECHE SEU CÓDIGO PHP ANTERIOR, CONTINUE USANDO O MESMO, SÓ FECHE QUANDO EU AVISAR!




Código:
while($res_noticias=mysql_fetch_array($n)){
      
                $id       = $res_noticias[0];
      $thumb       = $res_noticias[1];
      $titulo    = $res_noticias[2];
      $texto       = $res_noticias[3];
                $categoria      = $res_noticias[4];      
Vamos entender esse código super simples agora:
While = Enquanto.
$res_noticias = variável que irá confirmar as tabelas pela sua ordem de criação!
mysql_fetch_array = função auxiliar que vá até a memória e consiga trazer as linhas de nossa tabela.
($n) = informamos a Variável de Conexão com a Nossa TABELA que está puxando nossas tabelas.


Agora vamos entender a linha de código:
Código:
$id       = $res_noticias[0];
$id = Variável que usaremos para mostrar a ID(Não iremos mostrar mas irá servir, fiquem atentos!)
$res_noticias[0] = Aonde pegamos o numero da linha do respectivo item em nossa tabela, no caso como ela é a primeira colocamos "0"!


AGORA IREMOS FECHAR O NOSSO PHP USANDO O CÓDIGO:
Código:
?>


Finalizando o Código assim:
Código:
<?php
$n = mysql_query("SELECT id, thumb, titulo, texto, categoria FROM nomedatabela")
         or die(mysql_error());
if(@mysql_num_rows == '0'){
   echo "Sem Noticias Cadastradas No Momento!";
}else{

while($res_noticias=mysql_fetch_array($n)){
      
      $id       = $res_noticias[0];
      $thumb       = $res_noticias[1];
      $titulo    = $res_noticias[2];
      $texto       = $res_noticias[3];
                $categoria      = $res_noticias[4];
?>


Agora entre esse nosso código acima e o fechamento dele colocaremos o Nosso Conteudo que será Loopado!
isso no caso será necessário ter um layout!
Mas para colocar o Titulo,Texto,Categoria,Thumb, usaremos o seguinte código:
Código:
<?php echo $titulo; ?>
Vamos entender esse código:
<?php = abrirá nosso código PHP.
Echo = irá exibir nossa variável ao lado.
$titulo = nossa variável que irá ser mostrada com o uso do ECHO.
?> = fechará nosso código PHP.


Caso não entenda como fazer poste nos comentários me dizendo do que precisa saber.


agora vamos fechar o nosso sistema de loop
Código:
<?php
  }
}
?>


Esse código acima servirá para fechar o nosso sistema e não o código PHP!!!!
Caso não entenda muito bem avise, quem sabe eu faço um vídeo!

Código Completo:
Código:
<?php[color=#6d6d6d][/color]
$n = mysql_query("SELECT id, thumb, titulo, texto, categoria FROM nomedatabela")[color=#6d6d6d][/color]
         or die(mysql_error());[color=#6d6d6d][/color]
if(@mysql_num_rows == '0'){[color=#6d6d6d][/color]
   echo "Sem Noticias Cadastradas No Momento!";[color=#6d6d6d][/color]
}else{[color=#6d6d6d][/color]
[color=#6d6d6d][/color]
while($res_noticias=mysql_fetch_array($n)){[color=#6d6d6d][/color]
      [color=#6d6d6d][/color]
      $id       = $res_noticias[0];
      $thumb       = $res_noticias[1];
      $titulo    = $res_noticias[2];
      $texto       = $res_noticias[3];
      $categoria      = $res_noticias[4];
?>


Agora vamos aprender a fazer o nosso Banco de Dados!!
Primeiro de tudo esse o programa e instale ele, caso nao saiba instalar procure vídeos no youtube!: Clique Aqui


Ele irá adicionar PHPMyAdmin no seu computador e te Dará Acesso ao Apache e MySQL para criar seu site com banco de dados!


Feito o download e instalado siga os seguinte passos:
Primeiro acesse pelo seu navegador o diretorio: http://localhost/phpmyadmin
Feito isso você terá acesso a criar seu Banco de Dados!


Agora como criar o Banco de Dados:
Primeiro Vá em: Base De Dados
Como mostra na foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Depois coloque o nome desejado para a Banco de Dados e clique em criar, como mostra a foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Após isso vá no seu banco de dados criado, como mostra na foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Após isso coloque o nome desejado para sua tabela, o numero de colunas e clique em executar, como mostra a foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]





Agora vamos colocar o Nome de Cada Linha e o Nome, o Tipo e a incrementação, olhe a foto abaixo e tente se basear nela:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



Em tipo quando for ID coloque o TIPO = INT.
Quando for Texto normal como por exemplo: titulo,texto,categoria,descrição(ou oque você quiser colocar que seja a base de texto), você coloca o TIPO = TEXT


E SEMPRE QUE FOR ID SELECIONE A OPÇÃO A_I(Auto Increment) ISSO FARÁ COM QUE VOCê NÃO PRECISE PREENCHER A LINHA ID, ELA SERÁ PREENCHIDA AUTOMATICAMENTE.


EM ÍNDICE QUE NÃO APARECE NA FOTO VOCÊ COLOQUE PRIMARY PARA QUE NÃO SE REPITA! NÃO SE ESQUEÇA!


Após isso clique em GUARDA












Agora para adicionar novas noticias você irá no seu banco de dados e lá irá aparecer sua tabela criada e irá clicar em INSERE, como mostra a foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



E após isso preencha as linhas informando o que for necessário, a categoria, o titulo e o texto, como mostro na foto abaixo:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]





Caso não saiba como conectar-se ao Banco de Dados Procure Tutoriais no Youtube, aqui eu irei apenas ensinar a criar o sistema!


TOMEI DO MEU TEMPO PARA FAZER ESSE TUTORIAL PARA VOCÊS ENTÃO PEÇO QUE SE POSSIVEL COMENTEM NO TÓPICO E ME DEEM UM "+" POIS ISSO IRÁ ME MOTIVAR A CRIAR MAIS TUTORIAIS PARA VOCÊS!

Caso ache algum erro no tutorial me Informe e irei arrumar! não pegou aí? me informe oque está acontecendo e irei lhe ajudar!


OBS: ESSE TUTORIAL FOI CRIADO PARA O FORUM FOXDESIGN, CASO QUEIRA USAR EM SEU BLOG/FORUM DEIXE OS CREDITOS!

2waghcwb 

waghcwb
Membro

Qua 22 Jan 2014, 7:52 pm
Muito bom, quando sobrar um tempo vou testar tudo certinho...

3Milgrau 

avatar
Membro

Seg 18 Ago 2014, 2:41 pm
Muito Legal Cara Isso Com certeza  Ajudou Muita Gente.


Já Fiz Testes Gostei Muito.

Obrigado Pelo Compartilhamento.

Agradecimentos:MILGRAU

4Conteú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

Compartilhe este Tópico!

Url direta
BBcode
HTML
Feito com    e muito    pela equipe Fox Design