Arquitetura MVCMichelet del Carpio chávez

Agenda● Revisão da arquitetura da aplicação

○ Cliente

○ Servidor

● Projeto usando Flask○ Controller

○ Model

○ View

● Mini-tutorial de Flask○ flask

○ flask-rest-api

● Demo

2

Arquitetura da Aplicação

3

Manipulador de Dados

Tela 1

Comunicaçãoaxios.get/putpost/delete

this.setState( {estado} )

render( )

Repositório ViewModel

Gestor de Telas

React.router()

Elementos da

Arquitetura do

Cliente

Mapeamento de responsabilidades do Cliente

4

Arquitetura MVC do back-end

model

entidades, lóg. de negócio, persistência

controller

API REST

view

json,schemas

Lógica de Negócio

Comunicação

DataServer

Apresentação

5

Mapeamento de responsabilidades do Servidor

Elementos da

Arquitetura do

Servidor

Projeto MVC usando Flask

model

SqlAlchemycontroller

flask-rest-api

viewmarshmallo

w

Arquitetura MVC do back-end

model

entidades, lóg. de negócio, persistência

controller

API REST

view

json,schemas Representação

6

Projeto da Arquitetura usando Flask

Mapeamento do Projeto MVC na Implementação

7

Projeto MVC usando Flask

model

SqlAlchemycontroller

flask-rest-api

viewmarshmallo

w

estrutura do código fonte

Projeto - Controller v1

8

controller

app.py

Projeto - Controller v1

9

controller

item.py

Projeto - Model v2

10

model

item.py

Projeto - View v2

11

view

itemSchema.py

Mini-tutorial de Flask - IReferência: https://code.visualstudio.com/docs/python/tutorial-flask

Instalar python3

Criar um ambiente de projeto para python

# macOS/Linux

pip3 install virtualenv

#linux

sudo apt-get install python3-venv # If needed

python3 -m venv env

# Windows

py -3 -m venv env

12

Ativar o ambiente

source env/bin/activate

env\scripts\activate (Windows)

Instalar o flask

# macOS/Linux

pip3 install flask

# Windows

pip install flask

13

Mini-tutorial de Flask - II

14

Mini-tutorial de Flask - IIIEditar o arquivo app.py com o seguinte

conteúdo

Executar o programa:

python3 -m flask run (MacOS/Linux)

python -m flask run (Windows)

No Terminal, executar:

python3 app.py (MacOS/Linux)

python app.py (Windows)

15

Tutorial Flask Rest - APIReferência https://flask-restful.readthedocs.io/en/latest/quickstart.html

ReferênciasRepositório da Lista de Compras usando flask: https://github.com/miklt/lista-de-

compras-backend

Flask: https://code.visualstudio.com/docs/python/tutorial-flask

Flask Rest API https://flask-restful.readthedocs.io/en/latest/quickstart.html

16

Demo

17