Procurar
Entrar
Últimos assuntos
Os membros mais ativos da semana
Nenhum usuário |
Membro do Mês
- Muito Obrigado
- Parabens para o Membro do més, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!
Estatísticas
Temos 72 usuários registradosO último membro registrado é Hehe21
Os nossos membros postaram um total de 2960 mensagens em 661 assuntos
Sistema De Notícias Em PHP E MySQL
Página 1 de 1
Sistema De Notícias Em PHP E MySQL
Hoje falaremos sobre um tipo de sistema muito utilizado no dia a dia. O Sistema de Notícias.
Dificilmente você encontra matérias na Internet contendo um passo a passo completo e explicativo. Tem sim: vários sistemas disponíveis com código pronto para você apenas copiar.
Nesta matéria comentaremos as partes mais importantes de cada script, visando facilitar seu aprendizado.
Passo 1: Estrutura de pastas
Como alguns já sabem, gosto de focar os sistemas que desenvolvo de forma limpa, prática e organizada.
Por este motivo, apresentamos abaixo a estrutura utilizada nas pastas deste Sistema:
OBS.: Na pasta
Passo 2: Criando as Tabelas na Base de Dados:
Antes de partirmos para a programação, abra o arquivo script-sql.txt (disponível no arquivo em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.
Em nossas matérias utilizamos como padrão o MySQLFront. Caso você queira utilizar este programa, clique em SQL Editor e cole o conteúdo do script (conforme imagem abaixo).
Passo 3: Script De Conexão
Tendo as pastas já criadas e as tabelas na base de dados geradas, você já pode dar início à Programação!
Crie o arquivo conexao.php e coloque dentro da pasta CONFIG.
Neste arquivo, você deverá disponibilizar o texto abaixo:
Passo 4: Menu Gerencial – Formulário (index.php):
A página index.php apesar de ter uma aparência simples, é de fundamental importância para este sistema.
Através dela temos acesso ao menu gerencial!
OBS.: Para facilitar seus acessos, criamos o usuário abaixo:
Login: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] – Senha: 123456
Passo 5: Menu Gerencial – Autenticação (autenticacao.rotinas.php):
Esta será a página onde faremos todo o gerenciamento de usuários, isto é: Diremos ao Sistema quem deve ou não ter acesso à Área Gerencial.
Bem… estamos disponibilizando um script simples de acesso, porém, caso seja de seu interesse, você poderá melhorar este código.
Talvez esta seja a parte mais importante do código, pois se você não tiver este conteúdo em seu código, ele simplesmente não vai registrar a sessão, nem permitir a conexão à base de dados.
Através das linhas acima você receberá as variáveis com o nome do usuário, senha de acesso e o status (neste caso, utilizaremos a condição enviado para reforçar na segurança).
Nas linhas acima o script fará uma validação completa, verificando se o usuário e a senha informado existem.
Antes disso, ele só fará a leitura se a variável $enviado (exemplo da linha 6 à linha tiver o valor posted.
Caso este valor (que será passado através do método POST) não seja o informado, ele sequer fará a leitura no demais.
Nas linhas a seguir (após ele validar a variável $enviado) o script fará uma série de verificações, finalizando ao registrar as sessões para o ID e NOME do Usuário selecionado. Além disso ele fará seu direcionamento à página principal.php.
Passo 6: Menu Gerencial – Página Principal (principal.php):
Esta será a página principal do sistema, onde teremos acesso às demais a serem gerenciadas (conforme você pode ver na imagem abaixo).
OBS.: Apesar de também estar disponível no Sistema (no arquivo em anexo), para não tomar muito seu tempo, falaremos nesta matéria apenas dos itens Cadastrar Notícia e Listar Notícias.
Certamente os comentários diversos disponíveis nesta matéria sanarão qualquer dúvida que você tenha quanto aos demais arquivos.
Neste trecho do script faremos uma validação!
Se o ID e NOME do usuário tiver em uso nsta sessão, ele deverá lhe dar acesso, caso não esteja em uso ele deverá restringir o acesso.
Fará acesso também ao script conexao.php (responsável pela conexão ao banco de dados).
Após isto, o sistema fará algumas verificações simples neste script, só atentando para o botão excluir (onde ele deverá direcionar seu acesso ao script logout.php (responsável pela exclusão da sessão).
Passo 7: Menu Gerencial – Cadastrar Notícia (noticias_cadastrar.php):
Esta é a página responsável pelo cadastro da notícia (conforme você pode ver na imagem disponível abaixo).
O trecho acima chama os scripts responsáveis pelo funcionamento do Editor de Textos.
OBS.: Veja que ele chama os scripts a seguir: javascript.js, htmlarea.js, jscript.js e a pasta htmlarea.
Apesar do trecho acima ser muito utilizado (por tratar-se do FORM), fiz questão de comentar esta linha, por ter o enctype.
Fazendo uso do multipart/form-data será possível efetuar o envio de arquivo (FILE) ao Servidor.
O Javascript acima trás ao TEXTAREA o Editor de Textos personalizado.
Passo 8: Menu Gerencial – Script Notícias (script_noticias.php):
Trata-se de um script exclusivo que deverá receber os scripts tratados enviar ao banco de dados, devendo após este inserir, alterar ou excluir o conteúdo.
OBS.: Para saber mais sobre este script, sugerimos verificá-lo na íntegra, dentro da pasta ADMIN.
Assim como os demais scripts, o script_noticias.php também tem o conteúdo padrão para manter sua segurança; porém, até para facilitar seu gerenciamento, recebe por método GET o motivo da entrada (exemplo: alterar, cadastrar, cadastrar_categoria, excluir) e por método POST receberá os valores a serem manipulados.
OBS.: Após a inserção, edição ou exclusão, seja qual for o comando utilizado, o script fará o redirecionamento para uma outra página.
Passo 9: Menu Gerencial – Listar Notícia (noticias_listar.php):
Através desta página você poderá de forma prática e simples listar todas as notícias cadastradas, além de poder visualizá-las em janela popup, podendo editá-las ou efetuar sua exclusão a qualquer momento..
No trecho acima você chamará a página externa noticias_visualizar.php. Esta página deverá abrir a notícia selecionada, sendo possível visualizar até mesmo a imagem inserida.
O trecho acima completa o que comentamos da linha 27 à linha 31, abrindo a página noticias_visualizar.php.
Passo 10: Página Externa – Index (index.php):
Será a área onde disponibilizaremos erá a página principal do sistema, onde teremos acesso às demais a serem gerenciadas (conforme você pode ver na imagem abaixo).
No trecho acima o SELECT busca todas as notícias com status = 1, limitando a busca a 8 registros.
Após isto, utilizaremos o comando WHILE para retornar os registros através das variáveis acima definidas (um após o outro).
Passo 11: Página Externa – Descrição de Notícia (noticias-descricao.php):
Através desta página você poderá visualizar a notícia, visualizando-a por inteiro (título, descrição, notícia, imagem e fonte da notícia).
OBS.: Não vamos inserir a descrição da notícia aqui, para não prolongar mais a matéria, porém, te aconselho a verificar a página noticias-descricao.php (disponível em anexo), onde você poderá visualizar o script por inteiro.
Passo 12: Página Externa – Últimas Notícias (noticias.php):
Através desta página você poderá visualizar as últimas 50 notícias cadastradas no Sistema, podendo encontrá-las facilmente através da data de cadastro e descrição.
OBS.: Você poderá alterar esta página, inserindo um buscador e contador de páginas!
OBS²: Este tutorial não poderá ser postado em outro fórum e nem em outra parte do Mania da Net caso alguém poste sera Denunciado este tutorial é só para os SpyonPremium
Fonte : WebMaster
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Dificilmente você encontra matérias na Internet contendo um passo a passo completo e explicativo. Tem sim: vários sistemas disponíveis com código pronto para você apenas copiar.
Nesta matéria comentaremos as partes mais importantes de cada script, visando facilitar seu aprendizado.
Passo 1: Estrutura de pastas
Como alguns já sabem, gosto de focar os sistemas que desenvolvo de forma limpa, prática e organizada.
Por este motivo, apresentamos abaixo a estrutura utilizada nas pastas deste Sistema:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
OBS.: Na pasta
Passo 2: Criando as Tabelas na Base de Dados:
Antes de partirmos para a programação, abra o arquivo script-sql.txt (disponível no arquivo em anexo) e cole seu conteúdo no Programa utilizado para gerenciamento da base de dados.
Em nossas matérias utilizamos como padrão o MySQLFront. Caso você queira utilizar este programa, clique em SQL Editor e cole o conteúdo do script (conforme imagem abaixo).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 3: Script De Conexão
Tendo as pastas já criadas e as tabelas na base de dados geradas, você já pode dar início à Programação!
Crie o arquivo conexao.php e coloque dentro da pasta CONFIG.
Neste arquivo, você deverá disponibilizar o texto abaixo:
- Código:
----- CONFIG.PHP ------
<?
$database="localhost:3307"; // SERVIDOR E PORTA UTILIZADA
$dbname="tutorial"; // BASE DE DADOS
$usuario="root"; // USUÁRIO DO MYSQL
$dbsenha=""; // SENHA DO MYSQL
$conexao=mysql_connect ($database, $usuario, $dbsenha);
if($conexao){
if (mysql_select_db($dbname, $conexao)){ print "";
}else{ print "Não foi possível selecionar o Banco de Dados"; }
}else{ print "Erro ao conectar o MySQL"; }
?>
----------
Passo 4: Menu Gerencial – Formulário (index.php):
A página index.php apesar de ter uma aparência simples, é de fundamental importância para este sistema.
Através dela temos acesso ao menu gerencial!
OBS.: Para facilitar seus acessos, criamos o usuário abaixo:
Login: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] – Senha: 123456
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Passo 5: Menu Gerencial – Autenticação (autenticacao.rotinas.php):
Esta será a página onde faremos todo o gerenciamento de usuários, isto é: Diremos ao Sistema quem deve ou não ter acesso à Área Gerencial.
Bem… estamos disponibilizando um script simples de acesso, porém, caso seja de seu interesse, você poderá melhorar este código.
- Código:
-----Linha 02 e 03 -----
session_start();
include ("../config/conexao.php");
------------
Talvez esta seja a parte mais importante do código, pois se você não tiver este conteúdo em seu código, ele simplesmente não vai registrar a sessão, nem permitir a conexão à base de dados.
- Código:
-----Linha 06 à Linha 08 -----
$cliente_username = $_POST["usuario"];
$cliente_password = $_POST["senha"];
$enviado = $_POST["enviado"];
---------------
Através das linhas acima você receberá as variáveis com o nome do usuário, senha de acesso e o status (neste caso, utilizaremos a condição enviado para reforçar na segurança).
- Código:
-----Linha 10 à Linha 29 -----
if ($enviado == "posted"){
if (!isset($cliente_username) or !isset($cliente_password)) { echo "Erro!"; exit; }
if (empty($cliente_username) or empty($cliente_password)) { echo "Dados inválidos!"; exit; }
$query = "select * from tbl_usuarios where email = '$cliente_username' and senha = '$cliente_password'";
$result = mysql_query($query);
$number = mysql_num_rows($result);
if ($number==0) { ?>
<script>alert('Autorização inexistente/Senha inválida ou expirada.');history.back();</script>
<?
exit;
} else {
$_SESSION['usuario_id'] = mysql_result($result,0,'id');
$_SESSION['usuario_nome'] = mysql_result($result,0,'nome');
?><script>document.location = '../principal.php'</script><?
}
mysql_close($conexao);
}
----------
Nas linhas acima o script fará uma validação completa, verificando se o usuário e a senha informado existem.
Antes disso, ele só fará a leitura se a variável $enviado (exemplo da linha 6 à linha tiver o valor posted.
Caso este valor (que será passado através do método POST) não seja o informado, ele sequer fará a leitura no demais.
Nas linhas a seguir (após ele validar a variável $enviado) o script fará uma série de verificações, finalizando ao registrar as sessões para o ID e NOME do Usuário selecionado. Além disso ele fará seu direcionamento à página principal.php.
Passo 6: Menu Gerencial – Página Principal (principal.php):
Esta será a página principal do sistema, onde teremos acesso às demais a serem gerenciadas (conforme você pode ver na imagem abaixo).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
OBS.: Apesar de também estar disponível no Sistema (no arquivo em anexo), para não tomar muito seu tempo, falaremos nesta matéria apenas dos itens Cadastrar Notícia e Listar Notícias.
Certamente os comentários diversos disponíveis nesta matéria sanarão qualquer dúvida que você tenha quanto aos demais arquivos.
- Código:
-----Linha 02 à Linha 11 -----
session_start();
if (empty($_SESSION['usuario_id'])){
echo "Acesso negado!";
exit;
}else{
include('config/conexao.php');
$usuario_id = $_SESSION['usuario_id'];
$usuario_nome = $_SESSION['usuario_nome'];
}
------------
Neste trecho do script faremos uma validação!
Se o ID e NOME do usuário tiver em uso nsta sessão, ele deverá lhe dar acesso, caso não esteja em uso ele deverá restringir o acesso.
Fará acesso também ao script conexao.php (responsável pela conexão ao banco de dados).
Após isto, o sistema fará algumas verificações simples neste script, só atentando para o botão excluir (onde ele deverá direcionar seu acesso ao script logout.php (responsável pela exclusão da sessão).
Passo 7: Menu Gerencial – Cadastrar Notícia (noticias_cadastrar.php):
Esta é a página responsável pelo cadastro da notícia (conforme você pode ver na imagem disponível abaixo).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
- Código:
-----Linha 28 à Linha 35 -----
<script language="javascript" type="text/javascript" src="javascript.js"></script>
<script type="text/javascript" src="htmlarea.js"></script>
<SCRIPT src="javascript/jscripts.js"></SCRIPT>
<script type="text/javascript">
_editor_url = "htmlarea/";
_editor_lang = "en";
</script>
----------
O trecho acima chama os scripts responsáveis pelo funcionamento do Editor de Textos.
OBS.: Veja que ele chama os scripts a seguir: javascript.js, htmlarea.js, jscript.js e a pasta htmlarea.
- Código:
-----Linha 46 -----
<form action='script_noticias.php?acao=cadastrar' Method='post' enctype='multipart/form-data'>
----------
Apesar do trecho acima ser muito utilizado (por tratar-se do FORM), fiz questão de comentar esta linha, por ter o enctype.
Fazendo uso do multipart/form-data será possível efetuar o envio de arquivo (FILE) ao Servidor.
- Código:
-----Linha 195 à Linha 198 -----
<script language="JavaScript1.2" defer> editor_generate('msg'); </script>
<textarea name="msg" cols="65" rows="15" border='1'></textarea>
-----
O Javascript acima trás ao TEXTAREA o Editor de Textos personalizado.
Passo 8: Menu Gerencial – Script Notícias (script_noticias.php):
Trata-se de um script exclusivo que deverá receber os scripts tratados enviar ao banco de dados, devendo após este inserir, alterar ou excluir o conteúdo.
OBS.: Para saber mais sobre este script, sugerimos verificá-lo na íntegra, dentro da pasta ADMIN.
- Código:
-----Linha 25 à Linha 29 -----
$acao = $_GET['acao'];
switch ($acao) {
case cadastrar_categoria:
----------
Assim como os demais scripts, o script_noticias.php também tem o conteúdo padrão para manter sua segurança; porém, até para facilitar seu gerenciamento, recebe por método GET o motivo da entrada (exemplo: alterar, cadastrar, cadastrar_categoria, excluir) e por método POST receberá os valores a serem manipulados.
OBS.: Após a inserção, edição ou exclusão, seja qual for o comando utilizado, o script fará o redirecionamento para uma outra página.
Passo 9: Menu Gerencial – Listar Notícia (noticias_listar.php):
Através desta página você poderá de forma prática e simples listar todas as notícias cadastradas, além de poder visualizá-las em janela popup, podendo editá-las ou efetuar sua exclusão a qualquer momento..
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
- Código:
-----Linha 27 à Linha 31 -----
<script language="JavaScript">
function Abrir_Pagina(URL,Configuracao) {
window.open(URL,'',Configuracao);
}
</script>
----------
No trecho acima você chamará a página externa noticias_visualizar.php. Esta página deverá abrir a notícia selecionada, sendo possível visualizar até mesmo a imagem inserida.
- Código:
-----Linha 203 à Linha 205 -----
<a href="javascript:Abrir_Pagina('noticias_visualizar.php?id_noticia=<?= $row["id_noticia"];?>','scrollbars=yes,width=700,height=800')">
<img src="imagens/ed_preview.gif" width="16" height="14" border="0">
</a>
----------
O trecho acima completa o que comentamos da linha 27 à linha 31, abrindo a página noticias_visualizar.php.
Passo 10: Página Externa – Index (index.php):
Será a área onde disponibilizaremos erá a página principal do sistema, onde teremos acesso às demais a serem gerenciadas (conforme você pode ver na imagem abaixo).
- Código:
-----Linha 13 à Linha 24 -----
$query_noticias = "select * from tbl_noticias where status = '1' limit 8";
$rs_noticias = mysql_query($query_noticias);
while($campo_noticias = mysql_fetch_array($rs_noticias)){
$id_noticia = $campo_noticias['id_noticia'];
$data_noticia = $campo_noticias['data'];
$titulo_noticia = $campo_noticias['titulo'];
$descricao_noticia = $campo_noticias['descricao'];
$texto_noticia = $campo_noticias['msg'];
$fonte_noticia = $campo_noticias['legenda'];
$imagem_noticia = $campo_noticias['nome_arquivo'];
----------
No trecho acima o SELECT busca todas as notícias com status = 1, limitando a busca a 8 registros.
Após isto, utilizaremos o comando WHILE para retornar os registros através das variáveis acima definidas (um após o outro).
Passo 11: Página Externa – Descrição de Notícia (noticias-descricao.php):
Através desta página você poderá visualizar a notícia, visualizando-a por inteiro (título, descrição, notícia, imagem e fonte da notícia).
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
OBS.: Não vamos inserir a descrição da notícia aqui, para não prolongar mais a matéria, porém, te aconselho a verificar a página noticias-descricao.php (disponível em anexo), onde você poderá visualizar o script por inteiro.
Passo 12: Página Externa – Últimas Notícias (noticias.php):
Através desta página você poderá visualizar as últimas 50 notícias cadastradas no Sistema, podendo encontrá-las facilmente através da data de cadastro e descrição.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
OBS.: Você poderá alterar esta página, inserindo um buscador e contador de páginas!
OBS²: Este tutorial não poderá ser postado em outro fórum e nem em outra parte do Mania da Net caso alguém poste sera Denunciado este tutorial é só para os SpyonPremium
Fonte : WebMaster
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Sex Mar 08, 2013 7:41 pm por Lins
» Novo msn '
Qua Mar 06, 2013 11:24 pm por Quakeline
» TransforShake -O Melhor
Qua Mar 06, 2013 11:23 pm por AsDsAsDs
» Álbum Playstation 3
Qua Mar 06, 2013 12:33 am por Gmtp
» «TransforSEXY»
Ter Mar 05, 2013 9:30 pm por AsDsAsDs
» Quakeline dançando Halem shake
Ter Mar 05, 2013 7:03 pm por Buster
» plussbr o melhor com novas peles e titulos!
Ter Mar 05, 2013 1:09 am por Luria
» TransforZoxx
Ter Mar 05, 2013 1:07 am por Luria
» [Sugestão]Avatar Padrão
Seg Mar 04, 2013 12:40 pm por Quakeline