Aprenda agora a criar um sistema de comentários utilizando o PhpMyAdmin e o Dreamweaver, muito fácil e simples, para aqueles que tem dificuldades em trabalhar com o codigo Php, há outra forma mas fácil de trabalhar diretamente utilizando o mas famoso dreamweaver, um dos melhores editores para web.
Vamos começar:
Criando um banco de dados.
1 – Va no PhpMyadmin e crie um:
- Banco de dados chamado “comentários”.
- Crie uma tabela também chamada comentários com “5 campos”;
- Crie uma tabela também chamada comentários com “5 campos”;
“id – nome – email – data – mensagem” e faça como ta na imagem e clique em salvar, pronto banco de dados criado.
Clique na foto para ampliar
Definindo e configurando um novo site
2 – Agora abra o Dreamweaver.
Configure um novo site;
2.2 – Server modelo: Php MySQL
2.3 - Defina o local da pasta onde foi criado, no caso do PhpMyadmin ( o local é sempre ( “C:\xampp\htdocs\” ), crie a pasta dentro desse diretório pois o tipo de arquivo será Php).
2.4 – Em teste Server folder coloque “PHPMYSQL e tipo de acesso “Local/Network”;
Clique na foto para ampliar
2.5 – Tudo concluído clique em DONE.
Criando uma conexão com o banco de dados
3 - Crie agora uma página em php e salve com o nome index.php, que será o local onde irá inserir o formulário e os comentários.
4 – Agora vamos criar a conexão do Dreamweaver com o banco de dados PHPMYADMIN.
4.1 – No dreamweaver do lado direito clique em DataBases e Clique no sinal de “+” e MySQL Connection para fazer a conexão com o banco de dados criado.
4.1 - Preencha de acordo como está na foto.
Connection name: Defina o nome que você quiser para sua conexão;
MySQL server: defina como localhost;
User name: defina como root (padrão), mas se você tiver um nome de usuario já configurada no seu PHPMYadmin use seu nome de usuário e sua senha.
User name: defina como root (padrão), mas se você tiver um nome de usuario já configurada no seu PHPMYadmin use seu nome de usuário e sua senha.
Password: Você coloca apenas se tiver definido uma senha já configurada no PHPMyAdmin, se apenas tiver trabalhando localmente deixe em branco.
Database: selecione o banco de dados criado no PhpmyAdmin.
Database: selecione o banco de dados criado no PhpmyAdmin.
Clique em test para testar se está tudo certo, depois em OK, conexão criada.
Criando o formulário de cadastros dos comentários
5 - Vamos criar o formulário de cadastros dos comentários.
5.1 - No Dreamweaver vá em Data, e clique em "Record Insertion Form Wizard".
5.2 - Configure de acordo com a foto.
Connection: o nome da conexão que você criou ao criar o banco de dados com o Dreamweaver.
Table: O nome da tabela do banco de dados.
After inserting, GO to: Depois de inserida as informações ir pra qual página? Definir a página que você quer que ele retorne ao inserir o comentário, no caso definir a própria pagina onde será criado o formulário.
Em form fields: em “id” defina como “Hidden fields” e mensagem como “Text área”, para isso clique em cada um deles e mude em “display as:” tudo concluído clique em OK, .
Clique na imagem para ampliar
6 - Seu formulário criado com sucesso:
Você pode alterar fonte, tamanho, cor de letra do jeito que preferir.
Visualizando e inserindo comentários
7 - Criando a estrutura para visualizar comentários.
7.1 – Abaixo do formulário crie uma tabela com 5 linhas, 400 pixels e clique em OK.
7.2 - Agora vamos criar um “RecordSet”, Configure de acordo com a foto.
O nome dado ao RecordSet, não pode ser o mesmo nome da tabela do banco de dados, então crie um nome diferente, ele é criado para visualizar algo.
Se você quiser que o EMAIL apareça então clique em All, caso queira por uma restrição como “O seu email não será publicado”, então deixe ele desmarcado.
Clique na foto para ampliar
8 - Finalizando a estrutura dos comentários.
Araste o Recordset para a tabela criada, em cada linha da tabela coloque um referente, “id, data, mensagem”.
9 – Agora para todos os comentários aparecer clique sobre a tabela e clique em “Server Behaviors” e selecione "Repeat Region", para ir repetindo o resultado cada vez que cadastrar um nome comentário e marque a opção all records e ok.
10 - Tudo configurado e pronto para exibir os comentários, agora basta visualizar no navegador e pronto, fazer o teste.
Gostou, então comenta aí...!!!