terça-feira, 9 de fevereiro de 2010

Criando um banco de dados para usar com flexgrid JQUERY

Se você gosta de mostrar que tem personalidade própria e quer mostrar que é uma pessoa de atitude visite a WWW.KAMISETANDO.COM.BR , aqui você encontra camisetas com estampas personalizadas por apenas R$32,00. Aproveitem!!!

Olá a todos.

Este post explica como criar um banco de dados de exemplo para a construção de um grid (tabela) utilizando o framework JQUERY. Este post explicará somente como fazer o banco e quais ferramentas utilizar, o resto do tutorial para construção da flexgrid poderá ser vista no blog do Afro no seguinte endereço: http://afronetto.blogspot.com/

Então vamos lá, as ferramentas para prosseguir com o tutorial são:

Wamp Server - consiste em: My Sql 5.0, sevidor para PHP Apache, PHP em si e o W significa que é para Windows XP. Não testei em outros Windows.

Você poderá baixá-lo aqui: http://www.wampserver.com/en/

Instalá-lo é muito fácil, simplesmente execute o arquivo que baixou e siga as instruções do instalador.

Após instalado execute o wamp server, note que o ícone do mesmo aparecerá na bandeja do sistema (perto do relógio). Espere alguns segundos para o wamp inicializar os servidores.

Clique com o botão esquerdo sobre o ícone do wamp na bandeja e depois clique em phpMyAdmin. O phpMyAdmin é uma ferramente que ajuda e muito na administração dos bancos de dados criados no my sql.

Agora dentro da página do phpMyAdmin, você verá na primeira página um campo chamado: 'criar novo banco de dados', então neste campo digite: 'faculdade' e depois clique em OK. Pronto o banco que usaremos para o exemplo do tutorial está criado. Agora iremos criar a tabela.

Após ter criado o banco o phpMyAdmin perguntará o nome da tabela que vc deseja criar e quantos campos (arquivos) vc deseja que ela tenha.

O nome da nossa tabela será: 'tblAlunos' sem acentos e a quantidade de campos será 5.

Clique em 'Executar'.

Devemos configurar os campos da seguinte maneira: temos 5 campos nesta tabela, os nomes dos campos serão respectivamente: idAluno, nome, sobrenome, matricula, curso .

Os tipos: int, varchar (50), varchar (50), varchar (11) e varchar (50) respectivamente.

Em 'atributos 'selecione 'unsigned' para o campo idAluno, isto fará que vc tenha praticamente o dobro de tamanho neste campo, pois o sistema irá desconsiderar os números negativos, sendo assim o bit mais significativo está livre para os números positivos.

Em 'índice' selecione 'PRIMARY' para o campo idAluno, pois este campo será a chave primária da tabela.

Clique em 'Salvar' e parabéns, sua tabela está criada.

Agora iremos popular nossa tabela, popular significa criar alguns registros dentro da mesma.

No alto da página tem uma aba chamada 'Inserir', clique nela.

Você verá os 5 campos que criou e então preencherá os valores para estes campos, PORÉM, vc n preencherá nenhum valor para o campo idAluno, pois este campo é auto incrementado automaticamente pelo banco, ou seja, apenas deixe em branco.

Clique em 'Executar' e apenas ignore os campos de baixo. Não precisa clicar em 'Executar' novamente na próxima página, apenas clique em 'Inserir' novamente.

Insira quantos registros desejar, uns 12 seria o ideal.

Clicando sobre o nome da tabela no canto esquerdo da página vc poderá ver todos os registros que foram adicionados à tabela.

Este tutorial é realmente muito simples pelo fato de o que veem á frente pode ser um pouco complexo.

Acessem o blog do Afro Neto, no endereço http://afronetto.blogspot.com/ para ver como criar uma flexgrid do JQUERY, utilizando a linguagem do JQUERY (que por sua vez é feita em cima de javascript) , XML e SQL.

Estarei aberto a perguntas.

Até mais!!!

Nenhum comentário:

Postar um comentário