Slides utilizados na segunda aula do Workshop de Introdução ao Desenvolvimento Web com Python e Flask que aconteceu durante o SIEDU de 2019

1. Introdução ao Flask
Um microframework web feito em Python

2. Cleyson Lima
Estudante de Licenciatura em Informática pelo IFPI - Campus Zona Sul e pythonista
Website: https://cleysonph.github.io/

3. Autobele Silva
Estudante de Licenciatura em Informática pelo IFPI - Campus Zona Sul
Website: https://autobele.github.io/

4. wls057l
Código da turma no Google Classroom

5. O que é Flask?
“Flask is a lightweight WSGI web application framework. It is
designed to make getting started quick and easy, with the ability
to scale up to complex applications. It began as a simple wrapper
around Werkzeug and Jinja and has become one of the most
popular Python web application frameworks.” - Documentação
Flask

6. Criador da Framework - Armin Ronacher

7. Senta que lá vem história

8. ● Popularização das microframeworks
● Microframeworks de um único arquivo .py
● Brincadeira de 01 de Abril de 2010
● Projeto DENIED
● As coisas saíram do controle
● Post do Armin sobre a brincadeira
● Dia 06 de Abril de 2010 primeiro commit do Flask

9. Características
● Open Source
● Simples
● Design Patterns “Aberto”
● Extensível

10. Quem usa?

11. O protocolo HTTP
● Cliente x Servidor
● DNS lookup
● Request e Response
● Métodos GET e POST
● Códigos de resposta
○ 200 OK
○ 301 Redirecionamento
○ 404 Não Encontrado
○ 500 Erro Interno no Servidor
● Front End e Back End

12. Preparação do Ambiente
1. Criar pasta do projeto
2. Entrar na pasta
3. Criar ambiente virtual e instalar o Flask
4. Iniciar o ambiente virtual

13. Mãos à obra - Hello World em Flask
1º - Crie um arquivo chamado app.py 2º - Execute estes comandos no terminal
3º - Acesse o seu site em http://localhost:5000

14. Rotas
● Rotas Estáticas
● Rotas Dinâmicas

15. Retornando HTML
● Através de uma String simples

16. Retornando HTML
● Como retornar páginas HTML mais complexas?
● Jinja2
● Como usar?

17. Jinja2
1º Crie um arquivo chamado app.py
2º Crie um pasta com o nome “templates”
3ª Crie um arquivo dentro da pasta “templates” chamado “usuario.html”

18. Formulários no Flask
1ª Crie um arquivo dentro da pasta “templates” chamado “form.html”

19. Formulários no Flask
2º Adicione a importação do objeto “request”
3º Adicione a rota “/form” no seu aquivo app.py

20. Banco de Dados
● Dados tabulados
● Modelo Relacional
● SQL
id nickname nivel vida mana ataque
1 Darkblade 1 100 30 5
2 Momonga 99 999999 999999 999999
3 VonVigorous 30 5672 1930 130
4 V1609Pl0u5 15 2110 250 40

21. Banco de Dados
● SQL - Create Table

22. Banco de Dados
● SQL - SELECT
nickname nivel vida
Darkblade 1 100
Momonga 99 999999
VonVigorous 30 5672
V1609Pl0u5 15 2110

23. Banco de Dados
● SQL - INSERT

24. Banco de Dados
● SQL - UPDATE

25. Banco de Dados
● SQL - DELETE

26. SQL e Python

27. ORM’s
● Problemática de usar SQL
○ QUERY’s em strings diretamente no código
○ Aplicação acoplada ao banco de dados
● Como transformar código Python em SQL
● Mapeamento Objeto Relacional
● SqlAlchemy

28. ORM - Create Table

29. ORM - SELECT

30. ORM - INSERT

31. ORM - UPDATE

32. ORM - DELETE

33. ORM no Flask
● Extensões Flask
● Flask-SQLAlchemy
● Instalação - pipenv install Flask-SqlAlchemy
● Configurar Flask-SQLAlchemy

34. ORM no Flask