Este tutorial apresenta o desenvolvimento de uma To Do List utilizando Django e AJAX. Aprenda a criar um sistema dinâmico e eficiente, explorando os recursos do Django para o backend e o AJAX para uma experiência de usuário mais interativa.
📺 Playlist com Vídeos Tutoriais
📂 Repositório inicial: Configuração Padrão
Após configurar e executar o projeto inicial, avançaremos para a modelagem e estruturação do sistema To Do List.
O projeto consiste em duas tabelas principais:
-
TodoList:
- Armazena as tarefas a serem gerenciadas.
- Contém um campo ForeignKey relacionado à tabela Status.
-
Status:
- Define os diferentes estados que uma tarefa pode assumir:
- ⛔️ A Fazer
⚠️ Fazendo- ✅ Finalizado
- Esta tabela permite que o usuário customize os status disponíveis.
- Define os diferentes estados que uma tarefa pode assumir:
Observação: Na tabela TodoList, o campo de ForeignKey para Status é configurado com
to_field='id', default='1'
. Isso significa que o status padrão será o item de ID=1, garantindo que os formulários gerados tenham um valor inicial para o campo status.
Certifique-se de que sua máquina possui os seguintes requisitos instalados:
- Python (python==3.*)
- Django (Django==4.2)
- Pip (gerenciador de pacotes do Python)
- Backend: Django
- Frontend: HTML, CSS, Bootstrap
- Dinamicidade: AJAX
- Adicionar Tarefas: Crie novas tarefas com status personalizado.
- Atualizar Tarefas: Edite detalhes das tarefas ou altere seu status.
- Excluir Tarefas: Remova tarefas concluídas ou indesejadas.
- Status Dinâmico: Personalize os estados das tarefas diretamente na tabela Status.
- Interatividade: AJAX permite atualizações em tempo real, sem necessidade de recarregar a página.