šØāš«CRUD EM PHP, MYSQL, DATATABLES, BOOTSTRAP E JQUERY.
Este projeto Ć© um CRUD bĆ”sico (Create, Read, Update, Delete) usando PHP, MySQL, jQuery, e DataTables. Ele permite gerenciar informaƧƵes de usuĆ”rios com funcionalidades de adiĆ§Ć£o, listagem, ediĆ§Ć£o e exclusĆ£o diretamente por meio de uma interface web.
-
Adicionar UsuƔrio:
- Um formulĆ”rio permite a inserĆ§Ć£o de nome, sobrenome e nĆŗmero do usuĆ”rio.
- Os dados sĆ£o enviados via AJAX para o servidor (
guardar.php) para serem registrados no banco de dados.
-
Listar UsuƔrios:
- Uma tabela gerada pela biblioteca DataTables exibe os usuƔrios cadastrados.
- A tabela Ć© preenchida dinamicamente com dados do servidor (
listar.php) usando AJAX.
-
Editar UsuƔrio:
- BotĆ£o "Editar" na tabela permite carregar os dados do usuĆ”rio selecionado no formulĆ”rio.
- ApĆ³s a ediĆ§Ć£o, o formulĆ”rio envia as alteraƧƵes via AJAX ao servidor.
-
Excluir UsuƔrio:
- BotĆ£o "Excluir" na tabela abre um modal de confirmaĆ§Ć£o.
- ApĆ³s a confirmaĆ§Ć£o, o usuĆ”rio Ć© marcado como inativo no banco de dados.
-
Mensagens de Feedback:
- O sistema exibe mensagens informativas para aƧƵes bem-sucedidas, erros, ou casos especĆficos como duplicidade de usuĆ”rios.
-
ConfiguraĆ§Ć£o do Banco de Dados:
- Antes de executar o site, Ʃ necessƔrio importar o arquivo
./DATABASE/DATABASE.sql.
- Antes de executar o site, Ʃ necessƔrio importar o arquivo
-
ConfiguraĆ§Ć£o do PHP:
-
Abra o arquivo
./CODIGO/conexion.phpe ajuste as configuraƧƵes do banco de dados:$server = "localhost"; $user = "seu_usuario"; $password = "sua_senha"; $bd = "prova";
-
-
Executando o Aplicativo com Apache:
- Coloque os arquivos em um servidor web compatĆvel com PHP (por exemplo, XAMPP, WAMP, LAMP).
- Acesse o formulƔrio no navegador visitando http://localhost/CODIGO/index.html.
-
Executando o Aplicativo com
php.exe:- Alternativamente, vocĆŖ pode iniciar o servidor diretamente no diretĆ³rio
./CODIGOcom o comando abaixo:
php -S localhost:8080
- Em seguida, acesse o formulƔrio no navegador atravƩs do endereƧo: http://localhost:8080.
- Alternativamente, vocĆŖ pode iniciar o servidor diretamente no diretĆ³rio
-
AdiĆ§Ć£o de UsuĆ”rio:
- AĆ§Ć£o: Clique no Ćcone de
+no canto superior esquerdo da tabela para abrir o formulĆ”rio de adiĆ§Ć£o de usuĆ”rio. - Objetivo: Adicionar um novo usuĆ”rio na tabela preenchendo os campos do formulĆ”rio (Nome, Sobrenome e Telefone).
- VerificaĆ§Ć£o: ApĆ³s a inserĆ§Ć£o dos dados, clique em "SALVAR". Verifique se o novo usuĆ”rio Ć© adicionado corretamente Ć tabela.
- Recurso do DataTables: A tabela serƔ automaticamente atualizada sem a necessidade de recarregar a pƔgina, utilizando a funcionalidade de AJAX.
- AĆ§Ć£o: Clique no Ćcone de
6 EdiĆ§Ć£o de UsuĆ”rio:
- AĆ§Ć£o: Clique no Ćcone de "Editar" (geralmente representado por um lĆ”pis) na linha do usuĆ”rio que vocĆŖ deseja editar.
- Objetivo: Alterar informaƧƵes de um usuƔrio jƔ existente.
- VerificaĆ§Ć£o: Confirme se as alteraƧƵes sĆ£o refletidas na tabela apĆ³s salvar.
- Recurso do DataTables: A tabela serĆ” atualizada dinamicamente apĆ³s a ediĆ§Ć£o, sem recarregar a pĆ”gina, utilizando recursos como inline editing.
-
ExclusĆ£o de UsuĆ”rio:
- AĆ§Ć£o: Clique no Ćcone de "Excluir" (geralmente representado por uma lixeira) na linha do usuĆ”rio que vocĆŖ deseja remover.
- Objetivo: Remover um usuƔrio da tabela.
- VerificaĆ§Ć£o: Verifique se o usuĆ”rio foi removido corretamente da tabela.
- Recurso do DataTables: ApĆ³s a exclusĆ£o, a tabela serĆ” atualizada automaticamente para refletir a remoĆ§Ć£o do item.
-
Recursos Habilitados no DataTables:
- Pesquisa Global: Permite ao usuƔrio realizar uma pesquisa em todas as colunas da tabela ao digitar no campo de pesquisa.
- PaginaĆ§Ć£o: Exibe um nĆŗmero limitado de registros por pĆ”gina e permite navegar entre as pĆ”ginas.
- OrdenaĆ§Ć£o de Colunas: O usuĆ”rio pode ordenar as linhas da tabela clicando nos cabeƧalhos das colunas.
- Filtro de Colunas: Filtragem em tempo real para cada coluna, caso seja configurado.
- EdiĆ§Ć£o Inline: Funcionalidade para editar registros diretamente na tabela sem abrir formulĆ”rios separados.
- Carregamento DinĆ¢mico (AJAX): Suporte para carregar dados dinamicamente sem a necessidade de recarregar a pĆ”gina, utilizando chamadas AJAX.
- BotƵes de AĆ§Ć£o: InclusĆ£o de Ćcones de aĆ§Ć£o, como editar e excluir, para cada linha da tabela, oferecendo um controle mais dinĆ¢mico dos registros.
-
ExportaĆ§Ć£o de Dados:
- AĆ§Ć£o: Clique nos Ćcones de exportaĆ§Ć£o localizados no canto superior da tabela.
- Objetivo: Baixar a tabela de dados em diferentes formatos, como XLSX, CSV e PDF.
- Recurso do DataTables:
- XLSX: Baixa os dados da tabela em formato Excel.
- CSV: Baixa os dados em formato CSV (Comma Separated Values).
- PDF: Baixa a tabela em formato PDF, preservando a formataĆ§Ć£o.
- Entendemos que para manipular arquivos em
HTML,CSSe outras linguagens relacionadas, Ć© necessĆ”rio possuir conhecimento nessas Ć”reas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponĆveis: