Criando uma primeira aplicação web com Flask em Python
•
1 gostou•597 visualizações
Este documento fornece instruções passo-a-passo para criar uma primeira aplicação web simples usando o framework Flask em Python. Ele explica como instalar o Flask, criar a estrutura básica do projeto com pastas e arquivos, adicionar elementos visuais como botões e texto com HTML e JavaScript, e carregar dados em formato JSON para gerar conteúdo dinamicamente.
Recomendados
Mais conteúdo relacionado
Mais de Ana Paula Gomes
Mais de Ana Paula Gomes (6)
Criando uma primeira aplicação web com Flask em Python
- 2. Vamosfazerumgerador!o/ Do que, você escolhe! - Músicas - Expressões (igual ao da Ana :) ) - Receitas - Filmes do Netflix - ... - Use sua imaginação!
- 7. Passos! 0. Instalar o Flask 1. Criar a pasta do projeto 2. Criar pastinhas para arquivos auxiliares 3. Mudar a carinha do gerador 4. Inserir coisas 5. Mostrar coisas :)
- 8. instalandooflask pip install flask Não tem o pip? https://pip.pypa.io/en/stable/installing/
- 9. temosoflask!yay! Vamos criar uma pasta pro projeto! Com um arquivo app.py dentro!
- 12. masnãotemnadanessapágina... Vamos criar mais pastinhas! - static - templates
- 13. vamosdarumtapanovisual!(será?) Dentro da pasta templates, crie o arquivo index.html. <html> <head> <title>Gerador de Coisas</title> </head> <body> <h1>Gerador de Coisas</h1> <button id="botao">Gerar</button> <p>Coisinhas aqui</p> </body> </html>
- 14. Dandovidaaoúnicobotão Vamos criar a pasta js dentro de static, ficando assim: - static - js - templates Depois: colocar um nome no botão, criar um contâiner (div) e usar o JavaScript a nosso favor! o/
- 15. Carregandoasnossascoisas Você pode carregar através de um arquivo ou direto do código! coisas.json {0: 'uma coisa', 1: 'outra coisa', 2: 'mais outra coisa'}
- 16. Umpoucomaisdejavascript ...e de jQuery porquê ninguém é de ferro. :) $.getJSON("/coisa", function(data) { $("#porta-coisas").text(data['coisa']); });
- 17. Otrascositasmás - Tratamento de erros - Criando novas páginas / parâmetros - Testes
- 18. referências Site oficial What the Flask The Flask - Mega Tutorial