{"id":22907203,"url":"https://github.com/vilhalva/datatables-php-mysql","last_synced_at":"2026-04-09T19:58:09.537Z","repository":{"id":266758829,"uuid":"899274951","full_name":"VILHALVA/DATATABLES-PHP-MYSQL","owner":"VILHALVA","description":"👨‍🏫CRUD EM PHP, MYSQL, DATATABLES, BOOTSTRAP E JQUERY.","archived":false,"fork":false,"pushed_at":"2024-12-06T00:04:19.000Z","size":1624,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T09:07:50.974Z","etag":null,"topics":["bootstrap","crud","css","csv","database","datatables","framework","html","javascript","jquery","myslq","pdf","php","projeto","search","site","xlsx"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VILHALVA.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-06T00:02:17.000Z","updated_at":"2024-12-11T16:49:59.000Z","dependencies_parsed_at":"2024-12-06T01:19:36.678Z","dependency_job_id":"8dbb865a-e5aa-41d8-959c-3b25ad9d2438","html_url":"https://github.com/VILHALVA/DATATABLES-PHP-MYSQL","commit_stats":null,"previous_names":["vilhalva/datatables-php-mysql"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATATABLES-PHP-MYSQL","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATATABLES-PHP-MYSQL/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATATABLES-PHP-MYSQL/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VILHALVA%2FDATATABLES-PHP-MYSQL/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VILHALVA","download_url":"https://codeload.github.com/VILHALVA/DATATABLES-PHP-MYSQL/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246612488,"owners_count":20805355,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","crud","css","csv","database","datatables","framework","html","javascript","jquery","myslq","pdf","php","projeto","search","site","xlsx"],"created_at":"2024-12-14T03:13:56.598Z","updated_at":"2025-12-30T19:57:59.805Z","avatar_url":"https://github.com/VILHALVA.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DATATABLES PHP MYSQL\r\n👨‍🏫CRUD EM PHP, MYSQL, DATATABLES, BOOTSTRAP E JQUERY.\r\n\r\n\u003cimg src=\"./IMAGENS/FOTO_1.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_2.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_3.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e\r\n\u003cimg src=\"./IMAGENS/FOTO_4.png\" align=\"center\" width=\"500\"\u003e \u003cbr\u003e\r\n\r\n## DESCRIÇÃO:\r\nEste 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. \r\n\r\n## FUNCIONALIDADES:\r\n1. **Adicionar Usuário:**\r\n   - Um formulário permite a inserção de nome, sobrenome e número do usuário.\r\n   - Os dados são enviados via AJAX para o servidor (`guardar.php`) para serem registrados no banco de dados.\r\n\r\n2. **Listar Usuários:**\r\n   - Uma tabela gerada pela biblioteca **DataTables** exibe os usuários cadastrados.\r\n   - A tabela é preenchida dinamicamente com dados do servidor (`listar.php`) usando AJAX.\r\n\r\n3. **Editar Usuário:**\r\n   - Botão \"Editar\" na tabela permite carregar os dados do usuário selecionado no formulário.\r\n   - Após a edição, o formulário envia as alterações via AJAX ao servidor.\r\n\r\n4. **Excluir Usuário:**\r\n   - Botão \"Excluir\" na tabela abre um modal de confirmação.\r\n   - Após a confirmação, o usuário é marcado como inativo no banco de dados.\r\n\r\n5. **Mensagens de Feedback:**\r\n   - O sistema exibe mensagens informativas para ações bem-sucedidas, erros, ou casos específicos como duplicidade de usuários.\r\n\r\n## EXECUTANDO O PROJETO:\r\n1. **Configuração do Banco de Dados:**\r\n   - Antes de executar o site, é necessário importar o arquivo `./DATABASE/DATABASE.sql`. \r\n\r\n2. **Configuração do PHP:**\r\n   - Abra o arquivo `./CODIGO/conexion.php` e ajuste as configurações do banco de dados:\r\n\r\n     ```php\r\n       $server = \"localhost\";\r\n       $user = \"seu_usuario\";\r\n       $password = \"sua_senha\";\r\n       $bd = \"prova\";\r\n     ```\r\n\r\n3. **Executando o Aplicativo com Apache:**\r\n   - Coloque os arquivos em um servidor web compatível com PHP (por exemplo, XAMPP, WAMP, LAMP).\r\n   - Acesse o formulário no navegador visitando [http://localhost/CODIGO/index.html](http://localhost/CODIGO/index.html).\r\n\r\n4. **Executando o Aplicativo com `php.exe`:**\r\n   - Alternativamente, você pode iniciar o servidor diretamente no diretório `./CODIGO` com o comando abaixo:\r\n   ```bash\r\n   php -S localhost:8080\r\n   ```\r\n   - Em seguida, acesse o formulário no navegador através do endereço: [http://localhost:8080](http://localhost:8080).\r\n\r\n5. **Adição de Usuário:**\r\n   - **Ação**: Clique no ícone de `+` no canto superior esquerdo da tabela para abrir o formulário de adição de usuário.\r\n   - **Objetivo**: Adicionar um novo usuário na tabela preenchendo os campos do formulário (Nome, Sobrenome e Telefone).\r\n   - **Verificação**: Após a inserção dos dados, clique em \"SALVAR\". Verifique se o novo usuário é adicionado corretamente à tabela.\r\n   - **Recurso do DataTables**: A tabela será automaticamente atualizada sem a necessidade de recarregar a página, utilizando a funcionalidade de *AJAX*.\r\n\r\n6 **Edição de Usuário:**\r\n   - **Ação**: Clique no ícone de \"Editar\" (geralmente representado por um lápis) na linha do usuário que você deseja editar.\r\n   - **Objetivo**: Alterar informações de um usuário já existente.\r\n   - **Verificação**: Confirme se as alterações são refletidas na tabela após salvar.\r\n   - **Recurso do DataTables**: A tabela será atualizada dinamicamente após a edição, sem recarregar a página, utilizando recursos como *inline editing*.\r\n\r\n7. **Exclusão de Usuário:**\r\n   - **Ação**: Clique no ícone de \"Excluir\" (geralmente representado por uma lixeira) na linha do usuário que você deseja remover.\r\n   - **Objetivo**: Remover um usuário da tabela.\r\n   - **Verificação**: Verifique se o usuário foi removido corretamente da tabela.\r\n   - **Recurso do DataTables**: Após a exclusão, a tabela será atualizada automaticamente para refletir a remoção do item.\r\n\r\n8. **Recursos Habilitados no DataTables:**\r\n   - **Pesquisa Global**: Permite ao usuário realizar uma pesquisa em todas as colunas da tabela ao digitar no campo de pesquisa.\r\n   - **Paginação**: Exibe um número limitado de registros por página e permite navegar entre as páginas.\r\n   - **Ordenação de Colunas**: O usuário pode ordenar as linhas da tabela clicando nos cabeçalhos das colunas.\r\n   - **Filtro de Colunas**: Filtragem em tempo real para cada coluna, caso seja configurado.\r\n   - **Edição Inline**: Funcionalidade para editar registros diretamente na tabela sem abrir formulários separados.\r\n   - **Carregamento Dinâmico (AJAX)**: Suporte para carregar dados dinamicamente sem a necessidade de recarregar a página, utilizando chamadas AJAX.\r\n   - **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.\r\n\r\n9. **Exportação de Dados:**\r\n   - **Ação**: Clique nos ícones de exportação localizados no canto superior da tabela.\r\n   - **Objetivo**: Baixar a tabela de dados em diferentes formatos, como *XLSX*, *CSV* e *PDF*.\r\n   - **Recurso do DataTables**: \r\n     - **XLSX**: Baixa os dados da tabela em formato Excel.\r\n     - **CSV**: Baixa os dados em formato CSV (Comma Separated Values).\r\n     - **PDF**: Baixa a tabela em formato PDF, preservando a formatação.\r\n\r\n## NÃO SABE?\r\n- Entendemos que para manipular arquivos em `HTML`, `CSS` e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis:\r\n* [CURSO DE HTML E CSS](https://github.com/VILHALVA/CURSO-DE-HTML-E-CSS)\r\n* [CURSO DE PHP](https://github.com/VILHALVA/CURSO-DE-PHP)\r\n* [CURSO DE JAVASCRIPT](https://github.com/VILHALVA/CURSO-DE-JAVASCRIPT)\r\n* [CURSO DE JQUERY](https://github.com/VILHALVA/CURSO-DE-JQUERY)\r\n* [CURSO DE BOOTSTRAP](https://github.com/VILHALVA/CURSO-DE-BOOTSTRAP)\r\n* [CURSO DE DATATABLES](https://github.com/VILHALVA/CURSO-DE-DATATABLES)\r\n* [CURSO DE MYSQL](https://github.com/VILHALVA/CURSO-DE-MYSQL)\r\n* [CURSO DE PHP COM MYSQL](https://github.com/VILHALVA/CURSO-DE-PHP-COM-MYSQL)\r\n* [CONFIRA MAIS CURSOS](https://github.com/VILHALVA?tab=repositories\u0026q=+topic:CURSO)\r\n\r\n## CREDITOS:\r\n- [PROJETO CRIADO PELO \"CodigoWolf\"](https://github.com/CodigoWolf/Datatables-jQuery-PHP-MySql-MariaDB-CRUD)\r\n- [PROJETO MODIFICADO PELO VILHALVA](https://github.com/VILHALVA)\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fdatatables-php-mysql","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvilhalva%2Fdatatables-php-mysql","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvilhalva%2Fdatatables-php-mysql/lists"}