| Últimas 20 atualizações de LUZIA BOLSI |
|
|
Olá Pessoal!
Para iniciarmos nosso artigo, criaremos agora a página ler.php. Ela receberá como parâmetro o
código da notícia clicada.
Quando desenvolvemos a parte das notícias no artigo anterior fizemos da
seguinte forma:
<div class="noticia">
<div
class="titulo_noticia"><a
"?pagina=ler&codigo=<?php echo
$dados["codigo"];?>"><?php echo
$dados["titulo"];?></a></div>
&#
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola, Pessoal !!
Continuando nosso desenvolvimento, neste artigo montaremos a div content_right para preencher as notícias com os registros da tabela de noticias, que deve ter sido criada no artigo anterior.
Para iniciar vamos analisar a página index.php, o que está em rosa são os códigos novos.
PÁGINA INDEX.PHP
_____________________________________________________________________________________
<?php
$conexao = mysql_connect("localhost", "root", "");
$banco = mysql_select_db("noticias");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" "style.css"> -- aqui referencio a folha de estilo que vou utilizar
<title>EXEMPLO SITE COM DIV</title>
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola Pessoal !!
No artigo de número três montamos a MasterPage e agora vamos criar a página home e perceber que ele colocará o conteúdo dela dentro da div content_left.
Crie a página home.php e coloque um texto qualquer caracterizando a empresa.
Exemplo código home.php:
<div class="home">
Texto qualquer sobre a
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola Pessoal ! Neste artigo montaremos a estrutura conhecida como MasterPage estrutura básica para o funcionamento restante da página. Por exemplo se o site fosse feito em html puro ele necessitaria ter 5 páginas (HOME, EMPRESA, PRODUTOS, CLIENTES, CONTATO) no mesmo formato (mesmo modelo) necessitando a troca do conteúdo. Com o masterpage, você cria apenas um único modelo chamado de index.php e apenas adiciona o arquivo no espaço desejado. Para iniciar vamos acrescentar no código html mais uma div chamada content_center. Na div content_center é onde vai estar o conteúdo que muda quando clicamos em outro link e onde também vão estar as notícias. __________________________________________________________________________ <html> <head> <link rel="stylesheet" type="text/css" "style.css"> -- aqui referencio a folha de estilo que vou utilizar <title>EXEMPLO SITE COM DIV</title> </head> <body> <div class="content"> <div class="cotent_site"> <div class="topo"> <div class="logotipo"><img src="img/logotipo.png" /></div><!-- deded--> <div class="menu"> <ul> <a "?pagina=home.php"><li>HOME</li></a> <a "?pagina=empresa.php"><li>EMPRESA</li> <a "?pagina=produtos.php"><li>PRODUTOS</li> <a "?pagina=clientes.php"><li>CLIENTES</li> <a "?pagina=contato.php"><li>CONTATO</li> </ul> </div> </div> <div class="content_center"> <div class="content_left"> <?php if ($_GET['pagina'])
... Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola! Neste artigo iniciaremos a montagem do conteúdo. Dentro da DIV cotent_site devemos colocar a DIV topo que deve ter o logotipo e o menu do site. Nossa estrutura fica assim:
<div
class="cotent_site">
<div class="topo">
</div>
</div>Como o topo possui tanto o l ogotipo quanto o menu, ele deve ter largura total de 955px;
.topo{ width:955px; float:left; margin-top:25px; }
Na div topo coloquei margin-top:25px; para que o logotipo e o menu tenham 25px de margin do topo. Agora dentro do topo deve-se ser colocado mais duas DIV: a div logotipo e a div menu. <div
class="topo">
<div class="logotipo">
</div>
<div class="menu">
</div>
</div>A div logotipo deve ter a largura do logotipo que você deseja colocar, no meu caso o logotipo têm 230px. Então:  O estilo na DIV logotipo ficaria assim: .logotipo{ width:230px; float:left; margin-left:40px; } E no código HTML: <div class="logotipo"><img src="img/logotipo.png"
/></div>
<!--Informo o caminho onde esta a imagem. Procure criar uma pasta img para
colocar as imagens exemplo: wamp/www/nome_da_pasta_do_site/img--> Resultado:  Você pode ver que o conteúdo TESTE TESTE está rente ao logotipo, isso se resolve acrescentando a div topo um padding-bottom de 60px;. .topo{
width:955px;
float:left;
margin-top:25px; padding-bottom de 60px;
}
Iniciando o MENU...Para definir a largura do menu, pegamos os 955px de largura do topo e tiramos 280px que é a largura do logotipo(240px + 40px de margin-left), feito isso chegamos em 675px. Como eu não quero que o menu fique muito próximo ao logotipo, coloco margin-left: 40px; e estes 40px diminuo nos 675px restando 635px. .menu{ width:635px; float:lef
... Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola Pessoal!
Nesta série de artigos desenvolveremos um site completo com notícias. Para isso você precisa estar com o wamp instalado no seu computador. Trabalharemos o layout com CSS e o banco de dados vai ser exclusivamente para as notícias do site. Será construído tambem um gerenciador de notícias para o responsável do site cadastrá-las.
Para compor o layout
utilizaremos DIV e CSS.
Veja o resultado:
Neste primeiro artigo vamos inciar com a cor de fundo do site e também
centralizar o conteudo (parte degradê lilás).
Para iniciar crie a página index.php e salve dentro do diretório wamp/www/nome_da_pasta (evite espaços em branco, acentuação, etc).
E também crie uma folha de estilo chamada de style.css salve no mesmo lugar.
Na página index.php coloque o conteudo abaixo:
___________________________________________________________________________________
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link rel="stylesheet" type="text/css"
"style.css"> // aqui referencio a folha de estilo que
vou utilizar
<title>EXEMPLO SITE COM DIV</title>
</head>
<body>
<div class="content">
<div class="cotent_site">
TESTE
</div>
</div>
</body>
</html>
___________________________________________________________________________________
No primeiro div chamado content eu centralizo a estrutura inteira do site, conteúdo
e rodapé. No segundo content_site eu coloco o fundo degradê (lilás) onde teremos topo, menu, texto da empresa e news. Feito isso partimos para
o estilo, você pode observar que no conteúdo do style.css temos no BODY:
BODY {
margin-top:30px; //deixar o site com margin de 30px do navegador. Somente no
topo.
background-color:#F6F6F6; // COR DE FUNDO PARA O SITE
}
Ápos eu coloco um estilo para a div content que tem a função de centralizar
minha estrutura.
.content{
float: left;
position: relative;
left: 50%;
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola Pessoal !! Para finalizar nosso site de noticias falta apenas o arquivo remover.php. Este arquivo executa um codigo no qual remove a noticia do banco de dados. Segue o código: ___________________________________________________________________________ <?php $conexao = mysql_connect("localhost", "root", ""); $banco = mysql_select_db("noticias"); $codigo = $_GET["codigo"]; $sql = "DELETE FROM noticias WHERE codigo = $codigo"; $delete = mysql_query($sql); if ($delete) { echo "Noticia removida com sucesso!"; } else { echo "Erro durante a remoção da notícia. Verifique os dados!"; } ?> <a "index.php">Voltar</a> ___________________________________________________________________________ Pronto, finalizado nosso projeto do site de noticias. Qualquer duvida escreva para zibi_b@hotmail.com Atenciosamente, Luzia -->"> |
|
|
|
CRIANDO O ARQUIVO EDITAR.PHP
Neste artigo criaremos o editar.php que vai realizar a atualizacao da
noticia no banco de dados.
Segue o código editar.php:
______________________________________________________________________________________
<?php
$conexao =
mysql_connect("localhost", "root", "");
$banco =
mysql_select_db("noticias");
$codigo =
$_POST["codigo"];
$titulo =
$_POST["titulo"];
$conteudo =
$_POST["conteudo"];
$datahora =
$_POST["data"];
if ($datahora)
{
$data =
", datahora = str_to_date('$datahora', '%d/%m/%Y %H:%i:%s')";
}
$sql =
"UPDATE noticias SET titulo='$titulo', conteudo='$conteudo' $data WHERE
codigo = $codigo";
$update = mysql_query($sql);
if ($update)
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
FORMULARIO
PARA EDITAR A NOTÍCIA !
Neste
artigo criaremos o formulário para editar as noticias.
A tarefa do formulário de edição é inicialmente carregar os dados do
registro que se deseja alterar e preencher no formulário estes dados, para que
o usuário apenas modifique o que achar necessário e salve novamente,
caracterizando a edição. Segue o código do arquivo frmeditar.php: __________________________________________________________________________
<?php
$conexao =
mysql_connect("localhost", "root", "");
$banco =
mysql_select_db("noticias");
$codigo = $_GET["codigo"];
$sql = "SELECT *,
date_format(datahora,'%d/%m/%Y %H:%i') as data FROM noticias WHERE codigo =
$codigo";
$dados = mysql_query($sql);
$noticia = mysql_fetch_array($dados);
?>
<html>
<head>
<title>Editar
noticia</title>
<script
language="JavaScript">
function validar()
{
if
(document.editar.titulo.value == "")
{
alert('Titulo
nao esta preenchido');
document.editar.titulo.focus();
return false;
}
if
(document.editar.conteudo.value == "")
{
alert('Texto
nao esta preenchido');
document.editar.conteudo.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<h2>Editar
notícia</h2>
<form
name="editar" method="POST" action="editar.php"
onsubmit="return validar()">
Titulo: <input
type="text" na
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Neste artigo
criaremos a pagina ler.php.
Na página
index.php ao clicarmos no titulo da noticia chamamos a pagina ler.php. Juntamente neste link passamos por parametro o código da
noticia atraves da url. A pagina ler.php utliza a função GET do php para extrair o
valor passado neste caso o codigo da noticia.
Pagina Index.php :
Pagina Ler :
A função G
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Ola Pessoal
!
Neste
artigo faremos a listagem de notícias!
Para inciar
crie um arquivo chamado index.php e coloque o código abaixo. __________________________________________________________________________
<?php
$conexao =
mysql_connect("localhost", "root", "");
$banco =
mysql_select_db("noticias");
?>
<html>
<head>
<title>Noticias</title>
</head>
<body>
<h2>Noticias</h2>
<table border="1">
<tr>
<td
width="200">Notícias</td>
<td
width="500">conteudo</td>
<td>datahora</td>
<td>Editar</td>
<td>Remover</td>
</tr>
<?php
$sql =
"SELECT codigo,titulo,datahora,conteudo,date_format(datahora,'%d/%m/%Y
%H:%i') as data FROM noticias order by datahora desc";
$noticias =
mysql_query($sql);
while ($dados = mysql_fetch_array($noticias)){
?>
<tr>
<td><a "ler.php?codigo=<?php echo
$dados["codigo"];?>"><?php echo
$dados["titulo"];?></a></td>
<td><?php echo $dados["conteudo"];?></td>
<td><?php echo $dados["data"];?></td>
<td><a "frmeditar.php?codigo=<?php echo
$dados["codigo"];?>">Editar</a></td>
<td><a "remover.php?codigo=<?php echo
$dados["codigo"];?>">Remover</a></td>
</tr>
<?php }
?>
</table>
<br>
<a "frmadicionar.php">Adicionar
noticia</a>
</body>
</html>
__________________________________________________________________________
ANALISANDO
O CÓDIGO
Na primeira
parte do código estamos fazendo a conexão com o banco de dados.
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
CRIANDO O ARQUIVO adicionar.php
Como explicado no artigo anterior os dados do formulário sao transmitidos pelo method POST diretamente ao action do form, é neste arquivo que deve ser feita a captura.
Segue o codigo do arquivo adicionar.php:
___________________________________________________________________
<?php
$conexao = mysql_connect("localhost", "root", "");
$banco = mysql_select_db("noticias");
$titulo = $_POST["titulo"];
$conteudo = $_POST["conteudo"];
$data = $_POST["data"];
if ($data != "") //testando se a variavel data é diferente de vazia
{
$sql = "INSERT INTO noticias (titulo, conteudo, datahora) VALUES ('$titulo','$conteudo',str_to_date('$data ".date('H:i:s')."', '%d/%m/%Y %H:%i:%s'))";
var_dump($sql);
}
else
{ // se for vazia coloca a data atual atraves do banco de dados
$sql = "INSERT INTO noticias (titulo, conteudo) VALUES ('$titulo','$conteudo')";
var_dump($sql);
}
$insert = mysql_query($sql);
if ($insert)
{
echo "Noticia inserida com sucesso!";
}
else
{
echo "Erro durante a inserção da notícia. Verifique os dados!" . mysql_error();
}
?>
<a "index.php">Voltar</a>
___________________________________________________________________
Salve este arquivo na mesma pasta do frmadicionar.php !
ANALISANDO O CÓDIGO
Na primeira parte do arquivo estamos conectando ao MYSQL
$conexao = mysql_connect("localhost", "root", "");
$banco = mysql_select_db("noticias");
O mysql_connect abrirá uma conexão com o MySQL da máquina local (localhost), usando
o usuário (neste caso root) e senha (neste caso vazia).
Uma referência a esta conexão será
gravada na variável $conexao.
Depois de conectados ao servidor, devemos conectar ao banco de dados usando o comando mysql_select_db informando o nome do nosso database neste caso noticias.
$titulo = $_POST["titulo"];
$conteudo = $_POST["conteudo"];
$data = $_POST["data"];
Neste trecho do código estamos capturando o que foi transmitido pelo POST. $titulo significa variavel título. No PHP variável inicia com o caracter $.
E $_POST["titulo"]; esta capturando o que digitamos no campo titulo do formulario.
INSERINDO NO BANCO DE DADOS
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
INICIANDO
O PROJETOPara iniciar nosso projeto é preciso estar com o WAMP instalado.
Crie no diretório C:\wamp\www a seguinte pasta sitenoticias.
O diretorio www corresponde ao diretório de publicação, ou seja, o lugar onde devem ser colocadas as páginas web.
Feito isso instale no seu computador o notepad ++ facilita muito para criar nossos arquivos.
Abra o NOTEPAD++ e digite a seguinte estrutura :
__________________________________________________________________
<html>
<head>
<title>Adicionar noticia</title>
<script language="JavaScript">
function validar()
{
if (document.adicionar.titulo.value == "")
{
alert('Titulo nao esta preenchido'); // mostra mensagem caso nao esteja preenchido
document.adicionar.titulo.focus(); // deixa o cursor no campo titulo
return false;
// retorna false para o onsubmit nao deixando enviar os dados para o action="adicionar.php"
}
if (document.adicionar.conteudo.value == "")
{
alert('Conteudo nao esta preenchido'); // mostra mensagem caso nao esteja preenchido
document.adicionar.conteudo.focus(); // deixa o curso
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
CRIANDO O BANCO DE DADOS PARA O CONTROLE DE NOTICIAS
Neste artigo vamos criar nosso
banco de dados para o site de noticias, nossa pagina vai mostrar dinamicamente
as noticias cadastradas no MYSQL. E o administrador do site vai ter
possibilidade de cadastrar, atualizar e deletar as notícias.
Para iniciar abra o mysql
browser e digite no default schema: noticias ! 
Noticias será nosso database
para a aplicação.
Clique no botão direito do database noticias CREATE
NEW TABLE E CRIE A SEGUINTE ESTRUTURA. 
Apos criada a estrutura aplique as modificações c
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
Linguagem SQL
A linguagem SQL é usada para manipulação de dados no
banco de dados. Os comandos da linguagem SQL são padrão para diferentes banco
de dados ou seja você pode usar os mesmos códigos para manipular diferentes
bancos.
---> Iniciando com SQL
Abra o mysql browser ;
Clique duas vezes no nosso DATABASE TESTE e em seguida duas
vezes na nossa table CLIENTES.
Digite na query area a seguinte linha:
INSERT INTO CLIENTES(nome, endereco)
VALUES('Luana','borges de medeiros')
Para inserir dados em uma
tabela, utiliza-se INSERT INTO. Estamos estudando SQL pois no projeto com o php
isso vai ser muito útil e necessário.
Sempre que você quiser executar os comandos sql clique em
execute query.
Para ver se a inserção foi
feita de dois cliques na table CLIENTES, o registro Cliente Luana foi
adicionado na nossa table.
Feche
o query brower e abra-o novamente ;
No DEFAULT SCHEMA digite teste que é nosso DATABASE no
momento.
Não abra a tabela de CLIENTES vamos ver o conteúdo dela utilizando a
linguagem SQL.
Digite no query browser :
SELECT * FROM CLIENTES
Clique em exec
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
|
MYSQL
Resolvi
fazer uma coletanea de artigos sobre php com banco de dados mysql. Neste
primeiro artigo começamos entendendo sobre o banco de dados mysql.
O ideal
para resolver todos os exemplos é instalar o WAMP que contém o servidor Apache, o PHP e o banco
de dados MySQL.
Para
iniciarmos com o mysql gostaria que vocês instalassem o MySQL Query Browser é
uma ferramenta gráfica utilizada para criar e executar solicitações SQL.
Abra o mysql browser e veja que o único campo que já esta
preenchido
é o campo PORT
que referencia a porta a qual está sendo utilizada para o MySQL no sistema operacional.
● Stored Connection: neste campo, podemos escolher um perfil já criado anteriormente,
com todas as informações já disponíveis;
● Server Host: neste campo, devemos informar o nome do host (servidor
hospedeiro) onde o MySQL está rodando.
● Username: é onde você informará o seu nome de usuário, criado durante a instalação
do mysql; // na instalação no wamp seria o root como esta
na figura
● Password: a senha do usuário; // na instalação
do wamp vem padrão sem senha.
● Default Schema: aqui informamos o nome do banco de dados com o qual
queremos estabelecer a conexão IMPORTANTE : se
colocarmos um nome diferente que não existe ele cria um database novo com o
nome informado;
...
Exibição do post interrompida. Para ler conteúdo completo, clique aqui |
|
|
| |
|
25/09/2010 23:32:00
2010
2010
24
0
