terça-feira, 17 de junho de 2014

Usar PHP no Blogger - Formulário


O Blogger não permite que utilizemos PHP em seu próprio servidor, mas nada nos impede e usar um servidor externo para conseguir fazer algumas interações. Nesta aula vamos ver um jeito bem simples de usar os recursos do PHP no seu blog, como em um formulário personalizado. Veja o resultado no final dessa postagem.


Clique Aqui
1 - Servidor

Antes de tentar fazer qualquer coisa, é necessário que você tenha um servidor na Internet, ou melhor dizendo, um serviço de hospedagem. Existem hosts pagos e gratuitos, mas, para nosso tutorial, um básico sem custos já serve. Recomendo: LeadHoster e FreeWebHostingArea.

Crie uma conta, um site e um banco de dados com ele, é um processo bem tranquilo.

2 - Criar tabela - MySQL

Agora que temos acesso à um servidor externo particular, podemos iniciar em si o desenvolvimento em PHP. Como se tratará de um formulário, vamos começar criando uma tabela MySQL bem simples. Terá apenas 4 campos : id , nome , email e empresa.


CREATE TABLE IF NOT EXISTS `candidatos` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nome` varchar(100) NOT NULL,
  `email` varchar(100) NOT NULL,
  `empresa` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

3 - Criar arquivo do formulário

Temos que fazer um arquivo de formulário padrão para indexarmos no nosso site, usando PHP.

form.php

<html>
<head>

<title>Formulário</title>
</head>

<body>
<form action="inserir.php" id="form1" method="post" name="form1">
 Nome:
 <input name="in_nome" size="25" type="text" /> Email:
 <input name="in_email" size="25" type="email" />
 Empresa:
 <input name="in_empresa" size="25" type="text" />
 <input type="submit" value="Enviar" />
</form>
</body>
</html>

 4 - Criar arquivo de inserção de dados - PHP

Agora precisamos fazer com que os dados enviados no formulário realmente sejam gravados na tabela, então devemos criar um arquivo que será a action do form, responsável por essa tarefa.

inserir.php

<?php
//conecta ao servidor e ao banco de dados
$con = mysql_connect("SEU_SERVIDOR","SEU_USUARIO","SUA_SENHA") or die("falha na conexão");
$db = mysql_select_db("SEU_BANCO DE DADOS",$con) or die("falha ao conectar ao db");

//Recebe valores por posts
$nome = $_POST['in_nome'];
$email = $_POST['in_email'];
$empresa = $_POST['in_empresa'];

//Comando sql para inserir dados à tabela
$inserir = mysql_query ("INSERT INTO `candidatos` (nome,email,empresa) VALUES('$nome', '$email', '$empresa')");

//Retorna se deu certo ou não
if($inserir){
 echo "Candidato inserido com sucesso.<br />";
 echo "<a href='form.php'>Voltar ao formulário</a>";
 
}else{
 echo "Erro ao inserir candidato";
 echo "<a href='form.php'>Tentar novamente</a>";
}

//fecha banco de dados
mysql_close($con);
?>

Não se esqueça de substituir os dados do seu servidor, senha e banco de dados!

5 - Upload dos arquivos

Com os arquivos prontos, basta salvá-los no servidor que você criou conta usando um File Mananger do próprio host ou FTP.

6 - Usando o PHP no blog

Agora que nosso simples sistema está criado, precisamos "colocar" ele em nosso blog. Para isso basta adicionar a tag html <object> em um local apropriado. Por exemplo, se você deseja adicionar esse sistema em uma página ou postagem, crie uma postagem normalmente e selecione a opção HTML para editá-la.
Ou senão, você pode adicionar o sistema diretamente no seu código do template, em Editar Modelo.

Esta é tag que você deverá colar no local desejado:

<object data="http://URL_DO_SEU_SERVIDOR/form.php" height="500" width="500"></object>
Substitua as parte em vermelho, respectivamente, por : url do seu arquivo principal, altura e largura que deseja que apareça a página.

Observe o resultado aqui:



7 - Conclusão

Esse foi só um simples exemplo, mas você pode fazer coisas bem melhores e mais complexas com um pouco de conhecimento em PHP, por exemplo um formulário de e-mail personalizado ou um upload de arquivos, use sua imaginação. Espero que tenham gostado!

Compartilhe essa postagem!

Comentários
1 Comentários

Um comentário: